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

View file

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