Pagwin/new_blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

messed with the header a bit and made homepage have recent articles

Browse source
This commit is contained in:
Pagwin 2024-11-30 17:19:28 -05:00
parent eb27d6c289
commit ae7fe28e58
5 changed files with 29 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
links.typ
View file

@ -1,4 +1,3 @@
Here's some links to various things of mine \ Here's some links to various things of mine \
#link("https://github.com/Pagwin-Fedora")[Github] \ #link("https://github.com/Pagwin-Fedora")[Github] \
#link("https://www.linkedin.com/in/spencer-powell-pagwin/")[Linkedin] #strike[I barely look at this] \ #link("https://www.linkedin.com/in/spencer-powell-pagwin/")[Linkedin] #strike[I barely look at this] \
#link("/index.xml")[RSS] \

9
static/css/layout.css
View file

@ -68,7 +68,7 @@ time {
} }
#header { header#header {
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
@ -108,7 +108,7 @@ main {
max-width: -webkit-fill-available;; max-width: -webkit-fill-available;;
max-width: fill-available; max-width: fill-available;
} }
header { header#article-header {
max-width: -moz-available; max-width: -moz-available;
max-width: -webkit-fill-available;; max-width: -webkit-fill-available;;
max-width: fill-available; max-width: fill-available;
@ -149,6 +149,11 @@ blockquote {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
} }
/*https://stackoverflow.com/questions/35269947/how-can-i-align-one-item-right-with-flexbox#35270047*/
.back-shover {
margin-left:auto;
margin-top:auto;
}
/* div element with this class can be a bitch so need to select those as well as pre*/ /* div element with this class can be a bitch so need to select those as well as pre*/
.sourceCode { .sourceCode {
max-width: -moz-available; max-width: -moz-available;

15
templates/default.html
View file

@ -23,20 +23,21 @@
<body> <body>
<!-- originally handled dark v light via js but decided it would be better to just do it all in css and have no toggle 8a7917a0cd34bd7637d9a9a8ad327e4b847cdeed is the last commit where I had the system setup --> <!-- originally handled dark v light via js but decided it would be better to just do it all in css and have no toggle 8a7917a0cd34bd7637d9a9a8ad327e4b847cdeed is the last commit where I had the system setup -->
<div id="header"> <header id="header">
<a class="nav-link" href="/">Home</a> <a class="nav-link" href="/">Home</a>
<a class="nav-link" href="/posts/">Blog Posts</a> <a class="nav-link" href="/posts/">All Posts</a>
<a class="nav-link" href="/links/">Links</a> <a class="nav-link" href="/links/">Other places I'm at</a>
</div> <div class="back-shover"></div>
<a class="icon" href="/index.xml"> <object width="100" height="100" class="icon svg"
data="/static/images/rss.svg">atom/rss/web
feed</object></a>
</header>
<div id="content-outer"> <div id="content-outer">
<div id="content"> <div id="content">
<main> <main>
{{{content}}} {{{content}}}
</main> </main>
<footer> <footer>
<!-- don't bother with anchor on outside anchor is inside svg-->
<a href="/index.xml"> <object width="100" height="100" class="icon" data="/static/images/rss.svg">rss
feed</object></a>
</footer> </footer>
</div> </div>
</div> </div>

13
templates/home.html
View file

@ -1,2 +1,15 @@
<h2>Hi there, I'm Pagwin</h2> <h2>Hi there, I'm Pagwin</h2>
<p>I post here sometimes</p> <p>I post here sometimes</p>
<hr>
<h2>Recent posts:</h2>
<dl>
{{#posts}}
<div>
<dt class="post-title-item"><a href="{{link}}">{{title}}</a> </dt>
<dd class="dt-subtitle"><time datetime="{{{iso_date}}}">{{date}}</time></dd>
<dd>
<p>{{summary}}</p>
</dd>
</div>
{{/posts}}
</dl>

2
templates/post.html
View file

@ -1,4 +1,4 @@
<header> <header id="article-header">
<h1 style="font-variant: small-caps;">{{{title}}}</h1> <h1 style="font-variant: small-caps;">{{{title}}}</h1>
<div class=" info"> <div class=" info">
{{{date}}} {{{date}}}