Added a post list header and a bottom disclaimer in the homepage, moved some images to a new more consistently named folder, removed the unused navigation pills, improved the ytr.html page on mobile devices and changed the heading of post lists.

master
Gianmarco Gargiulo 2023-11-24 15:00:32 +01:00
parent 7ece4c35c3
commit 8b7d7d6a8e
14 changed files with 19 additions and 13 deletions

View File

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

Before

Width:  |  Height:  |  Size: 375 KiB

After

Width:  |  Height:  |  Size: 375 KiB

View File

@ -46,8 +46,14 @@
border-radius: 5px;
}
.mobile {
display: none;
}
@media screen and (min-width: 0px) and (max-width: 500px) {
.button{ display: block; }
.mobile{ display: block; }
h1{ font-size: 20px; }
}
#pipedbtn {background-color: rgba(139,0,0,.2); border-color: darkred} /* Piped */
@ -104,6 +110,7 @@
<a id="ytbtn" class="button" href="https://youtube.com/embed/">YouTube</a>
<a id="odybtn" class="button" href="https://odysee.com/$/embed/@gianmarcogg03:e/">Odysee</a>
<a id="ptbtn" class="button" href="https://videos.gianmarco.gg/videos/embed/">PeerTube</a>
<p class="mobile">Mobile devices may have issues with this frame's resolution.</p>
<p>The Piped instance used is <b>piped.adminforge.de</b>.</p>
<p>YouTube is not freedom and privacy respecting, Odysee has selfhosted telemetry.</p>
</body>

View File

@ -5,15 +5,16 @@
<header class="site-header">
{{- partial "site-header.html" $ -}}
{{- partial "header-background.html" $ -}}
<style type="text/css">
.responsive-header-img {
background-color: #1e1e1e;
}
</style>
<div class="outer site-header-background responsive-header-img no-image">
<div class="inner site-header-content-list">
<h1 class="site-title">{{ .Title }}</h1>
<h2 class="site-description">
{{ if .Param "description" }}
{{ else }}
A collection of {{ len .Pages }} post{{ if gt (len .Pages) 1 }}s{{ end }}
{{ end }}
<h2 class="site-description">{{ len .Pages }} post{{ if gt (len .Pages) 1 }}s{{ end }}
</h2>
</h2>
</div>
</div>

View File

@ -27,7 +27,6 @@
<main id="site-main" class="site-main outer">
<div class="inner posts">
<div class="post-feed">
<div id="banner">
<span><h2>Stop EU's eIDAS Article 45 proposal!</h2>
<p>The EU strikes once again, this time with a proposal to <b>force browsers to go through EU-approved certificate authorities and cryptographic keys</b> which allows governments to <b>intercept HTTP(S) traffic of all european citizens</b>. The middle man here would be ETSI, EU's IT standards body, which has <b>a worrysome track record</b> of creating compromised cryptographic standards and working with organizations involved in intercepting communications through backdoors.</p>
@ -39,10 +38,13 @@
<li><a href="https://www.jeremiahlee.com/posts/2023-eu-eidas-feedback/">this article from Jeremiah Lee</a> which gives you a quick link to email Romana Jerković, the MEP responsible for eIDAS, and a link to contact your country's MEPs.</li>
</ul></span>
</div>
<h1 class="site-title">I make <a style="color: #eb4034" href="/art">art</a>, <a style="color: #ffb002" href="/blog">blog posts</a>, <a style="color: #03b000" href="/design">designs</a>, <a style="color: #00e8f6" href="/software">software</a>, <a style="color: #0171ff" href="/videos">videos</a>, <a style="color: #ab09ff" href="/wallpapers">wallpapers</a> and <a style="color: #99e0ff" href="/other">more</a>.</h1><br />
<div class="post-feed">
{{ $pages := site.RegularPages }}
{{ range $index, $element := $pages }}{{ if ne .Params.rss_ignore true }}
{{- partial "post-card.html" (dict "context" . "index" $index "home" $.IsHome) -}}
{{ end }}{{ end }}
<p><b>Disclaimer</b>: some of the older content of mine (art, videos, etc.) may not be listed here, check out <a href="/socials">my social profiles</a>.</p>
</div>
</div>
</main>

View File

@ -10,7 +10,7 @@
</a>
{{ else }}
<a class="post-card-image-link" href="{{ .context.RelPermalink }}">
<img class="post-card-image" src="/images/nothumb.svg" alt="{{ .context.Title }}" loading="lazy"/>
<img class="post-card-image" src="/img/nothumb.svg" alt="{{ .context.Title }}" loading="lazy"/>
</a>
{{ end }}

View File

@ -11,10 +11,6 @@
{{ range $.Site.Menus.main }}
<li class="nav-home" role="menuitem"><a href="{{ .URL }}">{{- .Name -}}</a></li>
{{ end }}
<!--<a class="site-nav-pill" href="/"><img src="/images/dot-red-open.png" alt="{{ $.Site.Title }}" /></a>
<a class="site-nav-pill" href="/"><img src="/images/dot-blue.png" alt="{{ $.Site.Title }}" /></a>
<a class="site-nav-pill" href="/"><img src="/images/dot-green.png" alt="{{ $.Site.Title }}" /></a>
<a class="site-nav-pill" href="/"><img src="/images/dot-yellow.png" alt="{{ $.Site.Title }}" /></a>-->
</ul>
</div>