commit 19cc9b9df600e4512fa701229763259133cd0732 Author: Jared Jones Date: Mon Dec 25 11:48:38 2017 -0600 homepage diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..d5b8db6 Binary files /dev/null and b/.DS_Store differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..39fbc8f --- /dev/null +++ b/index.html @@ -0,0 +1,122 @@ + + + + + + + + Home + + + + +
+
+
+
+
+
-
+
+
+
+
+
+
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 new file mode 100644 index 0000000..ef068b8 --- /dev/null +++ b/styles.css @@ -0,0 +1,102 @@ +@import url('https://fonts.googleapis.com/css?family=Roboto+Mono'); + +body { + background-color: #5F4B8B; + margin: 0px; +} + +.container { + width: 100%; + height: 100vh; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} + +#clock { + font-family: sans-serif; + font-size: 3.5rem; + font-weight: 600; + font-family: "Roboto Mono"; + color: #fff; + margin-bottom: .25em; +} + +#search { + width: 100%; + height: 100vh; + background-color: #272727; + display: none; + position: absolute; + box-sizing: border-box; + flex-direction: column; + align-items: center; + justify-content: center; +} + +#search-field { + width: 90%; + padding: .75em 1em; + box-sizing: border-box; + background-color: #272727; + border: solid 0px #272727; + font-family: "Roboto Mono"; + font-size: 4rem; + color: #f2f2f2; + outline: none; + border-radius: 3px; + margin-bottom: 1em; + text-align: center; +} + +.weather-container { + width: 30%; + background-color: #272727; + padding: 1em; + border-radius: 3px; + font-family: "Roboto Mono"; + color: #fff; + text-align: center; +} +.inline { + display: inline-block; +} + +.bookmark-container { + display: flex; + flex-direction: row; + justify-content: center; + width: 50%; + margin: 1em 0em; +} +.bookmark-set{ + padding: 1em; + background-color: #272727; + border-radius: 3px; + font-family: "Roboto Mono"; + font-size: .85rem; + width: 25%; + height: 10em; + margin: 0em .5em; +} +.bookmark-inner-container { + overflow-y: scroll; + height: 80%; + vertical-align: top; +} +.bookmark-title { + font-size: 1.1rem; + font-weight: 600; + color: #fff; + margin: 0em 0em .35em 0em; +} +.bookmark { + text-decoration: none; + color: #8c8c8b; + display:block; + margin: .5em 0em; +} +.bookmark:hover { + color: #fff; +}