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

cosmetics

Browse source
This commit is contained in:
Gabriel 2022-09-17 19:22:44 -04:00
parent c319e3590d
commit b6836823e9
12 changed files with 70 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
layouts/partials/head.html
View file

@ -1,7 +1,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>{{.Title}}</title> <title>{{.Title}}</title>
<link rel="stylesheet" href="/css/theme.css"> <link rel="stylesheet" href="{{.Site.BaseURL}}css/theme.css">
<link rel="stylesheet" href="/style2.css"> <link rel="stylesheet" href="{{.Site.BaseURL}}style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>

16
layouts/partials/post.html
View file

@ -3,15 +3,23 @@
{{if .Date }} {{if .Date }}
<p>{{.Date | time.Format "Jan 02 2006"}}</p> <p>{{.Date | time.Format "Jan 02 2006"}}</p>
{{end}} {{end}}
{{if .Params.video}}<video controls loop preload="none"><source src="{{.Params.video}}"></video> <a href="{{.Permalink}}">
{{if .Params.gif}}
<video autoplay muted loop preload="true">
<source src="{{.Site.BaseURL}}{{.Params.gif}}">
</video>
{{else}} {{else}}
{{if .Params.audio}}<audio controls preload="none"><source src="{{.Params.audio}}"></audio> {{if .Params.video}}<video controls loop preload="none"><source src="{{.Site.BaseURL}}{{.Params.video}}"></video>
{{else}} {{else}}
{{if .Params.image}}<img loading="lazy" src="{{.Params.image}}"> {{if .Params.audio}}<audio controls preload="none"><source src="{{.Site.BaseURL}}{{.Params.audio}}"></audio>
{{else}}
{{if .Params.image}}<img loading="lazy" src="{{.Site.BaseURL}}{{.Params.image}}">
{{end}} {{end}}
{{end}} {{end}}
{{end}} {{end}}
<p>{{.Summary}}</p> {{end}}
</a>
<p>{{.Params.description}}</p>
{{ if .GetTerms "tags" }} {{ if .GetTerms "tags" }}
<div class="post-tags"> <div class="post-tags">

4
layouts/partials/profile.html
View file

@ -1,10 +1,10 @@
<main id="profile"> <main id="profile">
<div> <div>
<a href="/"> <a href="{{.Site.BaseURL}}">
<img id='profilephoto' loading="lazy" src="{{.Site.Params.default_img}}"> <img id='profilephoto' loading="lazy" src="{{.Site.Params.default_img}}">
</a> </a>
<div id="profile-details"> <div id="profile-details">
<a href="/"><h1>{{.Site.Title}}</h1></a> <a href="{{.Site.BaseURL}}"><h1>{{.Site.Title}}</h1></a>
<p>{{.Site.Params.subtitle}}</p> <p>{{.Site.Params.subtitle}}</p>
{{ if .Site.Data.details.links }} {{ if .Site.Data.details.links }}
<div id="profile-links"> <div id="profile-links">

2
layouts/shortcodes/audio.html
View file

@ -1,3 +1,3 @@
<audio controls> <audio controls>
<source src='{{.Get "src" }}'> <source src='{{.Site.BaseURL}}{{.Get "src" }}'>
</audio> </audio>

4
layouts/shortcodes/gif.html
View file

@ -1,4 +1,4 @@
<video autoplay muted loop preload="true"> <video autoplay muted loop preload="true">
<source src='{{.Get "src" }}'> <source src='{{.Site.BaseURL}}{{.Get "src" }}'>
<source src='{{.Get 0 }}'> <source src='{{.Site.BaseURL}}{{.Get 0 }}'>
</video> </video>

3
layouts/shortcodes/video.html
View file

@ -1,3 +1,4 @@
<video {{if .Get "autoplay"}}autoplay muted loop preload="true"{{else}}controls preload="false"{{end}}> <video {{if .Get "autoplay"}}autoplay muted loop preload="true"{{else}}controls preload="false"{{end}}>
<source src='{{.Get "src" }}'> <source src='{{.Site.BaseURL}}{{.Get "src" }}'>
<source src='{{.Site.BaseURL}}{{.Get 0}}'>
</video> </video>

3
layouts/shortcodes/yesterweb.html
View file

@ -1,3 +0,0 @@
<a href="https://webring.yesterweb.org/noJS/index.php?d=prev&url=https://yesterweb.org/">Previous</a>
<a href="https://webring.yesterweb.org/noJS/index.php?d=rand&url=https://yesterweb.org/">Random</a>
<a href="https://webring.yesterweb.org/noJS/index.php?d=next&url=https://yesterweb.org/">Next</a>

