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

got a decent amount of styling done

Browse source
This commit is contained in:
Pagwin 2024-08-03 01:54:44 -04:00
parent 98e4714f98
commit 342d8264fd
No known key found for this signature in database
GPG key ID: 81137023740CA260
3 changed files with 46 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
links.typ
View file

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

47
static/css/default.css
View file

@ -1,13 +1,44 @@
/*https://color.adobe.com/create/color-contrast-analyzer*/
/*dark theme*/
/* TODO: make links stand out more*/
body{
background: #000;
color: #5ac;
body.dark{
--bg-color: #000;
--link-clicked: #B250D8;
--link-unclicked: #d80;
--normal-text: #5ac;
}
/*light theme*/
/*
body.light{
--bg-color: #FDAAA3;
--link-unclicked: #147;
--link-clicked: #042;
--normal-text: #000;
}
body {
background: #FA8072;
color: #000;
}*/
background: var(--bg-color);
color: var(--normal-text);
width: 100%;
height: 100%;
}
a {
color: var(--link-unclicked);
font-weight: bold;
text-decoration: none;
}
a:visited {
color: var(--link-clicked);
}
a:hover {
text-decoration: underline;
}
#header {
display: flex;
flex-flow: row nowrap;
gap: 10px;
}
.nav-link {
}

8
templates/default.html
View file

@ -8,11 +8,9 @@
</head>
<body class="dark">
<div id="header">
<div id="navigation">
<a href="/">Home</a>
<a href="/links/">Links</a>
<a href="/archive/">RSS</a>
</div>
<a class="nav-link" href="/">Home</a>
<a class="nav-link" href="/links/">Links</a>
<a class="nav-link" href="/archive/">RSS</a>
</div>
<div id="content">
<h1>{{{title}}}</h1>