diff --git a/config.toml b/config.toml index 5a67b9f..8605f97 100644 --- a/config.toml +++ b/config.toml @@ -1,6 +1,8 @@ base_url = "https://stevenlr.com" +title = "Steven Le Rouzic" +description = "Programming, graphics, and more" compile_sass = true -build_search_index = true +build_search_index = false generate_feed = true feed_filename = "rss.xml" taxonomies = [ diff --git a/content/blog/_index.md b/content/blog/_index.md index 7357281..6249033 100644 --- a/content/blog/_index.md +++ b/content/blog/_index.md @@ -3,4 +3,5 @@ title = "Blog" sort_by = "date" template = "blog.html" page_template = "blog-article.html" +paginate_by = 5 +++ diff --git a/deploy.sh b/deploy.sh new file mode 100755 index 0000000..cbd0191 --- /dev/null +++ b/deploy.sh @@ -0,0 +1,2 @@ +rsync -avzr --delete -e "ssh -i ~/.ssh/stevenlr.com.pem -o StrictHostKeyChecking=no -p 22" public/ ubuntu@stevenlr.com:/var/www/html + diff --git a/sass/_typography.scss b/sass/_typography.scss index 9f67009..b6bdf6d 100644 --- a/sass/_typography.scss +++ b/sass/_typography.scss @@ -61,6 +61,12 @@ border-radius: 8px; } + @media (prefers-color-scheme: dark) { + pre { + border: 1px solid var(--color-outline-variant); + } + } + ul { list-style: square; } diff --git a/sass/theme.scss b/sass/theme.scss index c24d30b..a9fe693 100644 --- a/sass/theme.scss +++ b/sass/theme.scss @@ -27,6 +27,11 @@ hr { color: var(--color-on-background); font-size: 32px; font-family: "PT Serif Caption", serif; + + a { + color: inherit; + text-decoration: none; + } } .info { @@ -61,3 +66,71 @@ hr { } } +.pagination { + display: flex; + flex-direction: row; + gap: 16px; + font-size: 18px; + font-family: "PT Serif Caption", serif; + margin: 32px 0px; + + a { + display: block; + color: var(--color-primary); + text-decoration: none; + + &:hover { + opacity: 80%; + } + } +} + +#footer { + border-top: 1px solid var(--color-outline-variant); + padding: 16px 0px; + margin-top: 24px; +} + +#header { + margin-bottom: 24px; + padding: 20px 0px; + border-bottom: 1px solid var(--color-outline-variant); + display: flex; + flex-direction: row; + align-items: center; + + .title_desc { + display: flex; + flex-direction: column; + gap: 8px; + + .title a { + text-decoration: none; + color: var(--color-on-background); + font-size: 28px; + } + + .description { + color: var(--color-on-surface-variant); + font-size: 16px; + } + } + + .navigation { + display: flex; + flex-direction: row; + + a { + display: block; + text-decoration: none; + color: var(--color-on-background); + padding: 8px 16px; + border-radius: 9999px; + + &:hover { + background-color: var(--color-primary-container); + color: var(--color-on-primary-container); + } + } + } +} diff --git a/templates/404.html b/templates/404.html new file mode 100644 index 0000000..d8f00d2 --- /dev/null +++ b/templates/404.html @@ -0,0 +1,13 @@ +{% extends "base.html" %} + +{% block title %} +{{ config.title }} +{% endblock %} + +{% block content %} + +
{{ config.description }}
+{{ page.date | date(format="%B %-d, %Y") }}
- -{{ page.date | date(format="%B %-d, %Y") }}
+ +{{ page.date | date(format="%B %-d, %Y") }}
+ +{{ page.date | date(format="%B %-d, %Y") }}
+ +