63
static/css/theme.css
View file

@ -1,21 +1,21 @@
body{ body{
--theme-color-primary: rgba(255, 255, 255, 0.9); --theme-color-primary: rgba(255, 255, 255, 0.8);
--theme-color-secondary: black; --theme-color-secondary: black;
--theme-accent: #8c5c09; --theme-accent: #09448c;
} }
@media screen and (prefers-color-scheme:dark){ @media screen and (prefers-color-scheme:dark){
body{ body{
--theme-color-primary:rgba(0, 0, 0, 0.9); --theme-color-primary:rgba(0, 0, 0, 0.8);
--theme-color-secondary:white; --theme-color-secondary:white;
--theme-accent: #42c0ff; --theme-accent: #2db1f3;
} }
} }
body{ body{
color:var(--theme-color-secondary); color:var(--theme-color-secondary);
background-color: var(--theme-color-primary); background-color: var(--theme-color-primary);
background-image: url(/res/bg5.png); background-image: url(/res/bg.png);
background-size: 15vh; background-size: 35vh;
display:flex; display:flex;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
@ -23,7 +23,6 @@ body{
justify-content: space-evenly; justify-content: space-evenly;
width:100%; width:100%;
margin:0; margin:0;
padding-left:0.25rem;
padding-top:1rem; padding-top:1rem;
overflow-x: hidden; overflow-x: hidden;
font-weight: 500; font-weight: 500;
@ -51,7 +50,6 @@ img,
audio{ audio{
max-width:100%; max-width:100%;
max-height: 30vh; max-height: 30vh;
margin:1.5rem;
} }
#profile img { #profile img {
@ -61,10 +59,9 @@ audio{
} }
#profile{ #profile{
margin-bottom:1rem; margin-bottom:1rem;
width: fit-content; width: 100%;
max-width: 80rem; max-width: 80rem;
flex-shrink: none; flex-shrink: none;
} }
#profile-details{ #profile-details{
display:flex; display:flex;
@ -141,7 +138,7 @@ article,main > div,main>nav{
background-color: var(--theme-color-primary); background-color: var(--theme-color-primary);
color: var(--theme-color-secondary); color: var(--theme-color-secondary);
border:0.25rem solid var(--theme-accent); border:0.25rem solid var(--theme-accent);
backdrop-filter: blur(0.1rem); backdrop-filter: blur(0.5rem);
border-radius: 1rem; border-radius: 1rem;
margin-bottom:1.5rem; margin-bottom:1.5rem;
width:90%; width:90%;
@ -149,6 +146,7 @@ article,main > div,main>nav{
article p, article p,
article h3, article h3,
article h4,
article ul, article ul,
article ol, article ol,
article table{ article table{
@ -160,13 +158,25 @@ article img{
} }
blockquote { blockquote {
margin-left:2rem; margin-left: 10%;
padding-left:1rem; padding-left: 2.5rem;
width:80%;
border-left: 0.5rem solid var(--theme-accent); border-left: 0.5rem solid var(--theme-accent);
font-style: italic;
} }
.gallery{ .gallery{
max-width:40vw; width:70%;
display:flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
}
.gallery>*{
margin:0.1rem;
border:1px solid var(--theme-color-accent);
} }
audio{ audio{
@ -179,10 +189,13 @@ audio{
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
width:80%;
font-weight: bolder; font-weight: bolder;
font-size:1.25rem font-size:1.25rem
} }
.post-tags>*{
margin:0.5rem;
}
@media screen and (orientation: portrait){ @media screen and (orientation: portrait){
body{ body{
flex-direction: column; flex-direction: column;
@ -208,3 +221,23 @@ audio{
.link-preview{
display:flex;
flex-direction: row;
flex-wrap: nowrap;
padding:1.5%;
justify-content: center;
text-decoration: none;
text-align: left;
width:80%;
}
.link-preview>div{
margin:1rem;
}
.link-preview>img{
max-width: 20%;
}
.link-preview>div>p{
text-decoration: none !important;
color: var(--theme-color-secondary);
}

BIN
static/res/bg.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 396 KiB

BIN
static/res/bg5.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 559 KiB

BIN
static/res/default.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 169 KiB

After

Width:  |  Height:  |  Size: 175 KiB

BIN
static/res/sand.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 614 KiB