changed colors a bit and changed text alignment

This commit is contained in:
bearfm 2024-03-03 19:03:18 -08:00
parent eed440698e
commit 9ae5d5adf8
Signed by untrusted user who does not match committer: bearfm
GPG Key ID: 573A776FED58E1A4
10 changed files with 45 additions and 16 deletions

1
dist/404.html vendored
View File

@ -14,6 +14,7 @@
</head>
<!-- https://github.com/bearfm/site -->
<!-- GPL-3.0-only or GPL-3.0-or-later -->
<body>
<header>

1
dist/418.html vendored
View File

@ -14,6 +14,7 @@
</head>
<!-- https://github.com/bearfm/site -->
<!-- GPL-3.0-only or GPL-3.0-or-later -->
<body>
<header>

View File

@ -14,6 +14,7 @@
</head>
<!-- https://github.com/bearfm/site -->
<!-- GPL-3.0-only or GPL-3.0-or-later -->
<body>
<header>

View File

@ -14,6 +14,7 @@
</head>
<!-- https://github.com/bearfm/site -->
<!-- GPL-3.0-only or GPL-3.0-or-later -->
<body>
<header>

1
dist/coolLinks.html vendored
View File

@ -14,6 +14,7 @@
</head>
<!-- https://github.com/bearfm/site -->
<!-- GPL-3.0-only or GPL-3.0-or-later -->
<body>
<header>

2
dist/css/style.css vendored
View File

