From 21bbb417a5871d1b5c13ef395b9ec1623f4a89f4 Mon Sep 17 00:00:00 2001 From: FreneticScribbler Date: Thu, 23 Apr 2020 16:12:04 +0100 Subject: [PATCH] Mockup of slanted colum layout --- _includes/head.html | 9 ++++ _layouts/default.html | 7 +--- _layouts/home.html | 1 - custom.css | 39 ++++++++++++++++++ ...hristian-wiediger-WkfDrhxDMC8-unsplash.jpg | Bin index.html | 26 ++++++++++++ index.markdown | 7 ---- 7 files changed, 76 insertions(+), 13 deletions(-) create mode 100644 _includes/head.html create mode 100644 custom.css rename christian-wiediger-WkfDrhxDMC8-unsplash.jpg => img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg (100%) create mode 100644 index.html delete mode 100644 index.markdown diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..59031fe --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,9 @@ + + + + + {%- seo -%} + + {%- feed_meta -%} + + diff --git a/_layouts/default.html b/_layouts/default.html index 258e05f..2e9989e 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -7,11 +7,8 @@ {%- include header.html -%} -
-
- {{ content }} -
- unsplash-logoChristian Wiediger +
+ {{ content }}
{%- include footer.html -%} diff --git a/_layouts/home.html b/_layouts/home.html index b429371..a86a717 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -1,7 +1,6 @@ --- layout: default --- -
{%- if page.title -%}

{{ page.title }}

diff --git a/custom.css b/custom.css new file mode 100644 index 0000000..455cf5b --- /dev/null +++ b/custom.css @@ -0,0 +1,39 @@ +.bigimage { + transform: skew(-20deg); + color: white; + padding: 2em; + height: 50vh; + width: 100%; + text-align: center; +} +/*My kingdom for a 'backdrop-filter'!*/ +img.background { + color: black; + width: 100%; + height: 100%; + position: absolute; + left: 0px; + top: 0px; + z-index: -1; + -webkit-filter: blur(2px); + filter: blur(2px); + -webkit-transition: .3s ease-in-out; + transition: .3s ease-in-out; +} +.bigimage:hover img { + -webkit-filter: blur(0); + filter: blur(0); +} +a.button { + transform: skew(20deg); + color: white; + touch-callout: none; + user-select: none; + display: inline-block; + border: .2em solid; + position: relative; + cursor: pointer; + overflow: hidden; + padding: 0.5em; + background: rgba(255, 255, 255, 0.3); +} diff --git a/christian-wiediger-WkfDrhxDMC8-unsplash.jpg b/img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg similarity index 100% rename from christian-wiediger-WkfDrhxDMC8-unsplash.jpg rename to img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg diff --git a/index.html b/index.html new file mode 100644 index 0000000..69495a8 --- /dev/null +++ b/index.html @@ -0,0 +1,26 @@ +--- +--- + + + + {%- include head.html -%} + + + + {%- include header.html -%} + +
+
+
Development
+
Writing
+
Technical
+
Personal
+
+
+ + {%- include footer.html -%} + + + + + diff --git a/index.markdown b/index.markdown deleted file mode 100644 index 64a82a1..0000000 --- a/index.markdown +++ /dev/null @@ -1,7 +0,0 @@ ---- -# Feel free to add content and custom Front Matter to this file. -# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults - -layout: home ---- -