talexander/natter
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Merge branch 'style_improvements'
Some checks failed
format Build format has succeeded
Details
rust-test Build rust-test has succeeded
Details
clippy Build clippy has failed
Details
build Build build has succeeded
Details

Browse Source
This commit is contained in:
Tom Alexander 2025-02-18 07:19:25 -05:00
commit 073ac0ac25
Signed by: talexander
GPG Key ID: D3A179C9A53C0EDE
2 changed files with 34 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
default_environment/stylesheet/main.css
View File

@ -5,7 +5,9 @@
--header-divider-color: #6a687a; --header-divider-color: #6a687a;
--stream-divider-color: #6ccff6; --stream-divider-color: #6ccff6;
--stream-post-background-color: #1f1f1f; --stream-post-background-color: #0a0a0a;
--blog-post-background-color: #0a0a0a;
--src-font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, --src-font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
Consolas, "DejaVu Sans Mono", monospace; Consolas, "DejaVu Sans Mono", monospace;
@ -29,7 +31,9 @@
--header-divider-color: #959785; --header-divider-color: #959785;
--stream-divider-color: #933009; --stream-divider-color: #933009;
--stream-post-background-color: #e0e0e0; --stream-post-background-color: #f5f5f5;
--blog-post-background-color: #f5f5f5;
--src-block-background-color: #ebebeb; --src-block-background-color: #ebebeb;
--src-block-border-color: #7b7d70; --src-block-border-color: #7b7d70;
@ -44,6 +48,10 @@
} }
} }
* {
box-sizing: border-box;
}
body { body {
color: var(--site-text-color); color: var(--site-text-color);
background-color: var(--site-background-color); background-color: var(--site-background-color);
@ -69,7 +77,7 @@ body {
border-bottom: 0.1rem solid var(--header-divider-color); border-bottom: 0.1rem solid var(--header-divider-color);
.home_link { .home_link {
font-size: 1.2rem; font-size: 2rem;
font-weight: 600; font-weight: 600;
text-decoration: none; text-decoration: none;
@ -89,7 +97,8 @@ body {
/* A stand-alone blog post (not in a blog stream). */ /* A stand-alone blog post (not in a blog stream). */
.blog_post { .blog_post {
padding: 1rem 0 3rem 0; padding: 1rem 0.2rem 0 0.2rem;
background: var(--blog-post-background-color);
} }
.blog_stream { .blog_stream {
@ -118,11 +127,19 @@ body {
/* A blog post in a blog stream (for example, the homepage). */ /* A blog post in a blog stream (for example, the homepage). */
.blog_stream_post { .blog_stream_post {
background: var(--stream-post-background-color); background: var(--stream-post-background-color);
padding: 1rem 0.2rem; padding: 0 0.2rem;
}
.blog_stream_post {
background: var(--stream-post-background-color);
}
.blog_stream_post:nth-child(1) {
padding-top: 1rem;
} }
.blog_post_title { .blog_post_title {
font-size: 2.5rem; font-size: 2.9rem;
font-weight: 700; font-weight: 700;
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@ -154,13 +171,14 @@ body {
.src_line { .src_line {
white-space: pre-wrap; white-space: pre-wrap;
overflow-wrap: anywhere;
} }
} }
} }
.inline_source_block { .inline_source_block {
font-family: var(--src-font-family); font-family: var(--src-font-family);
font-size: 1rem; font-size: 1.2rem;
} }
.code, .code,
@ -270,4 +288,11 @@ body {
b { b {
font-weight: 700; font-weight: 700;
} }
/* Never have media larger than its container */
img,
picture,
video {
max-width: 100%;
}
} }

3
default_environment/templates/html/main.dust
View File

@ -1,7 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
{#global_settings.css_files}<link rel="stylesheet" href="{.}">{/global_settings.css_files} {#global_settings.css_files}<link rel="stylesheet" href="{.}">{/global_settings.css_files}
{#global_settings.js_files}<script type="text/javascript" src="{.}"></script>{/global_settings.js_files} {#global_settings.js_files}<script type="text/javascript" src="{.}"></script>{/global_settings.js_files}
{?global_settings.page_title}<title>{global_settings.page_title}</title>{/global_settings.page_title} {?global_settings.page_title}<title>{global_settings.page_title}</title>{/global_settings.page_title}