From 398eda4992ad73531f39595776c007014b3020c3 Mon Sep 17 00:00:00 2001 From: Olivier Roques Date: Sat, 1 Aug 2020 23:19:40 +0200 Subject: Add sass files --- assets/sass/researcher.scss | 34 +++++++++++++++++++++++ assets/sass/typography.scss | 66 ++++++++++++++++++++++++++++++++++++++++++++ assets/sass/variables.scss | 29 +++++++++++++++++++ layouts/404.html | 6 ++++ layouts/_default/list.html | 5 ++++ layouts/_default/single.html | 5 ++++ layouts/index.html | 5 ++++ layouts/partials/footer.html | 6 ++++ layouts/partials/head.html | 18 ++++++++++++ layouts/partials/header.html | 15 ++++++++++ 10 files changed, 189 insertions(+) create mode 100644 assets/sass/researcher.scss create mode 100644 assets/sass/typography.scss create mode 100644 assets/sass/variables.scss diff --git a/assets/sass/researcher.scss b/assets/sass/researcher.scss new file mode 100644 index 0000000..8acca57 --- /dev/null +++ b/assets/sass/researcher.scss @@ -0,0 +1,34 @@ +@import "variables"; +@import "typography"; + +* { + color: $dark; + font-family: "Inconsolata"; + line-height: normal; +} +h1, h2, h3, h4, h5, h6 { + font-size: medium; + font-weight: bold; + line-height: normal; + margin: 1.2rem 0 0.8rem 0; +} +@for $i from 1 through 4 { + h#{$i} { + font-size: 1.2rem + 0.2 * (4 - $i); + } +} +.container { + max-width: $max-width; +} +.navbar-brand { + @extend %link-dark; + font-size: 2rem; +} +.nav-link { + @extend %link-default; +} +footer { + a { + @extend %link-dark; + } +} diff --git a/assets/sass/typography.scss b/assets/sass/typography.scss new file mode 100644 index 0000000..a1427c4 --- /dev/null +++ b/assets/sass/typography.scss @@ -0,0 +1,66 @@ +@import "variables"; + +#content { + a { + @extend %link-default; + } + ol { + counter-reset: list; + list-style: none; + padding-left: 0; + & > li { + padding-left: 4ch; + text-indent: -4ch; + margin: 4px 0; + &:before { + content: "[" counter(list, decimal) "] "; + counter-increment: list; + } + } + } + ul { + list-style: inside; + padding-left: 0; + & > li { + margin: 4px 0; + } + } + blockquote { + border-left: 4px solid; + font-style: italic; + margin: $margin-y 0; + padding: 8px 8px; + & p { + margin: 0; + } + } + .avatar { + border-radius: 50%; + float: right; + margin: -8px 0 0 16px; + height: $avatar-size; + width: $avatar-size; + } + img { + display: block; + margin: $margin-y auto; + } + table { + margin: $margin-y auto; + width: 100%; + & tr { + background-color: white; + border: 1px solid #cccccc; + & td { + @extend %table-cell; + } + & th { + @extend %table-cell; + font-weight: bold; + } + &:nth-child(2n) { + background-color: #f8f8f8; + } + } + } +} diff --git a/assets/sass/variables.scss b/assets/sass/variables.scss new file mode 100644 index 0000000..6defa80 --- /dev/null +++ b/assets/sass/variables.scss @@ -0,0 +1,29 @@ +// Variables +$max-width: 750px; +$avatar-size: 90px; +$margin-y: 16px; +$red: #ff0f00; +$dark: #000000; + +// Placeholders +%link-default { + color: $red; + text-decoration: none; + &:hover { + color: $red; + text-decoration: underline; + } +} +%link-dark { + color: $dark; + text-decoration: none; + &:hover { + color: $dark; + text-decoration: underline; + } +} +%table-cell { + border: 1px solid #cccccc; + padding: 6px 12px; + text-align: left; +} diff --git a/layouts/404.html b/layouts/404.html index e69de29..163dae0 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -0,0 +1,6 @@ +{{ define "main" }} +
+

404 Error

+

Page does not exist.

+
+{{ end }} diff --git a/layouts/_default/list.html b/layouts/_default/list.html index e69de29..2bc2b1e 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -0,0 +1,5 @@ +{{ define "main" }} +
+ {{ .Content }} +
+{{ end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index e69de29..2bc2b1e 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -0,0 +1,5 @@ +{{ define "main" }} +
+ {{ .Content }} +
+{{ end }} diff --git a/layouts/index.html b/layouts/index.html index e69de29..2bc2b1e 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -0,0 +1,5 @@ +{{ define "main" }} +
+ {{ .Content }} +
+{{ end }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index e69de29..749441b 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -0,0 +1,6 @@ +{{ with .Site.Params.footer }} +
+
+ {{ .text }} +
+{{ end }} diff --git a/layouts/partials/head.html b/layouts/partials/head.html index e69de29..2b5566e 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -0,0 +1,18 @@ + + + + + {{ .Title }} + + + + + + + {{ $style := resources.Get "sass/researcher.scss" | toCSS | minify }} + + + {{ with .Site.Params.favicon }} + + {{ end }} + diff --git a/layouts/partials/header.html b/layouts/partials/header.html index e69de29..45b67a8 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -0,0 +1,15 @@ +
+ +
+
-- cgit v1.2.3