diff options
| -rw-r--r-- | assets/sass/researcher.scss | 34 | ||||
| -rw-r--r-- | assets/sass/typography.scss | 66 | ||||
| -rw-r--r-- | assets/sass/variables.scss | 29 | ||||
| -rw-r--r-- | layouts/404.html | 6 | ||||
| -rw-r--r-- | layouts/_default/list.html | 5 | ||||
| -rw-r--r-- | layouts/_default/single.html | 5 | ||||
| -rw-r--r-- | layouts/index.html | 5 | ||||
| -rw-r--r-- | layouts/partials/footer.html | 6 | ||||
| -rw-r--r-- | layouts/partials/head.html | 18 | ||||
| -rw-r--r-- | layouts/partials/header.html | 15 |
10 files changed, 189 insertions, 0 deletions
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" }} +<div class="container"> + <h1>404 Error</h1> + <p>Page does not exist.</p> +</div> +{{ 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" }} +<div class="container"> + {{ .Content }} +</div> +{{ 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" }} +<div class="container"> + {{ .Content }} +</div> +{{ 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" }} +<div class="container"> + {{ .Content }} +</div> +{{ 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 }} + <hr> + <div class="container text-center mb-2"> + <a href="{{ .url }}"><small>{{ .text }}</small></a> + </div> +{{ 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 @@ +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + + <title>{{ .Title }}</title> + <meta name="description" content="{{ .Site.Params.description }}"> + <meta name="author" content='{{ .Site.Params.author }}'> + + <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet"> + <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> + + {{ $style := resources.Get "sass/researcher.scss" | toCSS | minify }} + <link rel="stylesheet" href="{{ $style.RelPermalink }}"> + + {{ with .Site.Params.favicon }} + <link rel="icon" type="image/ico" href="{{ . | relURL }}"> + {{ end }} +</head> 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 @@ +<div class="container mt-5"> + <nav class="navbar navbar-expand-sm flex-column flex-sm-row p-0"> + <a class="navbar-brand mr-sm-auto" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a> + <div class="navbar-nav flex-row"> + {{ $navbar_len := len .Site.Menus.navbar }} + {{ range $i, $nav_item := .Site.Menus.navbar }} + <a class="nav-item nav-link" href="{{ $nav_item.URL | relURL }}">{{ $nav_item.Name }}</a> + {{ if ne (add $i 1) $navbar_len }} + <span class="nav-item navbar-text mx-1">/</span> + {{ end }} + {{ end }} + </div> + </nav> +</div> +<hr> |