change how passthrough works
N-Upchurch
@ -128,11 +128,16 @@ h1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: var(--font-l);
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
p, li {
|
||||
line-height: 1.75;
|
||||
line-height: 1.5;
|
||||
font-size: var(--font-n);
|
||||
}
|
||||
|
||||
@ -333,7 +338,7 @@ nav ul {
|
||||
border-radius: var(--card-radius);
|
||||
margin-right: var(--single-gap);
|
||||
overflow: hidden;
|
||||
height: 10em;
|
||||
max-height: 15rem;
|
||||
}
|
||||
.postlist-date,
|
||||
.postlist-item:before {
|
||||
@ -350,6 +355,7 @@ nav ul {
|
||||
text-decoration: none;
|
||||
}
|
||||
.postlist-link h3 {
|
||||
font-size: var(--font-l);
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.postlist-item-active .postlist-link {
|
||||
@ -360,42 +366,12 @@ nav ul {
|
||||
flex-flow: column wrap;
|
||||
}
|
||||
.post-image {
|
||||
width: 10em;
|
||||
height: 10em;
|
||||
width: 15rem;
|
||||
height: 15rem;
|
||||
object-fit: cover;
|
||||
object-position: 50% 50%;
|
||||
}
|
||||
|
||||
@media(max-width: 556px) {
|
||||
.postlist {
|
||||
padding-top: 0;
|
||||
}
|
||||
.postlist-item {
|
||||
flex-flow: column wrap;
|
||||
}
|
||||
.postlist-link {
|
||||
padding: 0;
|
||||
}
|
||||
.post-copy a h3 {
|
||||
margin-top: .5em;
|
||||
}
|
||||
.post-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.post-image-container {
|
||||
margin-right: 0;
|
||||
height: 10em;
|
||||
min-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.postlist-item {
|
||||
background-color: var(--card-color);
|
||||
}
|
||||
}
|
||||
|
||||
/* Tags */
|
||||
.post-tag, a.post-tag, .taglist li a {
|
||||
display: inline-flex;
|
||||
@ -461,17 +437,11 @@ a.post-tag:hover {
|
||||
font-size: var(--font-n);
|
||||
}
|
||||
|
||||
@media(max-width: 556px) {
|
||||
.post-metadata {
|
||||
margin-bottom: var(--single-gap);
|
||||
}
|
||||
}
|
||||
|
||||
/* Direct Links / Markdown Headers */
|
||||
.header-anchor {
|
||||
a.header-anchor {
|
||||
text-decoration: none;
|
||||
font-style: normal;
|
||||
font-size: var(--font-n);
|
||||
/* font-size: var(--font-n); */
|
||||
margin-left: .1em;
|
||||
}
|
||||
a[href].header-anchor,
|
||||
@ -491,6 +461,12 @@ h2 + .header-anchor {
|
||||
font-size: var(--font-l);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.postlist-item {
|
||||
background-color: var(--card-color);
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile Styles */
|
||||
@media(max-width: 556px) {
|
||||
body {
|
||||
@ -511,6 +487,30 @@ h2 + .header-anchor {
|
||||
h3, .post-copy a h3 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.post-copy a h3 {
|
||||
margin-top: .5em;
|
||||
}
|
||||
.postlist {
|
||||
padding-top: 0;
|
||||
}
|
||||
.postlist-item {
|
||||
flex-flow: column wrap;
|
||||
}
|
||||
.postlist-link {
|
||||
padding: 0;
|
||||
}
|
||||
.post-image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.post-image-container {
|
||||
margin-right: 0;
|
||||
height: 10em;
|
||||
min-width: 100%;
|
||||
}
|
||||
.post-metadata {
|
||||
margin-bottom: var(--single-gap);
|
||||
}
|
||||
header {
|
||||
padding: 0rem .5rem var(--single-gap) .5rem;
|
||||
margin-bottom: var(--single-gap);
|
||||
|
||||
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 149 KiB After Width: | Height: | Size: 149 KiB |
|
Before Width: | Height: | Size: 312 KiB After Width: | Height: | Size: 312 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 624 KiB After Width: | Height: | Size: 624 KiB |
|
Before Width: | Height: | Size: 108 KiB After Width: | Height: | Size: 108 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
35
public/xsl/basic.xsl
Normal file
@ -0,0 +1,35 @@
|
||||
<?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">
|
||||
<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>
|
||||
RSS Feed | <xsl:value-of select="/atom:feed/atom:title"/>
|
||||
</title>
|
||||
<link rel="stylesheet" href="../css/index.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
This is an RSS feed. Subscribe by copying the URL from the address bar into your newsreader. Don't have a newsreader? Visit
|
||||
<a href="https://aboutfeeds.com">About Feeds</a>
|
||||
to learn more and get started. It’s free.
|
||||
</p>
|
||||
<h1>RSS Feed Preview</h1>
|
||||
<h2>Recent blog posts</h2>
|
||||
<xsl:for-each select="/atom:feed/atom:entry">
|
||||
<h3><a>
|
||||
<xsl:attribute name="href">
|
||||
<xsl:value-of select="atom:link/@href"/>
|
||||
</xsl:attribute>
|
||||
<xsl:value-of select="atom:title"/>
|
||||
</a></h3>
|
||||
Last updated:
|
||||
<xsl:value-of select="substring(atom:updated, 0, 11)" />
|
||||
</xsl:for-each>
|
||||
</body>
|
||||
</html>
|
||||
</xsl:template>
|
||||
</xsl:stylesheet>
|
||||