some darknet improvements

This commit is contained in:
Gabriel 2023-03-23 10:46:27 -04:00
parent 6152104499
commit 14519d1dc4
7 changed files with 93 additions and 122 deletions

View file

@ -14,14 +14,17 @@
{{if .Content}}
{{.Content}}
{{end}}
{{ template "_internal/pagination.html" .}}
<div class="gallery">
{{ if .Pages }}
{{range .Pages}}
{{range (.Paginate .Pages).Pages}}
{{partial "item" .}}
{{end}}
{{end}}
</div>
{{ template "_internal/pagination.html" .}}
</section>
</main>
{{partial "footer" .}}

View file

@ -8,13 +8,16 @@
{{partial "banner-item" .}}
{{partial "spritesheet" .}}
<main>
<article>
{{.Content}}
{{ if .Params.author}}
{{end}}
<hr>
<section>
{{partial "metadata" .}}
</section>
{{$author := index .Site.Data.details.staff (.Params.author | default "default")}}
{{partial "metadata" .}}
{{if $author}}
<p>Thoughts or questions? <a href="mailto:{{$author.email}}?RE:subject={{.Title}}">Reply to this post</a></p>
{{end}}
</article>
</main>

View file

@ -12,18 +12,4 @@
<a href="{{.Permalink}}"><h2>{{.Title}}</h2></a>
{{end}}
</nav>
{{ if .Site.Data.details.social_links}}
<div id="social-links">
{{range .Site.Data.details.social_links}}
<div class="social-link">
<a href="{{.href}}">
<img src="{{.img}}">
</a>
<a href="{{.href}}"><strong>{{.title}}</strong></a>
</div>
{{end}}
</div>
{{end}}
</header>

View file

@ -5,17 +5,5 @@
<a href="{{.Permalink}}" ><h2>{{.Title}}</h2><i>{{.Params.description}}</i></a>
<span></span>
{{if .GetTerms "tags"}}
<div class="tags">
{{ range (.GetTerms "tags")}}
<a href="{{.RelPermalink}}">
<svg class="icon-small">
<use href="#tag"></use>
</svg>
<span>{{.LinkTitle}}</span>
</a>
{{end}}
</div>
{{end}}
</div>
</section>

View file

@ -1,33 +1,26 @@
<div class="metadata">
<div id="info">
<section class="metadata">
{{$author := index .Site.Data.details.staff (.Params.author | default "default")}}
<div>
<img src="{{$author.image}}" style="max-width:5rem;border-radius:5rem;">
<h2>{{$author.name}}</h2>
</div>
<div>
<p>Published: {{.Date | time.Format "Jan 02 2006"}}
<div><img src="{{$author.image}}" style="max-width:64px;border-radius:64px;">
<h2>{{$author.name}}</h2>
<p><strong>Published:</strong> {{.Date | time.Format "Jan 02 2006"}}
{{if .Params.updated}}
<br>Published: {{.Params.updated | time.Format "Jan 02 2006"}}
<br><strong>Updated:</strong> {{.Params.updated | time.Format "Jan 02 2006"}}
{{end}}
</p>
</div>
</div>
<div id="tags">
{{ range (.GetTerms "tags")}}
<a href="{{.Permalink}}" class="tag">
<svg class="icon">
<use href="#tag"></use>
</svg><span>
{{.LinkTitle}}</span></a>
{{end}}
</div>
</div>
<div id="tags">
<h2>Tags:</h3>
{{ range (.GetTerms "tags")}}
<a href="{{.Permalink}}" class="tag">
<svg class="icon">
<use href="#tag"></use>
</svg><span>
{{.LinkTitle}}</span></a>
{{end}}
</div>
</div>
<div>
<a href="mailto:{{$author.email}}?RE:subject={{.Title}}">Reply to this post</a>
</div>
</div>
</section>

View file

@ -1,7 +1,7 @@
<div class="gallery">
{{ $tag := .Get 0 }}
{{range .Site.RegularPages.RelatedTo (keyVals "tags" $tag) }}
{{range .Site.RegularPages.RelatedTo (keyVals "tags" $tag) | first 5 }}
{{partial "item" .}}
{{end}}
</div>

View file

@ -68,11 +68,8 @@ hr {
main,
aside {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-evenly;
padding: 5px;
padding-top: 0;
flex-direction: column;
align-items: center;
}
article{
max-width:90vw;
@ -167,19 +164,7 @@ article > *{
flex-wrap: wrap;
justify-content: space-evenly;
}
.tags>a {
margin: 5px;
padding:2px;
border-radius: 3px;
font-size:14px;
font-weight: bolder;
display:flex;
flex-direction: row;
align-items: center; background-color: var(--theme-accent);
color: var(--theme-color-primary);
border-radius: 1.25rem;
padding:5px;
}
img,
@ -196,31 +181,24 @@ audio {
flex-direction: row;
align-items: center;
justify-content: center;
width:100%;
flex-wrap: wrap;
}
.metadata>div {
.metadata>* {
margin: 1rem;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
}
.metadata p {
max-width: 20rem;
}
.metadata-author {
padding: 0.5rem;
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
min-width: 30%;
max-width:50%;
}
.metadata #tags{
flex-direction: row;
}
.metadata-author>img {
max-width: 5rem;
border-radius: 3rem;
}
@ -529,10 +507,10 @@ video {
margin: 5px;
padding:10px;
border-radius: 50px;
font-size:16px;
font-size:12px;
font-weight: bold;
background-color: var(--theme-accent);
color: var(--theme-color-primary);
background-color: var(--theme-color-primary);
color: var(--theme-accent);
font-weight: bolder;
display:flex;
flex-direction: row;
@ -653,27 +631,10 @@ video {
.listing-text{
font-size:14px;
}
.metadata{
max-width: 100%;
flex-wrap: wrap;
}
.metadata #tags a {
font-size:10px;
padding:0;
}
.metadata .icon{
width:2rem;
height:2rem;
}
nav{
font-size:10px;
line-height: 14px;
}
.social-link strong{
display:none;
}
#social-links img{
}
#banner-text {
font-size:12px;
}
@ -691,17 +652,6 @@ svg{
height:1rem;
width:1rem;
}
.metadata #info{
min-width:50%;
}
#info>div{
display:flex;
flex-direction: row;
}
#info>div>*{
margin:10px;
}
.bare-link{
text-decoration: none;
}
@ -756,3 +706,51 @@ article a[href^="https"]:where(:not([href*="{{.Site.BaseURL}}"]))::after {conten
.media-container a{
flex-direction: row;
}
.pagination{
list-style: none;
display:flex;
flex-direction: row;
flex-wrap: wrap;
width:100%;
max-width:90vw;
justify-content:center;
align-items: center;
}
.pagination>*{
margin:5px;
}
.pagination a {
font-family: Arial, Helvetica, sans-serif;
border:1px solid var(--theme-accent);
padding:10px;
font-size:22px;
font-weight: bolder;
border-radius: 10px;
text-decoration: none;
margin:0;
}
.pagination .disabled {
display:none;
}
.pagination .active a{
color:var(--theme-color-primary);
background-color: var(--theme-accent);
}
#tags a {
margin: 5px;
padding:2px;
border-radius: 3px;
font-size:16px;
font-weight: bolder;
display:flex;
flex-direction: row;
border:2px solid var(--theme-accent);
align-items: center;
background-color: var(--theme-accent);
color: var(--theme-color-primary);
border-radius:25px;
padding:5px;
}