diff --git a/homepages/jared-startpage-EDITED/.gitignore b/homepages/jared-startpage-EDITED/.gitignore new file mode 100644 index 0000000..5ca0973 --- /dev/null +++ b/homepages/jared-startpage-EDITED/.gitignore @@ -0,0 +1,2 @@ +.DS_Store + diff --git a/homepages/jared-startpage-EDITED/README.md b/homepages/jared-startpage-EDITED/README.md new file mode 100644 index 0000000..31ccaec --- /dev/null +++ b/homepages/jared-startpage-EDITED/README.md @@ -0,0 +1,4 @@ +# [Homepage](https://danggoodcode.com/startpage) +Homepage avaliable for use now at danggoodcode.com/startpage + +![homepage](https://i.redd.it/cbnzq36zj3601.gif) diff --git a/homepages/jared-startpage-EDITED/favicon.png b/homepages/jared-startpage-EDITED/favicon.png new file mode 100644 index 0000000..627ff2f Binary files /dev/null and b/homepages/jared-startpage-EDITED/favicon.png differ diff --git a/homepages/jared-startpage-EDITED/index.html b/homepages/jared-startpage-EDITED/index.html new file mode 100644 index 0000000..46eadd1 --- /dev/null +++ b/homepages/jared-startpage-EDITED/index.html @@ -0,0 +1,78 @@ + + + + + + + + Home + + + + + +
+
+
+
+
+
Welcome Elena
+
+
+
+
+
+
Daily
+ +
+
+
Reddit
+ +
+ +
+
+ + + diff --git a/homepages/jared-startpage-EDITED/keyboards-dark.jpg b/homepages/jared-startpage-EDITED/keyboards-dark.jpg new file mode 100644 index 0000000..ed5ed0d Binary files /dev/null and b/homepages/jared-startpage-EDITED/keyboards-dark.jpg differ diff --git a/homepages/jared-startpage-EDITED/styles.css b/homepages/jared-startpage-EDITED/styles.css new file mode 100644 index 0000000..879088e --- /dev/null +++ b/homepages/jared-startpage-EDITED/styles.css @@ -0,0 +1,123 @@ +body { + background-image: url("keyboards-dark.jpg"); + background-size: cover; + /* background: #1D1F28; */ + 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: 50pt; + font-weight: 400; + font-family: sans-serif; + color: #FDFDFD; + margin-bottom: .25em; +} + +#search { + width: 100%; + height: 100%; + background-color: #282A36; + 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: #282A36; + border: solid 0px #282A36; + font-family: sans-serif; + font-size: 15pt; + color: #FDFDFD; + outline: none; + border-radius: 6px; + margin-bottom: 1em; + text-align: center; +} + +.welcome-container { + width: 30%; + background-color: #282A36; + padding: 1em; + border-radius: 6px; + font-family: sans-serif; + font-size: 13pt; + font-weight: 500; + color: #FDFDFD; + text-align: center; +} +.inline { + display: inline-block; +} + +.bookmark-container { + display: flex; + flex-direction: row; + justify-content: center; + width: 55%; + margin: 1em 0em; +} + +@media only screen and (max-width: 960px) { + .container { + height: auto; + } + #clock { + margin-top: 1em; + } + .container > .bookmark-container { + flex-direction: column; + width: 60%; + } + .bookmark-container > .bookmark-set { + width: auto; + margin: 1em 0em; + } +} + +.bookmark-set{ + padding: 1em; + background-color: #282A36; + color: #BEBEC1; + border-radius: 6px; + font-family: sans-serif; + font-size: 12pt; + width: 25%; + height: 10em; + margin: 0em .5em; +} +.bookmark-inner-container { + overflow-y: hidden; + height: 80%; + vertical-align: top; +} +.bookmark-title { + font-size: 13pt; + font-weight: 500; + color: #FDFDFD; + margin: 0em 0em .35em 0em; +} +.bookmark { + text-decoration: none; + color: #BEBEC1; + display:block; + margin: .5em 0em; +} +.bookmark:hover { + color: #FDFDFD; +}