diff --git a/startpage/README.md b/startpage/README.md new file mode 100644 index 0000000..31ccaec --- /dev/null +++ b/startpage/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/startpage/favicon.png b/startpage/favicon.png new file mode 100644 index 0000000..627ff2f Binary files /dev/null and b/startpage/favicon.png differ diff --git a/startpage/main.html b/startpage/main.html index f53dbb4..e526fdd 100644 --- a/startpage/main.html +++ b/startpage/main.html @@ -1,142 +1,237 @@ - - - main - + + - #titles {font-size: 40px;color:#00a492} - #time {font-size: 70px;color:#00a492} + + +
+
+
+
+
Daily
+
+ Todoist + gMail + gDrive + gKeep +
+
+
+
Media
+
+ Youtube + Spotify + mfp(); + Youtube +
+
+
+
Reddit
+
+ /r/linux + /r/thinkpad + /r/games + /r/unixporn + /r/worldnews +
+
+
+
Social
+
+ Whatsapp + discord + foobar Door +
+
+
+
Work
+
+ mari + docuwiki + TFS +
+
+
+
News
+
+ heise + golem + HackerNews +
+
+
+
Programming
+
+ /r/learnprog. + Github + gisthub +
+
+
+
- .event {width: 155px;height:130px;float:left;border: 1px solid #4d6774;padding: 0px 5px;} - .event h5 {font-size:13px;padding: 8px 3px;margin:3px 0;color:#756f7b;} - .event p {font-family: 'Roboto', sans-serif;font-weight: 100;color : #999;font-size: 13px;} - - + + - - - nixdorf_bk_essen - pocket - Door Status - - - - Cockpit - - - - -

- - - - - - - + \ No newline at end of file diff --git a/startpage/styles.css b/startpage/styles.css new file mode 100644 index 0000000..5186f3f --- /dev/null +++ b/startpage/styles.css @@ -0,0 +1,120 @@ +@import url('https://fonts.googleapis.com/css?family=Roboto+Mono'); + +body { + background-color: #4b6855; + 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; +} + +@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: #272727; + border-radius: 3px; + font-family: "Roboto Mono"; + font-size: 1.25rem; + height: auto; + margin: 0em .5em; +} +.bookmark-inner-container { + overflow-y: visible; + overflow-x: visible; + 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; +}