From f4671314897388cd7c15e085b9ffbf9dbef62654 Mon Sep 17 00:00:00 2001 From: Jared Jones Date: Wed, 15 Jul 2020 14:42:24 -0500 Subject: [PATCH] Updating to store bookmark definitions in js to make them easier to update, formatting, fixing #7 --- bookmarks.js | 47 +++++++++++ index.html | 220 ++++++++++++++++++++++++++------------------------- styles.css | 2 +- 3 files changed, 160 insertions(+), 109 deletions(-) create mode 100644 bookmarks.js diff --git a/bookmarks.js b/bookmarks.js new file mode 100644 index 0000000..570f774 --- /dev/null +++ b/bookmarks.js @@ -0,0 +1,47 @@ +// Note: having length != 4 will mess with layout based on how the site is styled +const bookmarks = [ + { + title: "Daily", + links: [ + { name: "Inbox", url: "https://inbox.google.com" }, + { name: "GitHub", url: "https://github.com" }, + { name: "Drive", url: "https://drive.google.com" }, + ], + }, + { + title: "Media", + links: [ + { name: "Youtube", url: "https://youtube.com" }, + { name: "Netflix", url: "https://netflix.com" }, + { name: "Crunchyroll", url: "https://crunchyroll.com" }, + { + name: "Amazon Prime", + url: "https://www.amazon.com/Amazon-Video", + }, + ], + }, + { + title: "Reddit", + links: [ + { name: "/r/overwatch", url: "https://reddit.com/r/overwatch" }, + { + name: "/r/pcmasterrace", + url: "https://reddit.com/r/pcmasterrace", + }, + { name: "/r/me_irl", url: "https://reddit.com/r/me_irl" }, + { + name: "/r/battlestations", + url: "https://reddit.com/r/battlestations", + }, + { name: "/r/unixporn", url: "https://reddit.com/r/unixporn" }, + { name: "/r/news", url: "https://reddit.com/r/news" }, + ], + }, + { + title: "Social", + links: [ + { name: "Twitter", url: "https://twitter.com" }, + { name: "Facebook", url: "https://facebook.com" }, + ], + }, +]; \ No newline at end of file diff --git a/index.html b/index.html index d75c200..0e2e382 100644 --- a/index.html +++ b/index.html @@ -1,123 +1,127 @@ - - - - - - Home - + + + + + + Homepage + - - + +
-
-
-
-
-
-
-
-
-
-
-
-
Daily
-
- Inbox - Github - Drive -
-
-
-
Media
-
- Youtube - Netflix - Crunchyroll - Amazon Prime -
-
-
-
Reddit
-
- /r/overwatch - /r/pcmasterrace - /r/me_irl - /r/battlestations - /r/unixporn - - /r/news -
-
-
-
Social
-
- Twitter - Facebook -
-
+
+
+
+
+
-
+
+
+
+ - - \ No newline at end of file + + diff --git a/styles.css b/styles.css index aa88118..71364f5 100644 --- a/styles.css +++ b/styles.css @@ -72,7 +72,7 @@ body { display: inline-block; } -.bookmark-container { +#bookmark-container { display: flex; flex-direction: row; justify-content: center;