diff options
| -rw-r--r-- | assets/css/_vars.scss | 8 | ||||
| -rw-r--r-- | assets/css/scopes/_body.scss | 11 | ||||
| -rw-r--r-- | content/personal/index.md | 2 | ||||
| -rw-r--r-- | content/personal/infinite-skyscrapers/index.md | 12 | ||||
| -rw-r--r-- | filters/common_actions.lua | 2 | ||||
| -rw-r--r-- | scripts/metadata_filter.lua | 3 | ||||
| -rw-r--r-- | templates/base.html | 2 | ||||
| -rw-r--r-- | templates/layouts/categorized_list.html | 8 | ||||
| -rw-r--r-- | templates/layouts/page.html | 4 |
9 files changed, 27 insertions, 25 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss index 721086b..263cb5d 100644 --- a/assets/css/_vars.scss +++ b/assets/css/_vars.scss | |||
| @@ -13,8 +13,8 @@ $unit-intervals: ( | |||
| 13 | ); | 13 | ); |
| 14 | 14 | ||
| 15 | $responsive-mod-scale: ( | 15 | $responsive-mod-scale: ( |
| 16 | xs: (.8rem, 1.37), | 16 | xs: (.8rem, 1.35), |
| 17 | md: (.8rem, 1.6) | 17 | md: (.8rem, 1.58) |
| 18 | ); | 18 | ); |
| 19 | 19 | ||
| 20 | $font-fam--text: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; | 20 | $font-fam--text: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; |
| @@ -81,11 +81,11 @@ $gray7: hsl(220, 7%, 100%); | |||
| 81 | } | 81 | } |
| 82 | } | 82 | } |
| 83 | 83 | ||
| 84 | /* @include store(( | 84 | @include store(( |
| 85 | --dims: ( | 85 | --dims: ( |
| 86 | --outer: 3.5rem, | 86 | --outer: 3.5rem, |
| 87 | ), | 87 | ), |
| 88 | ), 'sm'); */ | 88 | ), 'sm'); |
| 89 | 89 | ||
| 90 | :root { | 90 | :root { |
| 91 | --heading--fg: var(--colors--fg-lo); | 91 | --heading--fg: var(--colors--fg-lo); |
diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss index 9191249..b4d0a3c 100644 --- a/assets/css/scopes/_body.scss +++ b/assets/css/scopes/_body.scss | |||
| @@ -7,7 +7,6 @@ | |||
| 7 | ), | 7 | ), |
| 8 | --meta: ( | 8 | --meta: ( |
| 9 | --fg: prop(--colors --fg-hi, $global: true), | 9 | --fg: prop(--colors --fg-hi, $global: true), |
| 10 | --bg: prop(--colors --bg-hi, $global: true), | ||
| 11 | ) | 10 | ) |
| 12 | ) | 11 | ) |
| 13 | )); | 12 | )); |
| @@ -75,20 +74,14 @@ | |||
| 75 | } | 74 | } |
| 76 | 75 | ||
| 77 | @include element('meta') { | 76 | @include element('meta') { |
| 78 | display: flex; | 77 | color: prop(--colors --meta --fg); |
| 79 | font-size: 1 / 16 * 15rem; | 78 | font-size: 1 / 18 * 16em; |
| 80 | 79 | ||
| 81 | + h1 { | 80 | + h1 { |
| 82 | margin-top: $line-height * 1rem; | 81 | margin-top: $line-height * 1rem; |
| 83 | } | 82 | } |
| 84 | } | 83 | } |
| 85 | 84 | ||
| 86 | @include element('meta-item') { | ||
| 87 | padding: .3em .7em; | ||
| 88 | background-color: prop(--colors --meta --bg); | ||
| 89 | color: prop(--colors --meta --fg); | ||
| 90 | } | ||
| 91 | |||
| 92 | img { | 85 | img { |
| 93 | max-width: 100%; | 86 | max-width: 100%; |
| 94 | } | 87 | } |
diff --git a/content/personal/index.md b/content/personal/index.md index 428f988..dd7423d 100644 --- a/content/personal/index.md +++ b/content/personal/index.md | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | --- | 1 | --- |
| 2 | title: Personal Notebook | 2 | title: Personal |
| 3 | layout: categorized_list | 3 | layout: categorized_list |
| 4 | create_feed: true | 4 | create_feed: true |
| 5 | --- | 5 | --- |
diff --git a/content/personal/infinite-skyscrapers/index.md b/content/personal/infinite-skyscrapers/index.md index a4a78e1..a56c596 100644 --- a/content/personal/infinite-skyscrapers/index.md +++ b/content/personal/infinite-skyscrapers/index.md | |||
| @@ -43,3 +43,15 @@ I quickly enter the room next to me, hoping that the creature hasn't seen me. | |||
| 43 | 43 | ||
| 44 | This floor was very large and open and brightly lit. | 44 | This floor was very large and open and brightly lit. |
| 45 | The dream starts to make no sense anymore and that's it. | 45 | The dream starts to make no sense anymore and that's it. |
| 46 | |||
| 47 | # Headline 1 | ||
| 48 | |||
| 49 | ## Headline 2 | ||
| 50 | |||
| 51 | ### Headline 3 | ||
| 52 | |||
| 53 | #### Headline 4 | ||
| 54 | |||
| 55 | ##### Headline 5 | ||
| 56 | |||
| 57 | ###### Headline 6 | ||
diff --git a/filters/common_actions.lua b/filters/common_actions.lua index 535a225..262f086 100644 --- a/filters/common_actions.lua +++ b/filters/common_actions.lua | |||
| @@ -13,7 +13,7 @@ function CodeBlock(el) | |||
| 13 | end | 13 | end |
| 14 | 14 | ||
| 15 | function Header(el) | 15 | function Header(el) |
| 16 | if el.level == 1 or el.level == 2 then | 16 | if el.level == 1 then |
| 17 | local newchildren = pandoc.List() | 17 | local newchildren = pandoc.List() |
| 18 | 18 | ||
| 19 | newchildren:insert(pandoc.Span(el.content, {class = 's-body__title-inner'})) | 19 | newchildren:insert(pandoc.Span(el.content, {class = 's-body__title-inner'})) |
diff --git a/scripts/metadata_filter.lua b/scripts/metadata_filter.lua index 8eedc63..90ca465 100644 --- a/scripts/metadata_filter.lua +++ b/scripts/metadata_filter.lua | |||
| @@ -15,7 +15,8 @@ function format_date(date) | |||
| 15 | yyyy = pandoc.MetaString(os.date("%Y", time)), | 15 | yyyy = pandoc.MetaString(os.date("%Y", time)), |
| 16 | mm = pandoc.MetaString(os.date("%m", time)), | 16 | mm = pandoc.MetaString(os.date("%m", time)), |
| 17 | dd = pandoc.MetaString(os.date("%d", time)), | 17 | dd = pandoc.MetaString(os.date("%d", time)), |
| 18 | rfc3339 = pandoc.MetaString(os.date("%FT%T+00:00", time)) | 18 | rfc3339 = pandoc.MetaString(os.date("%FT%T+00:00", time)), |
| 19 | long = pandoc.MetaString(os.date("%B %d, %Y", time)), | ||
| 19 | }) | 20 | }) |
| 20 | end | 21 | end |
| 21 | 22 | ||
diff --git a/templates/base.html b/templates/base.html index 23fd251..cd1e869 100644 --- a/templates/base.html +++ b/templates/base.html | |||
| @@ -29,7 +29,7 @@ | |||
| 29 | <title>$if(section.is_index)$$else$$title$ – $endif$$site.title$</title> | 29 | <title>$if(section.is_index)$$else$$title$ – $endif$$site.title$</title> |
| 30 | 30 | ||
| 31 | <link rel="preload" href="/style.css" as="style" /> | 31 | <link rel="preload" href="/style.css" as="style" /> |
| 32 | <link rel="preload" href="/symbols.svg" as="other" type="image/svg+xml" /> | 32 | <link rel="preload" href="/symbols.svg" as="image" type="image/svg+xml" /> |
| 33 | <link rel="preload" href="/IBMPlexSans-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> | 33 | <link rel="preload" href="/IBMPlexSans-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> |
| 34 | <link rel="preload" href="/IBMPlexSans-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> | 34 | <link rel="preload" href="/IBMPlexSans-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> |
| 35 | <link rel="preload" href="/GaretVariable.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> | 35 | <link rel="preload" href="/GaretVariable.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> |
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 75c636a..8cc5c24 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html | |||
| @@ -6,11 +6,9 @@ $body$ | |||
| 6 | 6 | ||
| 7 | $for(pages.by_category)$ | 7 | $for(pages.by_category)$ |
| 8 | <h2> | 8 | <h2> |
| 9 | <span class="s-body__title-inner"> | 9 | $for(it.value/first/first)$ |
| 10 | $for(it.value/first/first)$ | 10 | $it.category.name$ |
| 11 | $it.category.name$ | 11 | $endfor$ |
| 12 | $endfor$ | ||
| 13 | </span> | ||
| 14 | </h2> | 12 | </h2> |
| 15 | <ul> | 13 | <ul> |
| 16 | $for(it.value)$ | 14 | $for(it.value)$ |
diff --git a/templates/layouts/page.html b/templates/layouts/page.html index e985484..e45f6eb 100644 --- a/templates/layouts/page.html +++ b/templates/layouts/page.html | |||
| @@ -2,9 +2,7 @@ | |||
| 2 | <div class="l-container l-container--pad-x l-container--pad-y l-container--content s-body"> | 2 | <div class="l-container l-container--pad-x l-container--pad-y l-container--content s-body"> |
| 3 | $if(category.show_date)$ | 3 | $if(category.show_date)$ |
| 4 | <div class="s-body__meta"> | 4 | <div class="s-body__meta"> |
| 5 | <div class="s-body__meta-item"> | 5 | $date.long$ |
| 6 | $date.yyyy_mm_dd$ | ||
| 7 | </div> | ||
| 8 | </div> | 6 | </div> |
| 9 | $endif$ | 7 | $endif$ |
| 10 | 8 | ||
