diff options
author | fncnt <github@vncnt.eu> | 2019-03-28 13:46:11 +0300 |
---|---|---|
committer | fncnt <github@vncnt.eu> | 2019-03-28 13:46:11 +0300 |
commit | 32062158ca5a16aa0907f5ba20dfcf429815673f (patch) | |
tree | 56a80cfe60232ededd066bd6c1a6aae9720eb441 | |
parent | e7360b3f8e09f88d7bcd9f4c8cc357bd55ca2b03 (diff) |
Incorporete barebones.css into layout.
-rw-r--r-- | README.md | 2 | ||||
-rw-r--r-- | layouts/404.html | 4 | ||||
-rw-r--r-- | layouts/partials/body.html | 8 | ||||
-rw-r--r-- | static/css/vncnt.css | 23 |
4 files changed, 27 insertions, 10 deletions
@@ -32,7 +32,7 @@ However, those are trade-offs I'm willing to accept for simplicity. ## Third-party Components -The backbone (I'm so sorry) of this theme is made of [`Barebones`](https://github.com/acahir/Barebones). +The spine (I'm so sorry) of this theme is made of [`Barebones`](https://github.com/acahir/Barebones). Both `normalize.css` and `barebones.css` are licensed unter the MIT License. This theme relies on fontawesome. The included files in `static/webfonts` are used under the SIL Open Font License 1.1 as described in `static/css/all.min.css`. The latter file is licensed under the MIT License. diff --git a/layouts/404.html b/layouts/404.html index b79ec51..80a4424 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -1,8 +1,8 @@ <!DOCTYPE HTML> {{ partial "includes" . }} <div class="error404"> - <div class="row"> - <div class="twelve columns"> + <div class="grid-container full"> + <div> <h1>{{ "**404**" | markdownify }}</h1> {{ with .Site.Params.error404 }} <h2>{{ "---" | markdownify }}{{ . | markdownify }}</h2> diff --git a/layouts/partials/body.html b/layouts/partials/body.html index 9dd727f..c23a253 100644 --- a/layouts/partials/body.html +++ b/layouts/partials/body.html @@ -1,12 +1,11 @@ <div class="landingpage"> - <div class="row"> - <div class="five columns"> + <div class="grid-container fivetoseven"> + <div class="item"> <section id="avatar"> <img class="avatar" src="{{.Site.Params.avatar}}"> </section> </div> - <div class="seven columns"> - <div class="autocenter"> + <div class="grid-container full autocenter"> <section id="bio"> <h3>{{ .Site.Params.author }}</h3> <p class="reset-margin">{{ .Site.Params.bio | markdownify }}</p> @@ -24,6 +23,5 @@ </div> </section> </div> - </div> </div> </div> diff --git a/static/css/vncnt.css b/static/css/vncnt.css index 8c224e9..3b83227 100644 --- a/static/css/vncnt.css +++ b/static/css/vncnt.css @@ -18,6 +18,10 @@ there. */ @import url('barebones.css'); +html { + --base-font-size: 80%; +} + .landingpage, .error404 { position: absolute; top: 50%; @@ -33,7 +37,7 @@ there. } p.reset-margin { - margin-bottom: 1rem; /*skeleton.css: 2.5rem*/ + margin-bottom: 2rem; /*skeleton.css: 2.5rem*/ } .avatar { @@ -53,9 +57,14 @@ p.reset-margin { } .icons { + bottom: 0; +} +.icons h3 { + margin-bottom: 0; } + .icon { text-rendering: geometricPrecision !important; text-decoration: none; @@ -66,6 +75,14 @@ p.reset-margin { /* Larger than mobile (default point when grid becomes active) */ @media (min-width: 600px) { + .grid-container.fivetoseven { + grid-template-columns: 5fr 7fr; + } + + .item { + align-self: center; + } + .landingpage, .error404 { position: absolute; top: 50%; @@ -83,7 +100,9 @@ p.reset-margin { .autocenter { text-align: left; - }} + padding: 0 0; + } +} /* Larger than phablet */ @media (min-width: 900px) {} |