diff --git a/app/globals.css b/app/globals.css index ac17ed7..36d9001 100644 --- 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 index 09691fd..046a363 100644 --- 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 index 055ae8e..596d3a8 100644 --- 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 = () => (
-

My Bookmarks

); diff --git a/data/bookmarks.json b/data/bookmarks.json index 4613a29..f715aec 100644 --- 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" } ]