NOTE: Federation is disabled on this instance!
You can test federation between the following instances:forge.angeley.es
code.angeley.es
| By | fr33domlover |
| At | 2018-03-12 |
| Title | Switch from my hacked CSS to the theme ikomi made for me with SASS :) |
| Description |
Edit file site.cabal 33188 → 33188
| 1 | 1 | name: site |
|
| - | 2 | version: 0.1.0.0 |
|
| + | 2 | version: 0.1 |
|
| 3 | 3 | build-type: Simple |
|
| 4 | 4 | cabal-version: >= 1.10 |
|
| 5 | 5 | ||
| 6 | 6 | executable site |
|
| 7 | 7 | main-is: site.hs |
|
| - | 8 | build-depends: base == 4.* |
|
| + | 8 | build-depends: base |
|
| 9 | 9 | , filepath |
|
| 10 | 10 | , filestore |
|
| - | 11 | , hakyll == 4.9.* |
|
| + | 11 | , hakyll |
|
| 12 | 12 | , hakyll-filestore |
|
| + | 13 | , hakyll-sass |
|
| + | 14 | , hsass |
|
| 13 | 15 | ghc-options: -threaded |
|
| 14 | 16 | default-language: Haskell2010 |
|
| … | … | … | … |
Edit file site.hs 33188 → 33188
| 11 | 11 | - <http://creativecommons.org/publicdomain/zero/1.0/>. |
|
| 12 | 12 | -} |
|
| 13 | 13 | ||
| 14 | 14 | {-# LANGUAGE OverloadedStrings #-}
|
|
| 15 | 15 | ||
| - | 16 | import Data.Monoid ((<>), mappend) |
|
| + | 16 | import Data.Monoid ((<>)) |
|
| 17 | 17 | import Data.FileStore.Types (FileStore) |
|
| 18 | 18 | import Hakyll |
|
| 19 | 19 | import Hakyll.FileStore.Context (fsModificationTimeField) |
|
| 20 | 20 | import Hakyll.FileStore.Git.Context (gitStore) |
|
| + | 21 | import Hakyll.Web.Sass (sassCompilerWith) |
|
| 21 | 22 | import System.FilePath ((</>), dropExtension) |
|
| + | 23 | import Text.Sass.Options |
|
| + | 24 | ||
| + | 25 | sassOptions = SassOptions |
|
| + | 26 | { sassPrecision = 3
|
|
| + | 27 | , sassOutputStyle = SassStyleCompressed |
|
| + | 28 | , sassSourceComments = False |
|
| + | 29 | , sassSourceMapEmbed = False |
|
| + | 30 | , sassSourceMapContents = False |
|
| + | 31 | , sassOmitSourceMapUrl = True |
|
| + | 32 | , sassIsIndentedSyntax = True |
|
| + | 33 | , sassIndent = " " |
|
| + | 34 | , sassLinefeed = "\n" |
|
| + | 35 | , sassInputPath = Nothing |
|
| + | 36 | , sassOutputPath = Nothing |
|
| + | 37 | , sassPluginPaths = Nothing |
|
| + | 38 | , sassIncludePaths = Nothing |
|
| + | 39 | , sassSourceMapFile = Nothing |
|
| + | 40 | , sassSourceMapRoot = Nothing |
|
| + | 41 | , sassFunctions = Nothing |
|
| + | 42 | , sassHeaders = Nothing |
|
| + | 43 | , sassImporters = Nothing |
|
| + | 44 | } |
|
| 22 | 45 | ||
| 23 | 46 | fileStore :: FileStore |
|
| 24 | 47 | fileStore = gitStore |
|
| 25 | 48 | ||
| 26 | 49 | pageRoute :: Routes |
|
| … | … | … | … |
| 39 | 62 | main = hakyll $ do |
|
| 40 | 63 | match "images/*" $ do |
|
| 41 | 64 | route idRoute |
|
| 42 | 65 | compile copyFileCompiler |
|
| 43 | 66 | ||
| - | 44 | match "css/*" $ do |
|
| + | 67 | match "fonts/**" $ do |
|
| 45 | 68 | route idRoute |
|
| - | 46 | compile compressCssCompiler |
|
| + | 69 | compile copyFileCompiler |
|
| + | 70 | ||
| + | 71 | match "styles/default.sass" $ do |
|
| + | 72 | route $ setExtension "css" |
|
| + | 73 | compile $ sassCompilerWith sassOptions |
|
| 47 | 74 | ||
| 48 | 75 | match (fromList ["about.markdown", "contact.markdown"]) $ do |
|
| 49 | 76 | route pageRoute |
|
| 50 | 77 | compile $ pandocCompiler |
|
| 51 | 78 | >>= loadAndApplyTemplate "templates/default.html" defaultContext |
|
| … | … | … | … |
Edit file stack.yaml 33188 → 33188
| 13 | 13 | # resolver: ghc-7.10.2 |
|
| 14 | 14 | # resolver: ghcjs-0.1.0_ghc-7.10.2 |
|
| 15 | 15 | # resolver: |
|
| 16 | 16 | # name: custom-snapshot |
|
| 17 | 17 | # location: "./custom-snapshot.yaml" |
|
| - | 18 | resolver: lts-9.16 |
|
| + | 18 | resolver: lts-9.18 |
|
| 19 | 19 | ||
| 20 | 20 | # User packages to be built. |
|
| 21 | 21 | # Various formats can be used as shown in the example below. |
|
| 22 | 22 | # |
|
| 23 | 23 | # packages: |
|
| … | … | … | … |
| 41 | 41 | # Dependency packages to be pulled from upstream that are not in the resolver |
|
| 42 | 42 | # (e.g., acme-missiles-0.3) |
|
| 43 | 43 | extra-deps: |
|
| 44 | 44 | - filestore-0.6.3.1 |
|
| 45 | 45 | - hakyll-filestore-0.1.5 |
|
| + | 46 | - hakyll-sass-0.2.3 |
|
| 46 | 47 | ||
| 47 | 48 | # Override default flag values for local packages and extra-deps |
|
| 48 | 49 | flags: {}
|
|
| 49 | 50 | ||
| 50 | 51 | # Extra package databases containing global packages |
|
| … | … | … | … |
Edit file templates/default.html 33188 → 33188
| 1 | 1 | <!doctype html> |
|
| - | 2 | <html lang="en"> |
|
| - | 3 | <head> |
|
| - | 4 | <meta charset="utf-8"> |
|
| - | 5 | <meta http-equiv="x-ua-compatible" content="ie=edge"> |
|
| - | 6 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
|
| - | 7 | <title>little red cabin - $title$</title> |
|
| - | 8 | <link rel="stylesheet" href="/css/default.css" /> |
|
| - | 9 | </head> |
|
| - | 10 | <body> |
|
| - | 11 | <header> |
|
| - | 12 | <div class="logo"> |
|
| - | 13 | <a href="/">little red cabin</a> |
|
| - | 14 | </div> |
|
| - | 15 | <nav> |
|
| - | 16 | <a href="/">home</a> |
|
| - | 17 | <a href="/about">about</a> |
|
| - | 18 | <a href="/contact">contact</a> |
|
| - | 19 | <a href="/writings">writings</a> |
|
| - | 20 | </nav> |
|
| - | 21 | </header> |
|
| - | 22 | ||
| - | 23 | <main role="main"> |
|
| - | 24 | $if(rtl)$ |
|
| - | 25 | <div dir="rtl"> |
|
| - | 26 | $endif$ |
|
| - | 27 | <h1>$title$</h1> |
|
| - | 28 | $body$ |
|
| - | 29 | $if(rtl)$ |
|
| - | 30 | </div> |
|
| - | 31 | $endif$ |
|
| - | 32 | </main> |
|
| - | 33 | ||
| - | 34 | <footer> |
|
| - | 35 | Site proudly generated by |
|
| - | 36 | <a href="http://jaspervdj.be/hakyll">Hakyll</a> |
|
| - | 37 | </footer> |
|
| - | 38 | </body> |
|
| + | 2 | <html class="default"> |
|
| + | 3 | <head> |
|
| + | 4 | <meta charset="UTF-8" /> |
|
| + | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
| + | 6 | <title>little red cabin | $title$</title> |
|
| + | 7 | <link rel="stylesheet" type="text/css" href="/styles/default.css" /> |
|
| + | 8 | </head> |
|
| + | 9 | <body class="body"> |
|
| + | 10 | <header class="header"> |
|
| + | 11 | <h1 class="header-title"> |
|
| + | 12 | <a class="header-title__link" href="/">little red cabin</a> |
|
| + | 13 | </h1> |
|
| + | 14 | <nav class="nav"> |
|
| + | 15 | <a class="nav__link" href="/">home</a> |
|
| + | 16 | <a class="nav__link" href="/about">about</a> |
|
| + | 17 | <a class="nav__link" href="/contact">contact</a> |
|
| + | 18 | <a class="nav__link" href="/writings">writings</a> |
|
| + | 19 | </nav> |
|
| + | 20 | </header> |
|
| + | 21 | <main class="main"> |
|
| + | 22 | $if(rtl)$ |
|
| + | 23 | <div dir="rtl"> |
|
| + | 24 | $endif$ |
|
| + | 25 | <h1 class="main-title">$title$</h1> |
|
| + | 26 | $body$ |
|
| + | 27 | $if(rtl)$ |
|
| + | 28 | </div> |
|
| + | 29 | $endif$ |
|
| + | 30 | </main> |
|
| + | 31 | <footer class="footer"> |
|
| + | 32 | Site generated by |
|
| + | 33 | <a class="footer__link" href="http://jaspervdj.be/hakyll">Hakyll</a>, |
|
| + | 34 | theme by |
|
| + | 35 | <a class="footer__link" href="https://keybase.io/iko">ikomi</a> |
|
| + | 36 | </footer> |
|
| + | 37 | </body> |
|
| 39 | 38 | </html> |
|
| … | … | … | … |
Edit file templates/poem.html 33188 → 33188
| - | 1 | <article> |
|
| - | 2 | <section class="header"> |
|
| + | 1 | <article class="article"> |
|
| + | 2 | <header class="article__header"> |
|
| + | 3 | $if(rtl)$ |
|
| + | 4 | פורסם בתאריך |
|
| + | 5 | $else$ |
|
| + | 6 | Posted on |
|
| + | 7 | $endif$ |
|
| + | 8 | <date class="article__date" pubdate datetime="$date$">$date$</date> |
|
| + | 9 | $if(author)$ |
|
| 3 | 10 | $if(rtl)$ |
|
| - | 4 | פורסם בתאריך $date$ |
|
| - | 5 | $if(author)$ |
|
| - | 6 | על־ידי $author$ |
|
| - | 7 | $endif$ |
|
| + | 11 | על־ידי |
|
| 8 | 12 | $else$ |
|
| - | 9 | Posted on $date$ |
|
| - | 10 | $if(author)$ |
|
| - | 11 | by $author$ |
|
| - | 12 | $endif$ |
|
| + | 13 | by |
|
| 13 | 14 | $endif$ |
|
| - | 14 | </section> |
|
| - | 15 | <section> |
|
| - | 16 | $body$ |
|
| - | 17 | </section> |
|
| + | 15 | <a class="article__author" rel="author" href="/">$author$</a> |
|
| + | 16 | $endif$ |
|
| + | 17 | </header> |
|
| + | 18 | <div class="article__content"> |
|
| + | 19 | $body$ |
|
| + | 20 | </div> |
|
| 18 | 21 | </article> |
|
| … | … | … | … |
Edit file templates/writings.html 33188 → 33188
| 1 | 1 | <h2>Poems</h2> |
|
| 2 | 2 | ||
| 3 | 3 | <h3>Public</h3> |
|
| 4 | 4 | ||
| - | 5 | <ul> |
|
| - | 6 | $for(poems)$ |
|
| - | 7 | <li> |
|
| - | 8 | <a href="$url$">$title$</a> - $date$ |
|
| - | 9 | </li> |
|
| - | 10 | $endfor$ |
|
| + | 5 | <ul class="post-list"> |
|
| + | 6 | $for(poems)$ |
|
| + | 7 | <li> |
|
| + | 8 | <a class="post-list__title" href="$url$">$title$</a> - <date |
|
| + | 9 | class="post-list__date" pubdate datetime="$date$">$date$</date> |
|
| + | 10 | </li> |
|
| + | 11 | $endfor$ |
|
| 11 | 12 | </ul> |
|
| 12 | 13 | ||
| 13 | 14 | <h3>Private</h3> |
|
| 14 | 15 | ||
| - | 15 | <ul> |
|
| - | 16 | $for(privPoems)$ |
|
| - | 17 | <li> |
|
| - | 18 | <a href="$url$">$title$</a> - $date$ |
|
| - | 19 | </li> |
|
| - | 20 | $endfor$ |
|
| + | 16 | <ul class="post-list"> |
|
| + | 17 | $for(privPoems)$ |
|
| + | 18 | <li> |
|
| + | 19 | <a class="post-list__title" href="$url$">$title$</a> - <date |
|
| + | 20 | class="post-list__date" pubdate datetime="$date$">$date$</date> |
|
| + | 21 | </li> |
|
| + | 22 | $endfor$ |
|
| 21 | 23 | </ul> |
|
| 22 | 24 | ||
| 23 | 25 | <h2>Stories</h2> |
|
| 24 | 26 | ||
| 25 | 27 | <h3>Public</h3> |
|
| 26 | 28 | ||
| - | 27 | <ul> |
|
| - | 28 | $for(stories)$ |
|
| - | 29 | <li> |
|
| - | 30 | <a href="$url$">$title$</a> - $date$ |
|
| - | 31 | </li> |
|
| - | 32 | $endfor$ |
|
| + | 29 | <ul class="post-list"> |
|
| + | 30 | $for(stories)$ |
|
| + | 31 | <li> |
|
| + | 32 | <a class="post-list__title" href="$url$">$title$</a> - <date |
|
| + | 33 | class="post-list__date" pubdate datetime="$date$">$date$</date> |
|
| + | 34 | </li> |
|
| + | 35 | $endfor$ |
|
| 33 | 36 | </ul> |
|
| 34 | 37 | ||
| 35 | 38 | <h3>Private</h3> |
|
| 36 | 39 | ||
| - | 37 | <ul> |
|
| - | 38 | $for(privStories)$ |
|
| - | 39 | <li> |
|
| - | 40 | <a href="$url$">$title$</a> - $date$ |
|
| - | 41 | </li> |
|
| - | 42 | $endfor$ |
|
| + | 40 | <ul class="post-list"> |
|
| + | 41 | $for(privStories)$ |
|
| + | 42 | <li> |
|
| + | 43 | <a class="post-list__title" href="$url$">$title$</a> - <date |
|
| + | 44 | class="post-list__date" pubdate datetime="$date$">$date$</date> |
|
| + | 45 | </li> |
|
| + | 46 | $endfor$ |
|
| 43 | 47 | </ul> |
|
| … | … | … | … |
Remove file css/default.css 33188
| - | 1 | body { |
| - | 2 | color: #cccccc; |
| - | 3 | background: #000000; |
| - | 4 | font-size: 16px; |
| - | 5 | margin: 0px auto 0px auto; |
| - | 6 | width: 600px; |
| - | 7 | } |
| - | 8 | |
| - | 9 | a { |
| - | 10 | color: #739fcf; |
| - | 11 | } |
| - | 12 | |
| - | 13 | a.footnoteRef { |
| - | 14 | text-decoration: none; |
| - | 15 | } |
| - | 16 | |
| - | 17 | hr { |
| - | 18 | background-color: #555753; |
| - | 19 | } |
| - | 20 | |
| - | 21 | header { |
| - | 22 | background: #000000; |
| - | 23 | border-bottom: 2px solid #d3d7cf; |
| - | 24 | margin-bottom: 30px; |
| - | 25 | padding: 12px 0px 12px 0px; |
| - | 26 | } |
| - | 27 | |
| - | 28 | nav { |
| - | 29 | text-align: right; |
| - | 30 | } |
| - | 31 | |
| - | 32 | nav a { |
| - | 33 | color: #d3d7cf; |
| - | 34 | font-size: 18px; |
| - | 35 | font-weight: bold; |
| - | 36 | margin-left: 12px; |
| - | 37 | text-decoration: none; |
| - | 38 | } |
| - | 39 | |
| - | 40 | footer { |
| - | 41 | border-top: solid 2px #d3d7cf; |
| - | 42 | color: #555; |
| - | 43 | font-size: 12px; |
| - | 44 | margin-top: 30px; |
| - | 45 | padding: 12px 0px 12px 0px; |
| - | 46 | text-align: right; |
| - | 47 | } |
| - | 48 | |
| - | 49 | h1 { |
| - | 50 | color: #c4a000; |
| - | 51 | font-size: 24px; |
| - | 52 | } |
| - | 53 | |
| - | 54 | h2 { |
| - | 55 | color: #c4a000; |
| - | 56 | font-size: 20px; |
| - | 57 | } |
| - | 58 | |
| - | 59 | article .header { |
| - | 60 | color: #555; |
| - | 61 | font-size: 14px; |
| - | 62 | font-style: italic; |
| - | 63 | } |
| - | 64 | |
| - | 65 | .logo a { |
| - | 66 | color: #cc0000; |
| - | 67 | float: left; |
| - | 68 | font-size: 18px; |
| - | 69 | font-weight: bold; |
| - | 70 | text-decoration: none; |
| - | 71 | } |
Add file README.md 33188
| + | 1 | # little red cabin |
| + | 2 | |
| + | 3 | This is the source material for my little humble website, which is generated |
| + | 4 | from this repository along with some extra content, using the [Hakyll] static |
| + | 5 | site generator. |
| + | 6 | |
| + | 7 | Huge thanks to [ikomi] for the stylesheet, written in SASS! |
| + | 8 | |
| + | 9 | ## copying |
| + | 10 | |
| + | 11 | - Templates and styles (HTML, SASS, CSS): [CC0] |
| + | 12 | - Fonts: SIL Open Font License by their respective authors |
| + | 13 | - My writings: Generally [CC0], may be specified per page though. I want to |
| + | 14 | emphazie that it's CC0 not because I don't care what people do with my words. |
| + | 15 | I *do* care, very much. It's just that I think law is wrong, and its |
| + | 16 | enforcement is wrong, and that it's a totally wrong way to say what is okay |
| + | 17 | or not okay to do. If you want to quote or reuse my words in some way, I |
| + | 18 | encourage you to just use your feelings and ask me about it if you feel you |
| + | 19 | should. Just be nice people living in harmony and not worry about silly legal |
| + | 20 | stuff. |
| + | 21 | |
| + | 22 | [Hakyll]: https://jaspervdj.be/hakyll/ |
| + | 23 | [CC0]: https://creativecommons.org/publicdomain/zero/1.0/ |
| + | 24 | [ikomi]: https://keybase.io/iko |
Add file styles/default.sass 33188
| + | 1 | /// Colours -------------------------------------------------------------- /// |
| + | 2 | $red: #cc0000 // logo |
| + | 3 | $redorange: #ef2929 // logo hover |
| + | 4 | $ochre: #c4a000 // heading |
| + | 5 | $lightblue: #739fcf // link |
| + | 6 | $lightmint: #d3d7cf // nav link |
| + | 7 | $aqua: #34e2e2 // link hover |
| + | 8 | $bluegray: #555753 // hr |
| + | 9 | $lightgray: #eeeeec // nav link hover |
| + | 10 | $gray80: #ccc // body text |
| + | 11 | $darkgray: #555 // footer text |
| + | 12 | $black: #000 // body background |
| + | 13 | $gray25: #404040 // addition for del, code, blockquote |
| + | 14 | |
| + | 15 | |
| + | 16 | /// Mixins --------------------------------------------------------------- /// |
| + | 17 | |
| + | 18 | // Format @font-face src value with the correct paths |
| + | 19 | @function font-src($family, $weight, $style, $variant) |
| + | 20 | $path: "/fonts/" + to-lower-case($family) + "/" |
| + | 21 | $basename: to-lower-case($family) + "-" + to-lower-case($variant) |
| + | 22 | @if $variant == "Bold Italic" |
| + | 23 | $basename: to-lower-case($family) + "-bold-italic" |
| + | 24 | $local: local($family + " " + $variant) |
| + | 25 | $woff2: url($path + $basename + ".woff2") format("woff2") |
| + | 26 | $woff: url($path + $basename + ".woff") format("woff") |
| + | 27 | @return $local, $woff2, $woff |
| + | 28 | |
| + | 29 | // Add @font-face attributes |
| + | 30 | =font-face($family, $weight, $style, $variant) |
| + | 31 | @font-face |
| + | 32 | font-family: $family |
| + | 33 | font-weight: $weight |
| + | 34 | font-style: $style |
| + | 35 | src: font-src($family, $weight, $style, $variant) |
| + | 36 | |
| + | 37 | // Set font attributes and colour |
| + | 38 | =font--cabin($weight, $size, $color) |
| + | 39 | font: $weight $size Cabin, Helvetica, sans-serif |
| + | 40 | color: $color |
| + | 41 | |
| + | 42 | =font--hack($weight, $size, $color) |
| + | 43 | font: $weight $size Hack, monospace |
| + | 44 | color: $color |
| + | 45 | |
| + | 46 | // Set default link style |
| + | 47 | =link--normal |
| + | 48 | +font--cabin(400, 2rem, $lightblue) |
| + | 49 | text-decoration: none |
| + | 50 | border-bottom: 0.1rem solid |
| + | 51 | padding: 0 0 0.1rem 0 |
| + | 52 | &:hover |
| + | 53 | color: $aqua |
| + | 54 | |
| + | 55 | |
| + | 56 | /// Start of css output -------------------------------------------------- /// |
| + | 57 | |
| + | 58 | /** Initialise fonts **/ |
| + | 59 | +font-face("Cabin", 400, normal, "Regular") |
| + | 60 | +font-face("Cabin", 400, italic, "Italic") |
| + | 61 | +font-face("Cabin", 600, normal, "Bold") |
| + | 62 | +font-face("Cabin", 600, italic, "Bold Italic") |
| + | 63 | +font-face("Hack", 400, normal, "Regular") |
| + | 64 | |
| + | 65 | |
| + | 66 | /** Global **/ |
| + | 67 | * |
| + | 68 | margin: 0 |
| + | 69 | padding: 0 |
| + | 70 | box-sizing: border-box |
| + | 71 | |
| + | 72 | |
| + | 73 | /** html and body tags **/ |
| + | 74 | .default |
| + | 75 | font-size: 62.5% |
| + | 76 | |
| + | 77 | .body |
| + | 78 | max-width: 80rem |
| + | 79 | margin: 0 auto |
| + | 80 | padding: 0 2rem 0 |
| + | 81 | background: $black |
| + | 82 | |
| + | 83 | |
| + | 84 | /** Header **/ |
| + | 85 | .header |
| + | 86 | text-align: center |
| + | 87 | margin: 4rem auto 2rem |
| + | 88 | |
| + | 89 | .header-title__link |
| + | 90 | +font--cabin(400, #{7rem}/#{7.5rem}, $red) |
| + | 91 | letter-spacing: 0.1rem |
| + | 92 | text-decoration: none |
| + | 93 | &:hover |
| + | 94 | color: $redorange |
| + | 95 | |
| + | 96 | |
| + | 97 | /** Navigation **/ |
| + | 98 | .nav |
| + | 99 | margin: 2rem auto |
| + | 100 | |
| + | 101 | .nav__link |
| + | 102 | +font--cabin(400, 2.2rem, $lightmint) |
| + | 103 | margin: 0 1.5rem |
| + | 104 | text-decoration: none |
| + | 105 | &:hover |
| + | 106 | color: $lightgray |
| + | 107 | |
| + | 108 | |
| + | 109 | /** Footer **/ |
| + | 110 | .footer |
| + | 111 | +font--cabin(400, 1.5rem, $darkgray) |
| + | 112 | text-align: center |
| + | 113 | margin: 10rem auto 3rem |
| + | 114 | |
| + | 115 | .footer__link |
| + | 116 | +link--normal |
| + | 117 | font-size: 1.5rem |
| + | 118 | |
| + | 119 | |
| + | 120 | /** Main content |
| + | 121 | Supply a small set of defaults, some for Markdown formatting **/ |
| + | 122 | .main |
| + | 123 | +font--cabin(400, #{2rem}/#{2.8rem}, $gray80) |
| + | 124 | |
| + | 125 | a |
| + | 126 | +link--normal |
| + | 127 | |
| + | 128 | abbr |
| + | 129 | cursor: help |
| + | 130 | text-decoration: none |
| + | 131 | border-bottom: 0.2rem dotted |
| + | 132 | |
| + | 133 | b |
| + | 134 | font-weight: 600 |
| + | 135 | |
| + | 136 | blockquote |
| + | 137 | margin: 0 2rem |
| + | 138 | padding: 0rem 2rem |
| + | 139 | border-left: 1rem solid $gray25 |
| + | 140 | font-style: italic |
| + | 141 | // Collapse outer left/right margins in nested blockquote |
| + | 142 | blockquote blockquote |
| + | 143 | margin: 0 |
| + | 144 | border-left: 0.5rem solid $gray25 |
| + | 145 | // Insert additional space between blockquotes and paragraphs |
| + | 146 | blockquote + p, p + blockquote |
| + | 147 | margin-top: 3rem |
| + | 148 | |
| + | 149 | cite |
| + | 150 | font-style: italic |
| + | 151 | font-size: 2.1rem |
| + | 152 | |
| + | 153 | code, samp, var |
| + | 154 | +font--hack(400, 1.5rem, $gray80) |
| + | 155 | background: $gray25 |
| + | 156 | margin: 0 0.2rem |
| + | 157 | padding: 0.2rem 0.4rem 0.1rem |
| + | 158 | |
| + | 159 | del |
| + | 160 | color: $gray25 |
| + | 161 | background: $black |
| + | 162 | |
| + | 163 | // Do not use details/summary in Markdown files, it will be enclosed by |
| + | 164 | // paragraph tags, resulting in invalid HTML |
| + | 165 | details |
| + | 166 | padding: 0 0 0 3rem |
| + | 167 | summary |
| + | 168 | margin: 0 0 1rem -2.5rem |
| + | 169 | color: $lightblue |
| + | 170 | cursor: context-menu |
| + | 171 | &:hover |
| + | 172 | color: $aqua |
| + | 173 | |
| + | 174 | dfn |
| + | 175 | font-weight: 600 |
| + | 176 | font-style: normal |
| + | 177 | |
| + | 178 | dl |
| + | 179 | margin: 2rem 0 |
| + | 180 | dt |
| + | 181 | margin: 1rem 0 0 0 |
| + | 182 | font-weight: 600 |
| + | 183 | dd |
| + | 184 | margin: 0 0 1rem 4rem |
| + | 185 | |
| + | 186 | em, i |
| + | 187 | font-style: italic |
| + | 188 | |
| + | 189 | h1 |
| + | 190 | +font--cabin(400, 4.5rem, $gray80) |
| + | 191 | margin: 5rem 0 2rem |
| + | 192 | h2 |
| + | 193 | +font--cabin(400, 4rem, $gray80) |
| + | 194 | margin: 5rem 0 2rem |
| + | 195 | h3 |
| + | 196 | +font--cabin(600, 3.2rem, $gray80) |
| + | 197 | margin: 4.5rem 0 1.5rem |
| + | 198 | h4 |
| + | 199 | +font--cabin(600, 3rem, $gray80) |
| + | 200 | margin: 3rem 0 1.5rem |
| + | 201 | h5 |
| + | 202 | +font--cabin(600, 2.8rem, $gray80) |
| + | 203 | margin: 3rem 0 1.5rem |
| + | 204 | h6 |
| + | 205 | +font--cabin(600, 2.3rem, $gray80) |
| + | 206 | margin: 3rem 0 1.5rem |
| + | 207 | // When a h2 heading is immediately under h1, decrease the margin between |
| + | 208 | // headings. Likewise for h2 to h3 |
| + | 209 | h1 + h2 |
| + | 210 | margin: 2rem 0 |
| + | 211 | h2 + h3, h3 + h4, h4 + h5, h5 + h6 |
| + | 212 | margin: 2rem 0 1.5rem |
| + | 213 | |
| + | 214 | hr |
| + | 215 | border: 0.1rem solid $bluegray |
| + | 216 | margin: 5rem auto |
| + | 217 | |
| + | 218 | img |
| + | 219 | border: 0 |
| + | 220 | margin: 2rem 0 |
| + | 221 | |
| + | 222 | mark |
| + | 223 | background: $ochre |
| + | 224 | padding: 0.2rem 0.5rem |
| + | 225 | |
| + | 226 | ol |
| + | 227 | list-style-type: decimal |
| + | 228 | margin: 2rem |
| + | 229 | |
| + | 230 | ol li, ul li |
| + | 231 | padding: 0 0 0 0.5rem |
| + | 232 | |
| + | 233 | p |
| + | 234 | margin: 1.5rem 0 |
| + | 235 | |
| + | 236 | pre |
| + | 237 | +font--hack(400, 1.5rem, $gray80) |
| + | 238 | margin: 3rem 0 |
| + | 239 | padding: 2rem |
| + | 240 | background: $gray25 |
| + | 241 | word-wrap: break-word |
| + | 242 | overflow: auto |
| + | 243 | |
| + | 244 | s |
| + | 245 | text-decoration: line-through |
| + | 246 | |
| + | 247 | small |
| + | 248 | font-size: 1.5rem |
| + | 249 | |
| + | 250 | strong |
| + | 251 | font-weight: 600 |
| + | 252 | font-size: 2.1rem |
| + | 253 | |
| + | 254 | sub, sup |
| + | 255 | font-size: 1.5rem |
| + | 256 | |
| + | 257 | table |
| + | 258 | margin: 3rem 0 |
| + | 259 | border-collapse: collapse |
| + | 260 | overflow: auto |
| + | 261 | td |
| + | 262 | padding: 0.5rem 0 0 |
| + | 263 | th |
| + | 264 | padding: 0 3rem 1rem 0 |
| + | 265 | tfoot, thead |
| + | 266 | font-weight: 600 |
| + | 267 | tbody |
| + | 268 | font-size: 1.8rem |
| + | 269 | |
| + | 270 | u |
| + | 271 | text-decoration: underline |
| + | 272 | |
| + | 273 | ul |
| + | 274 | list-style-type: disc |
| + | 275 | margin: 2rem 0 2rem 2rem |
| + | 276 | ul li ul |
| + | 277 | list-style-type: circle |
| + | 278 | margin: 0.5rem 0 1rem 2rem |
| + | 279 | |
| + | 280 | // Pandoc uses a div instead of figure/figcaption tags |
| + | 281 | figure, .figure |
| + | 282 | margin: 3rem 0 |
| + | 283 | figure img, .figure img |
| + | 284 | margin: 0 |
| + | 285 | figcaption, .caption |
| + | 286 | +font--cabin(400, 1.5rem, $darkgray) |
| + | 287 | font-style: italic |
| + | 288 | margin: 0.5rem 0 1.5rem |
| + | 289 | |
| + | 290 | // Pandoc compiles code fences as pre with nested code tag |
| + | 291 | // Drop code padding |
| + | 292 | pre code |
| + | 293 | padding: 0 |
| + | 294 | |
| + | 295 | // Pandoc assigns a .header class to the 1st row of tables, |
| + | 296 | // which may become a naming conflict in some cases */ |
| + | 297 | thead, tr.header |
| + | 298 | text-align: left |
| + | 299 | border-bottom: 0.1rem solid $bluegray |
| + | 300 | |
| + | 301 | // Pandoc footnotes |
| + | 302 | .footnotes li * |
| + | 303 | font-size: 1.8rem |
| + | 304 | line-height: 2rem |
| + | 305 | .footnotes li a[href^="#fnref"] |
| + | 306 | padding: 0 0 0 0.5rem |
| + | 307 | border: 0 |
| + | 308 | a.footnoteRef |
| + | 309 | border: 0 |
| + | 310 | |
| + | 311 | // Classes for specific usage |
| + | 312 | date.date--icon, time.time--icon |
| + | 313 | &:before |
| + | 314 | content: "🕒" |
| + | 315 | margin: 0 0.5rem 0 0 |
| + | 316 | |
| + | 317 | h1.main-title |
| + | 318 | +font--cabin(400, 4.5rem, $ochre) |
| + | 319 | margin: 4rem 0 2rem |
| + | 320 | |
| + | 321 | strong.strong--double |
| + | 322 | font-size: 2.1rem |
| + | 323 | border-bottom: 0.5rem double |
| + | 324 | |
| + | 325 | strong.strong--em |
| + | 326 | font-size: 2.1rem |
| + | 327 | font-style: italic |
| + | 328 | |
| + | 329 | |
| + | 330 | /** Add a media query to make adjustments for smaller screens **/ |
| + | 331 | @media (max-width: 480px) |
| + | 332 | /* Scale overall font size */ |
| + | 333 | .default |
| + | 334 | font-size: 56.25% |
| + | 335 | |
| + | 336 | /* Decrease header title font size */ |
| + | 337 | .header-title__link |
| + | 338 | +font--cabin(400, 12vw, $red) |
| + | 339 | |
| + | 340 | /* Increase nav link line height */ |
| + | 341 | .nav__link |
| + | 342 | +font--cabin(400, #{2.2rem}/#{3.2rem}, $lightmint) |
| + | 343 | |
| + | 344 | /* Scale footer top margin to viewport width */ |
| + | 345 | .footer |
| + | 346 | margin: 15vw auto 3rem |
| + | 347 | |
| + | 348 | /* Scale heading font sizes */ |
| + | 349 | .main |
| + | 350 | h1 |
| + | 351 | font-size: 11vw |
| + | 352 | h2 |
| + | 353 | font-size: 10vw |
| + | 354 | h3 |
| + | 355 | font-size: 9vw |
| + | 356 | h4 |
| + | 357 | font-size: 8.5vw |
| + | 358 | h5 |
| + | 359 | font-size: 8vw |
| + | 360 | h6 |
| + | 361 | font-size: 7.5vw |
| + | 362 | |
| + | 363 | h1.main-title |
| + | 364 | font-size: 11vw |
| + | 365 | margin: 4rem 0 0.5rem |
Add binary file fonts/hack/hack-bold-italic.woff 33188 177324
Add binary file fonts/hack/hack-bold-italic.woff2 33188 126012
Add binary file fonts/hack/hack-bold.woff 33188 169976
Add binary file fonts/hack/hack-bold.woff2 33188 119628
Add binary file fonts/hack/hack-italic.woff 33188 172328
Add binary file fonts/hack/hack-italic.woff2 33188 122120
Add binary file fonts/hack/hack-regular.woff 33188 164240
Add binary file fonts/hack/hack-regular.woff2 33188 116888
Add file fonts/hack/ofl.txt 33188
| + | 1 | This Font Software is licensed under the SIL Open Font License, Version 1.1. |
| + | 2 | This license is copied below, and is also available with a FAQ at: |
| + | 3 | http://scripts.sil.org/OFL |
| + | 4 | |
| + | 5 | |
| + | 6 | ----------------------------------------------------------- |
| + | 7 | SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 |
| + | 8 | ----------------------------------------------------------- |
| + | 9 | |
| + | 10 | PREAMBLE |
| + | 11 | The goals of the Open Font License (OFL) are to stimulate worldwide |
| + | 12 | development of collaborative font projects, to support the font creation |
| + | 13 | efforts of academic and linguistic communities, and to provide a free and |
| + | 14 | open framework in which fonts may be shared and improved in partnership |
| + | 15 | with others. |
| + | 16 | |
| + | 17 | The OFL allows the licensed fonts to be used, studied, modified and |
| + | 18 | redistributed freely as long as they are not sold by themselves. The |
| + | 19 | fonts, including any derivative works, can be bundled, embedded, |
| + | 20 | redistributed and/or sold with any software provided that any reserved |
| + | 21 | names are not used by derivative works. The fonts and derivatives, |
| + | 22 | however, cannot be released under any other type of license. The |
| + | 23 | requirement for fonts to remain under this license does not apply |
| + | 24 | to any document created using the fonts or their derivatives. |
| + | 25 | |
| + | 26 | DEFINITIONS |
| + | 27 | "Font Software" refers to the set of files released by the Copyright |
| + | 28 | Holder(s) under this license and clearly marked as such. This may |
| + | 29 | include source files, build scripts and documentation. |
| + | 30 | |
| + | 31 | "Reserved Font Name" refers to any names specified as such after the |
| + | 32 | copyright statement(s). |
| + | 33 | |
| + | 34 | "Original Version" refers to the collection of Font Software components as |
| + | 35 | distributed by the Copyright Holder(s). |
| + | 36 | |
| + | 37 | "Modified Version" refers to any derivative made by adding to, deleting, |
| + | 38 | or substituting -- in part or in whole -- any of the components of the |
| + | 39 | Original Version, by changing formats or by porting the Font Software to a |
| + | 40 | new environment. |
| + | 41 | |
| + | 42 | "Author" refers to any designer, engineer, programmer, technical |
| + | 43 | writer or other person who contributed to the Font Software. |
| + | 44 | |
| + | 45 | PERMISSION & CONDITIONS |
| + | 46 | Permission is hereby granted, free of charge, to any person obtaining |
| + | 47 | a copy of the Font Software, to use, study, copy, merge, embed, modify, |
| + | 48 | redistribute, and sell modified and unmodified copies of the Font |
| + | 49 | Software, subject to the following conditions: |
| + | 50 | |
| + | 51 | 1) Neither the Font Software nor any of its individual components, |
| + | 52 | in Original or Modified Versions, may be sold by itself. |
| + | 53 | |
| + | 54 | 2) Original or Modified Versions of the Font Software may be bundled, |
| + | 55 | redistributed and/or sold with any software, provided that each copy |
| + | 56 | contains the above copyright notice and this license. These can be |
| + | 57 | included either as stand-alone text files, human-readable headers or |
| + | 58 | in the appropriate machine-readable metadata fields within text or |
| + | 59 | binary files as long as those fields can be easily viewed by the user. |
| + | 60 | |
| + | 61 | 3) No Modified Version of the Font Software may use the Reserved Font |
| + | 62 | Name(s) unless explicit written permission is granted by the corresponding |
| + | 63 | Copyright Holder. This restriction only applies to the primary font name as |
| + | 64 | presented to the users. |
| + | 65 | |
| + | 66 | 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font |
| + | 67 | Software shall not be used to promote, endorse or advertise any |
| + | 68 | Modified Version, except to acknowledge the contribution(s) of the |
| + | 69 | Copyright Holder(s) and the Author(s) or with their explicit written |
| + | 70 | permission. |
| + | 71 | |
| + | 72 | 5) The Font Software, modified or unmodified, in part or in whole, |
| + | 73 | must be distributed entirely under this license, and must not be |
| + | 74 | distributed under any other license. The requirement for fonts to |
| + | 75 | remain under this license does not apply to any document created |
| + | 76 | using the Font Software. |
| + | 77 | |
| + | 78 | TERMINATION |
| + | 79 | This license becomes null and void if any of the above conditions are |
| + | 80 | not met. |
| + | 81 | |
| + | 82 | DISCLAIMER |
| + | 83 | THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, |
| + | 84 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF |
| + | 85 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT |
| + | 86 | OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE |
| + | 87 | COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, |
| + | 88 | INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL |
| + | 89 | DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING |
| + | 90 | FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM |
| + | 91 | OTHER DEALINGS IN THE FONT SOFTWARE. |
Add binary file fonts/cabin/cabin-bold-italic.woff 33188 54516
Add binary file fonts/cabin/cabin-bold-italic.woff2 33188 39268
Add binary file fonts/cabin/cabin-bold.woff 33188 54156
Add binary file fonts/cabin/cabin-bold.woff2 33188 38352
Add binary file fonts/cabin/cabin-italic.woff 33188 54368
Add binary file fonts/cabin/cabin-italic.woff2 33188 39164
Add binary file fonts/cabin/cabin-regular.woff 33188 54752
Add binary file fonts/cabin/cabin-regular.woff2 33188 39024
Add file fonts/cabin/ofl.txt 33188
| + | 1 | This Font Software is licensed under the SIL Open Font License, Version 1.1. |
| + | 2 | This license is copied below, and is also available with a FAQ at: |
| + | 3 | http://scripts.sil.org/OFL |
| + | 4 | |
| + | 5 | |
| + | 6 | ----------------------------------------------------------- |
| + | 7 | SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 |
| + | 8 | ----------------------------------------------------------- |
| + | 9 | |
| + | 10 | PREAMBLE |
| + | 11 | The goals of the Open Font License (OFL) are to stimulate worldwide |
| + | 12 | development of collaborative font projects, to support the font creation |
| + | 13 | efforts of academic and linguistic communities, and to provide a free and |
| + | 14 | open framework in which fonts may be shared and improved in partnership |
| + | 15 | with others. |
| + | 16 | |
| + | 17 | The OFL allows the licensed fonts to be used, studied, modified and |
| + | 18 | redistributed freely as long as they are not sold by themselves. The |
| + | 19 | fonts, including any derivative works, can be bundled, embedded, |
| + | 20 | redistributed and/or sold with any software provided that any reserved |
| + | 21 | names are not used by derivative works. The fonts and derivatives, |
| + | 22 | however, cannot be released under any other type of license. The |
| + | 23 | requirement for fonts to remain under this license does not apply |
| + | 24 | to any document created using the fonts or their derivatives. |
| + | 25 | |
| + | 26 | DEFINITIONS |
| + | 27 | "Font Software" refers to the set of files released by the Copyright |
| + | 28 | Holder(s) under this license and clearly marked as such. This may |
| + | 29 | include source files, build scripts and documentation. |
| + | 30 | |
| + | 31 | "Reserved Font Name" refers to any names specified as such after the |
| + | 32 | copyright statement(s). |
| + | 33 | |
| + | 34 | "Original Version" refers to the collection of Font Software components as |
| + | 35 | distributed by the Copyright Holder(s). |
| + | 36 | |
| + | 37 | "Modified Version" refers to any derivative made by adding to, deleting, |
| + | 38 | or substituting -- in part or in whole -- any of the components of the |
| + | 39 | Original Version, by changing formats or by porting the Font Software to a |
| + | 40 | new environment. |
| + | 41 | |
| + | 42 | "Author" refers to any designer, engineer, programmer, technical |
| + | 43 | writer or other person who contributed to the Font Software. |
| + | 44 | |
| + | 45 | PERMISSION & CONDITIONS |
| + | 46 | Permission is hereby granted, free of charge, to any person obtaining |
| + | 47 | a copy of the Font Software, to use, study, copy, merge, embed, modify, |
| + | 48 | redistribute, and sell modified and unmodified copies of the Font |
| + | 49 | Software, subject to the following conditions: |
| + | 50 | |
| + | 51 | 1) Neither the Font Software nor any of its individual components, |
| + | 52 | in Original or Modified Versions, may be sold by itself. |
| + | 53 | |
| + | 54 | 2) Original or Modified Versions of the Font Software may be bundled, |
| + | 55 | redistributed and/or sold with any software, provided that each copy |
| + | 56 | contains the above copyright notice and this license. These can be |
| + | 57 | included either as stand-alone text files, human-readable headers or |
| + | 58 | in the appropriate machine-readable metadata fields within text or |
| + | 59 | binary files as long as those fields can be easily viewed by the user. |
| + | 60 | |
| + | 61 | 3) No Modified Version of the Font Software may use the Reserved Font |
| + | 62 | Name(s) unless explicit written permission is granted by the corresponding |
| + | 63 | Copyright Holder. This restriction only applies to the primary font name as |
| + | 64 | presented to the users. |
| + | 65 | |
| + | 66 | 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font |
| + | 67 | Software shall not be used to promote, endorse or advertise any |
| + | 68 | Modified Version, except to acknowledge the contribution(s) of the |
| + | 69 | Copyright Holder(s) and the Author(s) or with their explicit written |
| + | 70 | permission. |
| + | 71 | |
| + | 72 | 5) The Font Software, modified or unmodified, in part or in whole, |
| + | 73 | must be distributed entirely under this license, and must not be |
| + | 74 | distributed under any other license. The requirement for fonts to |
| + | 75 | remain under this license does not apply to any document created |
| + | 76 | using the Font Software. |
| + | 77 | |
| + | 78 | TERMINATION |
| + | 79 | This license becomes null and void if any of the above conditions are |
| + | 80 | not met. |
| + | 81 | |
| + | 82 | DISCLAIMER |
| + | 83 | THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, |
| + | 84 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF |
| + | 85 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT |
| + | 86 | OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE |
| + | 87 | COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, |
| + | 88 | INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL |
| + | 89 | DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING |
| + | 90 | FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM |
| + | 91 | OTHER DEALINGS IN THE FONT SOFTWARE. |