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://github.com/Pagwin-Fedora")[Github] \
#link("https://www.linkedin.com/in/spencer-powell-pagwin/")[Linkedin] \ #link("https://www.linkedin.com/in/spencer-powell-pagwin/")[Linkedin] #strike[I barely look at this] \
#link("https://pagwin.xyz/index.xml")[RSS] #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*/ /*https://color.adobe.com/create/color-contrast-analyzer*/
/*dark theme*/ /*dark theme*/
/* TODO: make links stand out more*/ body.dark{
body{ --bg-color: #000;
background: #000; --link-clicked: #B250D8;
color: #5ac; --link-unclicked: #d80;
--normal-text: #5ac;
} }
/*light theme*/ /*light theme*/
/* body.light{
--bg-color: #FDAAA3;
--link-unclicked: #147;
--link-clicked: #042;
--normal-text: #000;
}
body { body {
background: #FA8072; background: var(--bg-color);
color: #000; 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> </head>
<body class="dark"> <body class="dark">
<div id="header"> <div id="header">
<div id="navigation"> <a class="nav-link" href="/">Home</a>
<a href="/">Home</a> <a class="nav-link" href="/links/">Links</a>
<a href="/links/">Links</a> <a class="nav-link" href="/archive/">RSS</a>
<a href="/archive/">RSS</a>
</div>
</div> </div>
<div id="content"> <div id="content">
<h1>{{{title}}}</h1> <h1>{{{title}}}</h1>