@ -1 +1 @@
@import "https://fonts.googleapis.com/icon?family=Material+Icons";body{font-family:Arial, sans-serif;font-size:1.5em;margin:2em;line-height:1.6;height:100vh;width:auto;margin:0;padding:0;text-align:center;background-color:#282828;color:#ebdbb2}.center-image{display:block;margin-left:auto;margin-right:auto}.meta{font-size:0.75em;line-height:1;color:#504945}.center-box{text-align:left;width:15%;margin:auto}header{background-color:#3c3836;color:#ebdbb2}header a{color:#ebdbb2;text-decoration:dotted;font-size:1.5rem}header a i{vertical-align:middle;display:inline-block}nav{background-color:#504945;color:#ebdbb2;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px}.title{font-weight:bolder}.article{width:auto;margin:0 auto;margin-top:0%;text-align:justify;width:30vw}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{text-align:center}ul,li,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{color:#fbf1c7}a{color:#458588}a:hover{color:#689d6a}button{background-color:#b16286;color:#fbf1c7}button:hover{background-color:#458588}p{margin-bottom:1em}pre{background-color:#504945;padding:0.5em;overflow:auto}code{font-family:'Courier New', Courier, monospace;background-color:#504945;color:#d65d0e;padding:0.2em;border-radius:3px}table{border-collapse:collapse;width:100%;margin-bottom:1em;border-collapse:collapse}table th,table td{border:1px solid #3c3836;padding:8px;text-align:left}th,td{border:1px solid #fbf1c7;padding:8px;text-align:left}th{background-color:#ebdbb2}blockquote{border-left:2px solid #504945;margin:1em 0;padding-left:1em}footer{background-color:#3c3836;color:#d5c4a1}
@import "https://fonts.googleapis.com/icon?family=Material+Icons";body{font-family:Arial, sans-serif;font-size:1.5em;margin:2em;line-height:1.6;height:100vh;width:auto;margin:0;padding:0;text-align:left;background-color:#1b1b1b;color:#ebdbb2}.center-image{display:block;margin-left:auto;margin-right:auto}.meta{font-size:0.75em;line-height:1;color:#504945}.center-box{text-align:left;width:15%;margin:auto}header{background-color:#2c2927;color:#ebdbb2;height:auto}header a{color:#ebdbb2;text-decoration:dotted;font-size:1.5rem}header a i{vertical-align:middle;display:inline-block}nav{background-color:#2c2927;color:#ebdbb2;display:flex;flex-direction:row;padding-top:.25%;padding-bottom:.25%;align-items:center;justify-content:center;gap:6px}.title{font-weight:bolder;text-align:center}.article{margin-top:0;margin-bottom:auto;margin-left:0;margin-right:0;text-align:left;padding-left:42.25%;padding-right:42.25%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:left;align-items:normal}.article p{text-align:left}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{text-align:left}ul,li,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{color:#fbf1c7}a{color:#458588}a:hover{color:#689d6a}button{background-color:#b16286;color:#fbf1c7}button:hover{background-color:#458588}p{margin-bottom:1em}pre{background-color:#504945;padding:0.5em;overflow:auto}code{font-family:'Courier New', Courier, monospace;background-color:#504945;color:#d65d0e;padding:0.2em;border-radius:3px}table{border-collapse:collapse;width:100%;margin-bottom:1em;border-collapse:collapse}table th,table td{border:1px solid #2c2927;padding:8px;text-align:left}th,td{border:1px solid #fbf1c7;padding:8px;text-align:left}th{background-color:#ebdbb2}blockquote{border-left:2px solid #504945;margin:1em 0;padding-left:1em}footer{background-color:#2c2927;color:#d5c4a1}

1
dist/git/index.html vendored
View File

@ -14,6 +14,7 @@
</head>
<!-- https://github.com/bearfm/site -->
<!-- GPL-3.0-only or GPL-3.0-or-later -->
<body>
<header>

1
dist/index.html vendored
View File

@ -14,6 +14,7 @@
</head>
<!-- https://github.com/bearfm/site -->
<!-- GPL-3.0-only or GPL-3.0-or-later -->
<body>
<header>

10
dist/sitemap.xml vendored
View File

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url><loc>https://bear.oops.wtf/index.html</loc></url>
<url><loc>https://bear.oops.wtf/404.html</loc></url>
<url><loc>https://bear.oops.wtf/blog/index.html</loc></url>
<url><loc>https://bear.oops.wtf/blog/firstPost.html</loc></url>
<url><loc>https://bear.oops.wtf/git/index.html</loc></url>
<url><loc>https://bear.oops.wtf/coolLinks.html</loc></url>
<url><loc>https://bear.oops.wtf/418.html</loc></url>
<url><loc>https://bear.oops.wtf/blog/firstPost.html</loc></url>
<url><loc>https://bear.oops.wtf/blog/index.html</loc></url>
<url><loc>https://bear.oops.wtf/coolLinks.html</loc></url>
<url><loc>https://bear.oops.wtf/git/index.html</loc></url>
<url><loc>https://bear.oops.wtf/index.html</loc></url>
</urlset>

View File

@ -16,9 +16,9 @@
*/
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
$gruvbox-bg: #282828;
$gruvbox-bg: #1b1b1b;
$gruvbox-fg: #ebdbb2;
$gruvbox-dark1: #3c3836;
$gruvbox-dark1: #2c2927;
$gruvbox-dark2: #504945;
$gruvbox-light0: #fbf1c7;
$gruvbox-light1: #ebdbb2;
@ -44,7 +44,7 @@ body {
margin: 0;
padding: 0;
text-align: center;
text-align: left;
background-color: $gruvbox-bg;
color: $gruvbox-fg;
@ -71,6 +71,9 @@ body {
header {
background-color: $gruvbox-dark1;
color: $gruvbox-fg;
height: auto;
a {
color: $gruvbox-fg;
text-decoration: dotted;
@ -83,11 +86,16 @@ header {
}
nav {
background-color: $gruvbox-dark2;
$pad: 0.25%;
background-color: $gruvbox-dark1;
color: $gruvbox-light1;
display: flex;
flex-direction: row;
padding-top: $pad;
padding-bottom: $pad;
align-items: center;
justify-content: center;
@ -96,15 +104,29 @@ nav {
.title {
font-weight: bolder;
text-align: center;
}
.article {
width: auto;
margin: 0 auto;
margin-top: 0%;
text-align: justify;
$pad: 42.25%;
width: 30vw;
margin-top: 0;
margin-bottom: auto;
margin-left: 0;
margin-right: 0;
text-align: left;
padding-left: $pad;
padding-right: $pad;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: left;
align-items: normal;
p {
text-align: left;
}
}
.article h1,
@ -113,7 +135,7 @@ nav {
.article h4,
.article h5,
.article h6 {
text-align: center;
text-align: left;
}
ul, li, ol {