From c3fa449032562ac27a8c56e45792f928befde475 Mon Sep 17 00:00:00 2001 From: Lynne Date: Sat, 29 Feb 2020 20:10:01 +1000 Subject: [PATCH] more css, status/link boxes --- README.md | 3 ++- _layouts/default.html | 9 +++++++++ style.css | 34 ++++++++++++++++++++++++++++++++-- 3 files changed, 43 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index f617b7d..180865a 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,4 @@ # new-tab-page +[![Build Status](https://drone.bune.city/api/badges/lynnesbian/new-tab-page/status.svg)](https://drone.bune.city/lynnesbian/new-tab-page) -My own custom new tab page thingy \ No newline at end of file +My own custom new tab page thingy diff --git a/_layouts/default.html b/_layouts/default.html index b298878..2ae4486 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -9,6 +9,15 @@

{{ page.title }}

+
+
+

Status

+
+ +
+

Links

+
+
diff --git a/style.css b/style.css index 06fa063..cfd449e 100644 --- a/style.css +++ b/style.css @@ -12,12 +12,14 @@ html { background: #fafafa; } -h1 { +h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", "Roboto", sans-serif; text-align: center; - font-size:4em; font-weight: 200; } +h1 { + font-size:4em; +} p, footer, ul { width: 80%; @@ -39,6 +41,34 @@ a { text-decoration: none; } +#boxes { + text-align: center; +} +.box { + position: relative; + margin: 0 30px; + min-height: 300px; + min-width: 300px; + border-radius: 3px; + box-shadow: 0 0 5px black; + display: inline-block; + background: transparent; + transition: 0.2s all linear; +} +.box:hover { + background: #00000011; +} +.box::before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + z-index: -1; + background: radial-gradient(at 0% 0%, #99999911, 80%, #99999944); +} + footer { text-align: center; color: grey;