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*/
body.dark{
--bg-color: #000;
--normal-text: #5ac;
--link-clicked: #B250D8;
--link-unclicked: #d80;
--normal-text: #5ac;
--header-bg: #333;
--nav-link-color: #6B0;
}
/*light theme*/
body.light{
--bg-color: #FDAAA3;
--link-unclicked: #147;
--link-clicked: #042;
--bg-color: #ABABD4;
--normal-text: #000;
--link-unclicked: #153057;
--link-clicked: #042;
--header-bg: #9494C8;
--nav-link-color: #523;
}
body {
background: var(--bg-color);
color: var(--normal-text);
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
font-family: Georgia, serif;
}
.nav-link {
color: var(--nav-link-color) !important;
}
a {
@ -38,7 +47,14 @@ a:hover {
#header {
display: flex;
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>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{{title}}} · Pagwin's website</title>
<link rel="stylesheet" type="text/css" href="/static/css/default.css" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{{title}}} · Pagwin's website</title>
<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>
<body class="dark">
<div id="header">
<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>
{{{content}}}
</div>
<div id="footer">
</div>
<body class="light">
<div id="header">
<a class="nav-link" href="/">Home</a>
<a class="nav-link" href="/links/">Links</a>
<a class="nav-link" href="/index.xml">RSS</a>
</div>
<div id="content">
<h1>{{{title}}}</h1>
{{{content}}}
</div>
<div id="footer">
</div>
</body>
</html>