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

more styling and html differences

Browse source
This commit is contained in:
Pagwin 2024-08-04 20:32:33 -04:00
parent 0a197d50c5
commit d1a75ce812
No known key found for this signature in database
GPG key ID: 81137023740CA260
2 changed files with 41 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
static/css/default.css
View file

@ -2,23 +2,32 @@
/*dark theme*/ /*dark theme*/
body.dark{ body.dark{
--bg-color: #000; --bg-color: #000;
--normal-text: #5ac;
--link-clicked: #B250D8; --link-clicked: #B250D8;
--link-unclicked: #d80; --link-unclicked: #d80;
--normal-text: #5ac; --header-bg: #333;
--nav-link-color: #6B0;
} }
/*light theme*/ /*light theme*/
body.light{ body.light{
--bg-color: #FDAAA3; --bg-color: #ABABD4;
--link-unclicked: #147;
--link-clicked: #042;
--normal-text: #000; --normal-text: #000;
--link-unclicked: #153057;
--link-clicked: #042;
--header-bg: #9494C8;
--nav-link-color: #523;
} }
body { body {
background: var(--bg-color); background: var(--bg-color);
color: var(--normal-text); color: var(--normal-text);
width: 100%; padding: 0px;
height: 100%; margin: 0px;
font-family: Georgia, serif;
}
.nav-link {
color: var(--nav-link-color) !important;
} }
a { a {
@ -38,7 +47,14 @@ a:hover {
#header { #header {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
gap: 10px; gap: 0.5em;
align-items: center;
background: var(--header-bg);
width: 100%;
font-size: 24px;
padding: 0.5em 1em;
} }
.nav-link {
#content {
margin: 1em;
} }

33
templates/default.html
View file

@ -1,22 +1,23 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{{title}}} · Pagwin's website</title> <title>{{{title}}} · Pagwin's website</title>
<link rel="stylesheet" type="text/css" href="/static/css/default.css" /> <link rel="stylesheet" type="text/css" href="/static/css/default.css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="https://pagwin.xyz/index.xml">
</head> </head>
<body class="dark"> <body class="light">
<div id="header"> <div id="header">
<a class="nav-link" href="/">Home</a> <a class="nav-link" href="/">Home</a>
<a class="nav-link" href="/links/">Links</a> <a class="nav-link" href="/links/">Links</a>
<a class="nav-link" href="/archive/">RSS</a> <a class="nav-link" href="/index.xml">RSS</a>
</div> </div>
<div id="content"> <div id="content">
<h1>{{{title}}}</h1> <h1>{{{title}}}</h1>
{{{content}}} {{{content}}}
</div> </div>
<div id="footer"> <div id="footer">
</div> </div>
</body> </body>
</html> </html>