froge/cyberfrog.me
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add CSS and HTML for blog post styling, remove unused flexbox elements

Browse source
This commit is contained in:
Froge 2025-07-20 19:51:11 +10:00
parent a865751408
commit 3b17c1f479
Signed by: froge
GPG key ID: A825E09930271BFA
4 changed files with 31 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

24
static/main.css
View file

@ -4,11 +4,10 @@
/* Magic fix which forces outer most element to full view size for background scaling */
html {
min-height: 100%;
min-width: 100%;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: column;
}
body {
@ -21,8 +20,8 @@ body {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
/* Fancy background CSS lives here */
background: linear-gradient(to bottom right, rgba(0,0,0, 1) 2%, rgba(65,15,75, 1) 40%, rgba(65,15,90, 1) 50%, rgba(30,15,80, 1) 60%, rgba(0,0,0, 1) 98%);
/* Fancy background CSS colouring lives here */
background: linear-gradient(to bottom right, rgba(0,0,0, 1), rgba(65,15,75, 1) 40%, rgba(65,15,90, 1) 50%, rgba(30,15,80, 1) 60%, rgba(0,0,0, 1));
}
li {
@ -82,6 +81,13 @@ a:hover {
text-align: center;
}
#blog-page-title {
padding-top: 1.5rem;
padding-bottom: 1rem;
letter-spacing: -2px;
text-align: center;
}
.dotted-border {
border-bottom: #e4e4e4 8px dotted;
width: 100%;
@ -92,11 +98,15 @@ a:hover {
text-align: center;
}
.blog-post-container {
.blog-entry-container {
padding: 1rem;
padding-top: 2rem;
}
.blog-post-title {
.blog-entry-title {
padding-top: 2rem;
}
.blog-post-date {
text-align: left;
}