From: Daniel Liu Date: Sun, 1 Aug 2021 03:14:54 +0000 (-0400) Subject: semi passable css X-Git-Url: https://git.danieliu.xyz/?a=commitdiff_plain;ds=inline;p=pinopress.git semi passable css --- diff --git a/README.md b/README.md index 2a202a7..b8cd7b2 100644 --- a/README.md +++ b/README.md @@ -7,20 +7,22 @@ built in features include markdown generated blog articles, and a rss feed. ## templates -templates are html snippets that you can customize. these templates are then pieced together to form the final html page. edit them to your liking. they can be found in the `templates/` directory. Here's a brief description of each one: +templates are html snippets that you can customize. these templates are then pieced together to form the final html page. edit them to your liking. they can be found in the `templates/` directory. Here's a brief description of each one that comes by default: template | description ------------------|----------- -head | html before body -foot | html after body -archivebody | everything inside body of archive page -archiveitem | -rollingbody | everything inside body of rolling page -rollingitem | +archivepage | html used for the archive page +archiveitem | snippet for each list item on archive page +rollingpage | html used for rolling page +rollingitem | snippet for each rolling item +feed | main xml for rss feed +feeditem | xml snippet for each entry in feed +articlepage | html for each article +navbar | sample template for mounts ## modules -these have not been implemented yet, but modules are shellscripts that are called during the build process that can add extra features. +modules are shellscripts that are called during the build process that can add extra features. here are some potential ideas for modules: - [ ] syntax highlight for code blocks diff --git a/build/stylesheets/root.css b/build/stylesheets/root.css index cca2a04..20db917 100644 --- a/build/stylesheets/root.css +++ b/build/stylesheets/root.css @@ -54,6 +54,12 @@ body { padding: 0; } +nav { + background-color: var(--bg-light); + padding: 1rem; + text-align: right; +} + h1, h2, h3, h4, h5, h6 { color: var(--text-light); } @@ -71,13 +77,8 @@ strong { } pre { - background-color: var(--bg-light); - padding: 0.75rem; - - /* border: 1px solid var(--text-light); */ - /* border-radius: 0.5rem; */ } code { @@ -85,8 +86,9 @@ code { background-color: var(--bg-light); } -.article-container { +.article-container, .rolling-container, .archive-container { margin: 0 auto; + margin-top: 2rem; width: clamp(40ch, 50%, 80ch); } diff --git a/templates/archivepage.template.html b/templates/archivepage.template.html index 98e9c87..d6cf86d 100644 --- a/templates/archivepage.template.html +++ b/templates/archivepage.template.html @@ -11,9 +11,10 @@ -

Archive

- - +
+

Archive

+ +