cosmetics
This commit is contained in:
parent
c319e3590d
commit
b6836823e9
12 changed files with 70 additions and 31 deletions
|
|
@ -1,7 +1,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>{{.Title}}</title>
|
||||
<link rel="stylesheet" href="/css/theme.css">
|
||||
<link rel="stylesheet" href="/style2.css">
|
||||
<link rel="stylesheet" href="{{.Site.BaseURL}}css/theme.css">
|
||||
<link rel="stylesheet" href="{{.Site.BaseURL}}style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
|
|
@ -3,15 +3,23 @@
|
|||
{{if .Date }}
|
||||
<p>{{.Date | time.Format "Jan 02 2006"}}</p>
|
||||
{{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}}
|
||||
{{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}}
|
||||
{{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}}
|
||||
<p>{{.Summary}}</p>
|
||||
{{end}}
|
||||
</a>
|
||||
<p>{{.Params.description}}</p>
|
||||
{{ if .GetTerms "tags" }}
|
||||
<div class="post-tags">
|
||||
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
<main id="profile">
|
||||
<div>
|
||||
<a href="/">
|
||||
<a href="{{.Site.BaseURL}}">
|
||||
<img id='profilephoto' loading="lazy" src="{{.Site.Params.default_img}}">
|
||||
</a>
|
||||
<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>
|
||||
{{ if .Site.Data.details.links }}
|
||||
<div id="profile-links">
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
<audio controls>
|
||||
<source src='{{.Get "src" }}'>
|
||||
<source src='{{.Site.BaseURL}}{{.Get "src" }}'>
|
||||
</audio>
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
<video autoplay muted loop preload="true">
|
||||
<source src='{{.Get "src" }}'>
|
||||
<source src='{{.Get 0 }}'>
|
||||
<source src='{{.Site.BaseURL}}{{.Get "src" }}'>
|
||||
<source src='{{.Site.BaseURL}}{{.Get 0 }}'>
|
||||
</video>
|
||||
|
|
@ -1,3 +1,4 @@
|
|||
<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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -1,21 +1,21 @@
|
|||
body{
|
||||
--theme-color-primary: rgba(255, 255, 255, 0.9);
|
||||
--theme-color-primary: rgba(255, 255, 255, 0.8);
|
||||
--theme-color-secondary: black;
|
||||
--theme-accent: #8c5c09;
|
||||
--theme-accent: #09448c;
|
||||
}
|
||||
@media screen and (prefers-color-scheme:dark){
|
||||
body{
|
||||
--theme-color-primary:rgba(0, 0, 0, 0.9);
|
||||
--theme-color-primary:rgba(0, 0, 0, 0.8);
|
||||
--theme-color-secondary:white;
|
||||
--theme-accent: #42c0ff;
|
||||
--theme-accent: #2db1f3;
|
||||
}
|
||||
}
|
||||
|
||||
body{
|
||||
color:var(--theme-color-secondary);
|
||||
background-color: var(--theme-color-primary);
|
||||
background-image: url(/res/bg5.png);
|
||||
background-size: 15vh;
|
||||
background-image: url(/res/bg.png);
|
||||
background-size: 35vh;
|
||||
display:flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
|
|
@ -23,7 +23,6 @@ body{
|
|||
justify-content: space-evenly;
|
||||
width:100%;
|
||||
margin:0;
|
||||
padding-left:0.25rem;
|
||||
padding-top:1rem;
|
||||
overflow-x: hidden;
|
||||
font-weight: 500;
|
||||
|
|
@ -51,7 +50,6 @@ img,
|
|||
audio{
|
||||
max-width:100%;
|
||||
max-height: 30vh;
|
||||
margin:1.5rem;
|
||||
}
|
||||
#profile img {
|
||||
|
||||
|
|
@ -61,10 +59,9 @@ audio{
|
|||
}
|
||||
#profile{
|
||||
margin-bottom:1rem;
|
||||
width: fit-content;
|
||||
width: 100%;
|
||||
max-width: 80rem;
|
||||
flex-shrink: none;
|
||||
|
||||
}
|
||||
#profile-details{
|
||||
display:flex;
|
||||
|
|
@ -141,7 +138,7 @@ article,main > div,main>nav{
|
|||
background-color: var(--theme-color-primary);
|
||||
color: var(--theme-color-secondary);
|
||||
border:0.25rem solid var(--theme-accent);
|
||||
backdrop-filter: blur(0.1rem);
|
||||
backdrop-filter: blur(0.5rem);
|
||||
border-radius: 1rem;
|
||||
margin-bottom:1.5rem;
|
||||
width:90%;
|
||||
|
|
@ -149,6 +146,7 @@ article,main > div,main>nav{
|
|||
|
||||
article p,
|
||||
article h3,
|
||||
article h4,
|
||||
article ul,
|
||||
article ol,
|
||||
article table{
|
||||
|
|
@ -160,13 +158,25 @@ article img{
|
|||
}
|
||||
|
||||
blockquote {
|
||||
margin-left:2rem;
|
||||
padding-left:1rem;
|
||||
border-left:0.5rem solid var(--theme-accent);
|
||||
margin-left: 10%;
|
||||
padding-left: 2.5rem;
|
||||
width:80%;
|
||||
border-left: 0.5rem solid var(--theme-accent);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.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{
|
||||
|
|
@ -179,10 +189,13 @@ audio{
|
|||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
width:80%;
|
||||
font-weight: bolder;
|
||||
font-size:1.25rem
|
||||
}
|
||||
.post-tags>*{
|
||||
margin:0.5rem;
|
||||
}
|
||||
|
||||
@media screen and (orientation: portrait){
|
||||
body{
|
||||
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
BIN
static/res/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 396 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 559 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 169 KiB After Width: | Height: | Size: 175 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 614 KiB |
Loading…
Reference in a new issue