steve0greatness,
created on Sunday, 12 May 2024, 08:22:05 (1715502125),
received on Sunday, 12 May 2024, 08:38:17 (1715503097)
Author identity: Steve0Greatness <steve0greatnessiscool@gmail.com>
b050de6b1c476a66948346586e3a6352e53b44f5
.gitignore
@@ -3,4 +3,4 @@ build
*.ignore
drafts
*.swp
_site
_site
Background.xcf
static/Background.webp
static/src/blog.css
@@ -1,11 +1,22 @@
.toolbar {
display: flex;
align-items: center;
border: 1px solid white;
padding: 8px;
}
.toolbar :any-link {
.toolbar > :any-link {
text-decoration: none;
font-size: 16px;
margin-right: 15px;
font-family: monospace;
}
.toolbar > strong {
display: inline-block;
font-family: monospace;
font-size: 1rem;
padding-right: 14px;
margin-right: 14px;
border-right: 1px solid white;
}
static/src/global.css
@@ -10,7 +10,7 @@ html {
}
body {
background-color: #19191b;
background-image: url("/background.webp");
color: #fff;
}
@@ -18,34 +18,24 @@ body {
color: #9a9af0;
}
:any-link:visited {
color: #a99af0;
}
:any-link:active {
color: #f09a9a;
}
main {
padding: 0 8px;
padding: 8px;
max-width: 60vw;
margin: 0 auto;
}
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
/*text-align: center;*/
background-color: #19191b;
}
.breadcrumbs {
list-style: none;
padding: 16px 8px 0;
margin: 0 auto;
padding: 8px;
margin: 16px auto 8px auto;
width: 60vw;
border: 1px solid black;
background-color: #19191b;
}
.breadcrumbs li {
@@ -53,13 +43,15 @@ main h6 {
}
.breadcrumbs li + li::before {
content: "\0000BB";
content: "\00A5";
}
body > header {
display: flex;
padding: 20px;
align-items: center;
width: 60vw;
margin: 0 auto;
background-color: #0b0b0c;
border-bottom: 1px solid #fff;
}
@@ -78,7 +70,6 @@ body > header h2 {
body > header nav {
font-size: large;
flex: 1.15;
}
body > header nav :any-link:not(:last-child) {
@@ -92,10 +83,11 @@ tr > :not(:last-child) {
body > footer {
display: flex;
align-items: first baseline;
margin: 8px;
margin: 8px auto;
margin-top: 12px;
width: calc(100vw - 16px);
width: 60vw;
padding-top: 3px;
background-color: #19191b;
border-top: 1px currentColor solid;
}
views/blog-list.html
@@ -15,6 +15,7 @@
{% block content %}
<h1>Blog Posts</h1>
<div role="toolbar" class="toolbar">
<strong>Subscribe</strong>
<a href="/blog/feed.rss"><img src="/rss-feed.png" width="16" height="16" alt="RSS Feed"></a>
<a href="/blog/feed.json"><img src="/JSONFeed.png" width="16" height="16" alt="JSON Feed"></a>
<a href="/blog/feed.atom"><img src="/Atom-Feed.png" width="16" height="16" alt="Atom Feed"></a>
views/blog-post.html
@@ -22,6 +22,7 @@
<article>
<header>
<div role="toolbar" class="toolbar">
<strong>Share</strong>
<a href="https://toot.kytta.dev/?text=Take a look at this article by @S0G@mastodon.social: https://steve0greatness.github.io/blog/{{PostPath}}" title="Share to Mastodon">
<img src="/toot-kytta-dev-icon.png" width="16" height="16" aria-hidden="true" title="Share to Mastodon" />
</a>