From f04468a96186318f419e9d5c8eb788e9bbef89cb Mon Sep 17 00:00:00 2001 From: Markus Dieckmann Date: Mon, 18 Jun 2018 11:08:45 +0200 Subject: [PATCH] update startpage extensively --- startpage/README.md | 4 + startpage/favicon.png | Bin 0 -> 19949 bytes startpage/main.html | 361 ++++++++++++++++++++++++++---------------- startpage/styles.css | 120 ++++++++++++++ 4 files changed, 352 insertions(+), 133 deletions(-) create mode 100644 startpage/README.md create mode 100644 startpage/favicon.png create mode 100644 startpage/styles.css 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 0000000000000000000000000000000000000000..627ff2ffee332d2c03ff850dc98c40e6fe55335f GIT binary patch literal 19949 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 literal 0 HcmV?d00001 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; +}