formatting fro blog site

This commit is contained in:
partisan 2024-08-25 00:08:22 +02:00
parent 4a13ba939e
commit f2b72cc1b8
3 changed files with 18 additions and 11 deletions

13
static/css/blog.css Normal file
View file

@ -0,0 +1,13 @@
img {
display: block;
width: 100%;
}
.align-blog p, a, em {
text-align: left;
font-size: 1em;
line-height: 1.6;
}
/* .align-blog h1, h2, h3, h4, h5 {
} */

View file

@ -180,9 +180,7 @@ input, select, textarea {
font-style: italic;
}
p {
margin: 0 0 2em 0;
}
p.content {
-moz-columns: 20em 2;
@ -2671,7 +2669,6 @@ input, select, textarea {
}
header.major p {
font-size: 1.25em;
letter-spacing: -0.025em;
}

View file

@ -20,6 +20,7 @@
<link rel="stylesheet" href="/static/css/main.css" />
<link rel="stylesheet" href="/static/css/stars.css" />
<link rel="stylesheet" href="/static/css/extras.css" />
<link rel="stylesheet" href="/static/css/blog.css" />
<noscript><link rel="stylesheet" href="/static/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
@ -44,20 +45,16 @@
<span class="logo">
<a href="/"><img src="/static/images/logo.svg" alt="Spitfire Logo" /></a>
</span>
<h1>Spitfire Browser</h1>
<p>News</p>
<h1>Spitfire Browser News</h1>
</header>
<!-- Main -->
<div id="main">
<!-- Stable Release Section -->
<section id="cta" class="main special">
<section id="cta" class="main">
<div class="center-text">
<header class="major">
<h2>{{.Title}}</h2>
<p>{{.Author}}</p>
<p>{{.Date}}</p>
<p>{{.Content}}</p>
<div class="align-blog"> <p>{{.Content}}</p> </div>
</header>
<footer class="major">
<ul class="actions special">