diff --git a/leaky-ships/components/Homepage.tsx b/leaky-ships/components/Grid.tsx
similarity index 98%
rename from leaky-ships/components/Homepage.tsx
rename to leaky-ships/components/Grid.tsx
index cdb1609..65c75cf 100644
--- a/leaky-ships/components/Homepage.tsx
+++ b/leaky-ships/components/Grid.tsx
@@ -1,7 +1,7 @@
 import classNames from 'classnames'
 import { CSSProperties, useEffect, useMemo, useState } from 'react'
 
-function Homepage() {
+function Grid() {
 
     const floorClient = (number: number) => Math.floor(number / 50)
 
@@ -84,4 +84,4 @@ function Homepage() {
     return createTiles
 }
 
-export default Homepage
\ No newline at end of file
+export default Grid
\ No newline at end of file
diff --git a/leaky-ships/components/Homepage2.tsx b/leaky-ships/components/Grid2.tsx
similarity index 98%
rename from leaky-ships/components/Homepage2.tsx
rename to leaky-ships/components/Grid2.tsx
index b1a1bda..602a53d 100644
--- a/leaky-ships/components/Homepage2.tsx
+++ b/leaky-ships/components/Grid2.tsx
@@ -1,7 +1,7 @@
 import classNames from 'classnames'
 import { CSSProperties, useEffect, useMemo, useState } from 'react'
 
-function Homepage2() {
+function Grid2() {
 
     const floorClient = (number: number) => Math.floor(number / 50)
 
@@ -89,4 +89,4 @@ function Homepage2() {
     return createTiles
 }
 
-export default Homepage2
\ No newline at end of file
+export default Grid2
\ No newline at end of file
diff --git a/leaky-ships/pages/homepage.tsx b/leaky-ships/pages/grid.tsx
similarity index 87%
rename from leaky-ships/pages/homepage.tsx
rename to leaky-ships/pages/grid.tsx
index 6d877a1..da07730 100644
--- a/leaky-ships/pages/homepage.tsx
+++ b/leaky-ships/pages/grid.tsx
@@ -1,5 +1,5 @@
 import Head from 'next/head'
-import Homepage from '../components/Homepage'
+import Grid from '../components/Grid'
 
 export default function Home() {
   return (
@@ -13,7 +13,7 @@ export default function Home() {
       <main>
         <div className="App">
           <header className="App-header">
-            <Homepage />
+            <Grid />
           </header>
         </div>
       </main>
diff --git a/leaky-ships/pages/homepage2.tsx b/leaky-ships/pages/grid2.tsx
similarity index 87%
rename from leaky-ships/pages/homepage2.tsx
rename to leaky-ships/pages/grid2.tsx
index e5b8676..9d3adb2 100644
--- a/leaky-ships/pages/homepage2.tsx
+++ b/leaky-ships/pages/grid2.tsx
@@ -1,5 +1,5 @@
 import Head from 'next/head'
-import Homepage2 from '../components/Homepage2'
+import Grid2 from '../components/Grid2'
 
 export default function Home() {
   return (
@@ -13,7 +13,7 @@ export default function Home() {
       <main>
         <div className="App">
           <header className="App-header">
-            <Homepage2 />
+            <Grid2 />
           </header>
         </div>
       </main>
diff --git a/leaky-ships/pages/index.tsx b/leaky-ships/pages/index.tsx
index 8e7b454..85174f8 100644
--- a/leaky-ships/pages/index.tsx
+++ b/leaky-ships/pages/index.tsx
@@ -12,10 +12,10 @@ export default function Home() {
         <link rel="icon" href="/favicon.ico" />
       </Head>
       <main>
-        <p><Link href='/gamefield'>Gamefield</Link></p>
-        <p><Link href='/homepage'>Homepage</Link></p>
-        <p><Link href='/homepage2'>Homepage2</Link></p>
-        <p><Link href='/socketio'>SocketIO</Link></p>
+        <p><Link href='/gamefield' target='_blank'>Gamefield</Link></p>
+        <p><Link href='/grid' target='_blank'>Grid Effect</Link></p>
+        <p><Link href='/grid2' target='_blank'>Grid Effect with Content</Link></p>
+        <p><Link href='/socketio' target='_blank'>SocketIO</Link></p>
       </main>
     </>
   )