diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/css/common.css | 34 | ||||
| -rw-r--r-- | static/rss.xsl | 47 |
2 files changed, 72 insertions, 9 deletions
diff --git a/static/css/common.css b/static/css/common.css index c2b28e7..55a71c2 100644 --- a/static/css/common.css +++ b/static/css/common.css @@ -1,11 +1,15 @@ +:root { + --green: #00916E; + --pearl: #DED4B9; + --brown: #423D33; +} + html { - max-width: 80ch; padding-left: 1em; padding-right: 1em; - margin: auto; line-height: 1.75; font-size: 1.25em; - background-color: #64B6AC; + background-color: var(--green); } #main > .post + .post { @@ -55,21 +59,28 @@ ul { } body { - background-color: #DAFFEF; + max-width: 80ch; + margin: auto; + background-color: var(--pearl); + color: var(--brown); display: flex; flex-direction: column; /* font-family: 'Latin Modern Roman', 'Times New Roman', serif; */ - font-family: sans-serif; + font-family: "IM Fell English", serif; min-height: 100vh; overflow-wrap: break-word; padding-top: 1rem; padding-bottom: 1rem; - border-left: 4px solid #46555e; - border-right: 4px solid #46555e; + border-left: 4px solid var(--brown); + border-right: 4px solid var(--brown); } a { - color: #46555e; + color: var(--brown); +} + +a:hover { + color: #212a30; } /* header */ @@ -109,6 +120,11 @@ a { } +.nav-bar-item a:hover { + background-color: rgb(187, 221, 206); +} + + #header > nav > span > a { font-size: 1.2rem; } @@ -159,7 +175,7 @@ footer .links a { .content ol, .content table, .content ul { - margin-bottom: 1rem; + margin-bottom: 0.4rem; } .content blockquote { diff --git a/static/rss.xsl b/static/rss.xsl new file mode 100644 index 0000000..5c919a6 --- /dev/null +++ b/static/rss.xsl @@ -0,0 +1,47 @@ +<?xml version="1.0" encoding="utf-8"?> +<xsl:stylesheet version="3.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" + xmlns:atom="http://www.w3.org/2005/Atom" + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"> + <xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes"/> + <xsl:template match="/"> + <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + <title>Marks' Kitchen Feed</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> + <link media="screen" rel="stylesheet" href="/css/common.css" /> + </head> + <body> + <h1> + <a> + <xsl:attribute name="href"> + <xsl:value-of select="/rss/channel/link"/> + </xsl:attribute> + <xsl:value-of select="/rss/channel/title"/> + RSS Feed + </a> + </h1> + <p>This page is automatically generated. Use it with an RSS reader to fetch site updates.</p> + <p><xsl:value-of select="/rss/channel/description"/></p> + <ul> + <xsl:for-each select="/rss/channel/item"> + <li> + <h2> + <a> + <xsl:attribute name="href"> + <xsl:value-of select="guid"/> + </xsl:attribute> + <xsl:value-of select="title"/> + - + <xsl:value-of select="pubDate" /> + </a> + </h2> + <xsl:value-of select="description" /> + </li> + </xsl:for-each> + </ul> + </body> + </html> + </xsl:template> +</xsl:stylesheet>
\ No newline at end of file |