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 | ||