gabriel/valor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update theme

Browse source
This commit is contained in:
Gabriel 2023-11-25 17:16:22 -05:00
parent 546ffecaf1
commit 59ce56460c
2 changed files with 95 additions and 78 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
layouts/index.html
View file

@ -1,20 +1,15 @@
<!DOCTYPE html>
<html>
{{partial "head" .}}
<body>
{{partial "spritesheet" .}}
{{partial "header" .}}
{{partial "spritesheet" .}} {{partial "header" .}}
<main>
{{ if .Content}}
<article>{{.Content}}</article>
{{end}}
<div class="posts">
{{range .Site.RegularPages | first 3}}
{{partial "post" .}}
{{end}}
</div>
</main>
{{partial "footer" .}}
</body>
</html>

56
static/css/theme.css
View file

@ -18,7 +18,6 @@ body {
--theme-color-primary: rgb(0, 0, 0);
--theme-color-secondary: white;
--theme-accent: #1291e5;
}
}
@ -58,19 +57,17 @@ nav {
nav>* {
margin: 1rem;
text-align: center;
}
nav a {
text-decoration: none;
}
@media screen and (orientation:portrait) {
body {
font-size: 20px;
flex-direction: column;
}
header,
footer {
width: 100vw;
@ -84,7 +81,6 @@ nav a {
justify-content: space-around;
padding: 5px;
}
nav {
flex-direction: row;
justify-content: center;
@ -93,11 +89,11 @@ nav a {
}
main {
max-width: unset;
width:95vw;
width: 100vw;
align-items: center;
margin:5px;
margin: 0px;
padding: 0;
}
}
svg {
@ -120,6 +116,7 @@ audio {
max-width: 90%;
max-height: 100%;
}
article img,
article video,
article iframe,
@ -127,13 +124,11 @@ article audio{
margin: 15px;
}
iframe {
width: 100%;
height: 60vh;
}
.gallery img {
margin: 1px;
}
@ -157,9 +152,11 @@ iframe {
max-width: 25vw;
max-height: 20vw;
}
.image-container {
overflow: hidden;
}
.image-container a {
height: 100%;
}
@ -168,13 +165,15 @@ iframe {
max-height: 100%;
}
.image-container .caption {
width: fit-content;
}
.gallery>img {
max-width: 600px;
max-height: 400px;
}
.tag-list {
display: flex;
flex-direction: row;
@ -182,9 +181,11 @@ iframe {
align-items: center;
justify-content: space-evenly;
}
.tag-link {
margin: 3px;
}
.tag-link:hover {
color: var(--theme-color-secondary)
}
@ -227,6 +228,10 @@ article h2 {
text-align: left;
}
article ul {
margin: 0;
}
article .highlight {
width: 100%;
align-items: flex-start;
@ -237,7 +242,11 @@ article .highlight pre {
text-align: left;
}
article h1 {}
@media screen and (orientation:portrait) {
article {
max-width: 90vw;
}
}
.posts {
display: flex;
@ -259,8 +268,7 @@ article h1 {}
width: 360px;
}
.post>* {
}
.post>* {}
.post h2 {
text-align: center;
@ -272,6 +280,7 @@ article h1 {}
background-size: contain;
background-repeat: no-repeat;
}
.post-tags {
max-width: 80%;
display: flex;
@ -279,6 +288,7 @@ article h1 {}
flex-wrap: wrap;
font-size: 12px;
}
.post-tags a {
margin: 2px;
}
@ -293,7 +303,6 @@ article h1 {}
background-color: transparent !important;
}
h3 {
margin: 0;
}
@ -304,7 +313,7 @@ hr{
margin: 0;
margin-top: 1rem;
margin-bottom: 1rem;
max-width:95vw;
max-width: 80vw;
}
blockquote {
@ -312,15 +321,28 @@ blockquote {
padding-left: 15px;
width: 80%;
}
code {
font-family: monospace;
color: var(--theme-accent);
white-space: break-spaces;
word-wrap: normal;
}
article pre {
width: 100%;
}
.footnotes {
flex-direction: column;
}
button {
padding: 10px;
border-radius: 10px;
font-weight: bolder;
font-size: unset;
background-color: var(--theme-accent);
color: var(--theme-color-secondary);
border-color: var(--theme-accent);
}