Updated content

tassyguy · Oct 19, 2023 · 7ec400b · 7ec400b
1 parent c64076b
commit 7ec400b
Show file tree

Hide file tree

Showing 4 changed files with 161 additions and 6 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -110,12 +110,14 @@ a {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
+  max-width: 95%;
+  margin: 0 auto;
 }
 
 .bookmark-group-container {
   width: 22%;
   /* Stretch to fit 25% of the container for larger screens */
-  margin: 10px;
+  margin: 5px;
 }
 
 /* Media Query for smaller screens (e.g., for two groups on a row) */
@@ -125,7 +127,7 @@ a {
   }
 
   .bookmark-group-container {
-    width: 50%;
+    width: 100%;
     /* Stretch to fit 50% of the container for smaller screens */
   }
 }

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -5,7 +5,7 @@ import './globals.css'
 const fira = Fira_Code({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
-  title: 'Create Next App',
+  title: 'Startpage',
   description: 'Generated by create next app',
 }
 

diff --git a/components/bookmarks/bookmarks.tsx b/components/bookmarks/bookmarks.tsx
@@ -4,7 +4,6 @@ import bookmarksData from '../../data/bookmarks.json'; // Import the bookmarks J
 
 const Bookmarks: React.FC = () => (
   <div className="bookmarks">
-    <h1>My Bookmarks</h1>
     <BookmarkContainer bookmarkData={bookmarksData} />
   </div>
 );

diff --git a/data/bookmarks.json b/data/bookmarks.json
@@ -49,17 +49,80 @@
     "bookmarkGroup": "Development"
   },
   {
-    "siteName": "MDN",
+    "siteName": "MDN 1",
+    "icon": "./Mozilla.svg",
+    "url": "https://github.com",
+    "description": "Mozilla Docs",
+    "bookmarkGroup": "Work"
+  },
+  {
+    "siteName": "MDN 2",
+    "icon": "./Mozilla.svg",
+    "url": "https://github.com",
+    "description": "Mozilla Docs",
+    "bookmarkGroup": "Work"
+  },
+  {
+    "siteName": "MDN 3",
     "icon": "./Mozilla.svg",
     "url": "https://github.com",
     "description": "Mozilla Docs",
     "bookmarkGroup": "Work"
   },
+  {
+    "siteName": "MDN 4",
+    "icon": "./Mozilla.svg",
+    "url": "https://github.com",
+    "description": "Mozilla Docs",
+    "bookmarkGroup": "Work"
+  },
+  {
+    "siteName": "MDN 5",
+    "icon": "./Mozilla.svg",
+    "url": "https://github.com",
+    "description": "Mozilla Docs",
+    "bookmarkGroup": "Work"
+  },
+  {
+    "siteName": "qBittorrent",
+    "icon": "./Mozilla.svg",
+    "url": "https://github.com",
+    "description": "Mozilla Docs",
+    "bookmarkGroup": "Web UI"
+  },
+  {
+    "siteName": "qBittorrent",
+    "icon": "./Mozilla.svg",
+    "url": "https://github.com",
+    "description": "Mozilla Docs",
+    "bookmarkGroup": "Web UI"
+  },
+  {
+    "siteName": "qBittorrent",
+    "icon": "./Mozilla.svg",
+    "url": "https://github.com",
+    "description": "Mozilla Docs",
+    "bookmarkGroup": "Web UI"
+  },
+  {
+    "siteName": "qBittorrent",
+    "icon": "./Mozilla.svg",
+    "url": "https://github.com",
+    "description": "Mozilla Docs",
+    "bookmarkGroup": "Web UI"
+  },
+  {
+    "siteName": "qBittorrent",
+    "icon": "./Mozilla.svg",
+    "url": "https://github.com",
+    "description": "Mozilla Docs",
+    "bookmarkGroup": "Web UI"
+  },
   {
     "siteName": "YouTube",
     "icon": "./YouTube.svg",
     "url": "https://www.youtube.com",
-    "description": "A video-sharing platform",
+    "description": "Video site",
     "bookmarkGroup": "Entertainment"
   },
   {
@@ -82,6 +145,34 @@
     "url": "https://www.youtube.com",
     "description": "Steam info",
     "bookmarkGroup": "Gaming"
+  }, 
+  {
+    "siteName": "Xbox Cloud",
+    "icon": "./Steam.svg",
+    "url": "https://www.youtube.com",
+    "description": "Stream Xbox games",
+    "bookmarkGroup": "Gaming"
+  },
+  {
+    "siteName": "RetroArch",
+    "icon": "./Steam.svg",
+    "url": "https://www.youtube.com",
+    "description": "Steam info",
+    "bookmarkGroup": "Gaming"
+  },
+  {
+    "siteName": "Game",
+    "icon": "./Steam.svg",
+    "url": "https://www.youtube.com",
+    "description": "Steam info",
+    "bookmarkGroup": "Gaming"
+  },
+  {
+    "siteName": "Game 2",
+    "icon": "./Steam.svg",
+    "url": "https://www.youtube.com",
+    "description": "Steam info",
+    "bookmarkGroup": "Gaming"
   },
   {
     "siteName": "Todoist",
@@ -104,6 +195,34 @@
     "description": "Notes",
     "bookmarkGroup": "Personal"
   },
+  {
+    "siteName": "Notion 2",
+    "icon": "./Notion-logo.svg",
+    "url": "https://simonxphillips.notion.site",
+    "description": "Notes",
+    "bookmarkGroup": "Personal"
+  },
+  {
+    "siteName": "Notion 3",
+    "icon": "./Notion-logo.svg",
+    "url": "https://simonxphillips.notion.site",
+    "description": "Notes",
+    "bookmarkGroup": "Personal"
+  },
+  {
+    "siteName": "Notion 4",
+    "icon": "./Notion-logo.svg",
+    "url": "https://simonxphillips.notion.site",
+    "description": "Notes",
+    "bookmarkGroup": "Personal"
+  },
+  {
+    "siteName": "Notion 5",
+    "icon": "./Notion-logo.svg",
+    "url": "https://simonxphillips.notion.site",
+    "description": "Notes",
+    "bookmarkGroup": "Personal"
+  },
   {
     "siteName": "Spotify",
     "icon": "./Spotify.svg",
@@ -124,5 +243,40 @@
     "url": "https://github.com",
     "description": "localhost",
     "bookmarkGroup": "Development"
+  },
+  {
+    "siteName": "Fun Link",
+    "icon": "./Spotify.svg",
+    "url": "https://github.com",
+    "description": "localhost",
+    "bookmarkGroup": "Fun"
+  },
+  {
+    "siteName": "Fun Link 2",
+    "icon": "./Spotify.svg",
+    "url": "https://github.com",
+    "description": "localhost",
+    "bookmarkGroup": "Fun"
+  },
+  {
+    "siteName": "Fun Link 3",
+    "icon": "./Spotify.svg",
+    "url": "https://github.com",
+    "description": "localhost",
+    "bookmarkGroup": "Fun"
+  },
+  {
+    "siteName": "Fun Link 4",
+    "icon": "./Spotify.svg",
+    "url": "https://github.com",
+    "description": "localhost",
+    "bookmarkGroup": "Fun"
+  },
+  {
+    "siteName": "Fun Link 5",
+    "icon": "./Spotify.svg",
+    "url": "https://github.com",
+    "description": "localhost",
+    "bookmarkGroup": "Fun"
   }
 ]