1
0
Fork 0
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

142 lines
7.1 KiB

{{ define "main" }}
<div class='main-container'>
<div class='title'>
<h1>elpengu's home</h1>
<hr style="margin-top: 10px;" />
</div>
<div class="i-main">
<div class='left'>
<h2><img src="/logos/elpengu.png" class="i-logo">
What is elpengu?</h2>
<p>
This site is all about software freedom. Seeing how the internet is
more and more centralised into a big corporate environment, I wanted to
provide an alternative solution which reminds of the first day of the web.
</p>
<p>Here we promote the following concepts:</p>
<ul>
<li>Software freedom, and the use of <b>libre software</b> such as: <b>Linux</b>, <b>*BSD</b>,
<b>Matrix</b>,
<b>IRC</b>, <b>Fediverse</b> etc.
</li>
<li>Decentralisation. Having all your eggs in the same basket has never been a worse idea than today.
</li>
<li>Minimalism and the UNIX philosophy: all programs should do one thing, do it well and in a simple
manner.
</li>
<li>Abstinence from consumerism. The web is a powerful tool, but at the same time a weapon for
destruction
of our attention spans.
</li>
</ul>
<a href="./about" class="i-button">
<span class="i-small-icon">
{{- $fname:=print "/static/icons/link-solid.svg" -}}
{{- $path:="<path" -}} {{- $fill:="<path fill=\" white\"" -}} {{ replace (readFile $fname) $path
$fill | safeHTML }} </span>
About me</a>
<h2>
<span class="i-big-icon">
{{- $fname:=print "/static/icons/server.svg" -}}
{{- $path:="<path" -}} {{- $fill:="<path fill=\" #D092FC\"" -}} {{ replace (readFile $fname) $path
$fill | safeHTML }} </span>
Services
</h2>
<p>I host multiple <b>open-source & privacy-friendly</b> services, providing an alternative to popular
websites.
Everything is <b>free as in freedom</b> (no ads, no tracking). Take a look at them below!</p>
<a href="./services" class="i-button">
<span class="i-small-icon">
{{- $fname:=print "/static/icons/link-solid.svg" -}}
{{- $path:="<path" -}} {{- $fill:="<path fill=\" white\"" -}} {{ replace (readFile $fname) $path
$fill | safeHTML }} </span>
Services</a>
</div>
<div class='right'>
<h2>
<span class="i-big-icon">
{{- $fname:=print "/static/icons/book.svg" -}}
{{- $path:="<path" -}} {{- $fill:="<path fill=\" #D092FC\"" -}} {{ replace (readFile $fname) $path
$fill | safeHTML }} </span>
Articles
</h2>
<p>I sometimes post about technology and its implications in real life, philosophy and other topics of
interest. Here are some of my articles:</p>
<ul class='i-blog'>
<!-- Ranges through content/posts/*.md -->
{{ range where .Paginator.Pages.ByDate.Reverse "Section" "posts" | first 8 }}
<li>{{.Date.Format "2006 Jan 02"}} - <a href="{{.RelPermalink}}">{{.Title}}</a></li>
{{ end }}
</ul>
<p class="i-blog"><a href="./posts">Read more...</a></p>
<h2>
<span class="i-big-icon">
{{- $fname:=print "/static/icons/address-card.svg" -}}
{{- $path:="<path" -}} {{- $fill:="<path fill=\" #D092FC\"" -}} {{ replace (readFile $fname) $path
$fill | safeHTML }} </span>
Contact
</h2>
<p class="i-blog">You can contact me via <b>Email</b> or <b>Matrix</b>. No, I don't use Discord and I don't
have a Discord
server, but you could join my <a href="https://matrix.to/#/#chat:matrix.elpengu.com">Matrix room</a>.
</p>
<div style='display: inline-block; width: 100%'>
<a href="https://matrix.to/#/@stefan911:matrix.elpengu.com" rel="noopener" target="_blank"
style="float: left; margin-right: 30px"><img src="/logos/matrix-logo-white.svg" alt="Matrix"
style='max-width: 80px'></a>
<a href="mailto:elpengu@danwin1210.de" style="float: left">
<span class="i-big-icon" style="margin-right: 30px">
{{- $fname:=print "/static/icons/email.svg" -}}
{{- $path:="<path" -}} {{- $fill:="<path fill=\" #ffffff\"" -}} {{ replace (readFile $fname)
$path $fill | safeHTML }} </span>
</a>
{{/* <a href="/keys/contact-gpg-key.txt" style="float: left">
<span class="i-big-icon">
{{- $fname:=print "/static/icons/key.svg" -}}
{{- $path:="<path" -}} {{- $fill:="<path fill=\" #ffffff\"" -}} {{ replace (readFile $fname)
$path $fill | safeHTML }} </span>
</a> */}}
</div>
<h2>
<span class="i-big-icon">
{{- $fname:=print "/static/icons/dollar.svg" -}}
{{- $path:="<path" -}} {{- $fill:="<path fill=\" #D092FC\"" -}} {{ replace (readFile $fname) $path
$fill | safeHTML }} </span>
Donate
</h2>
<p>If you think this website helped you in any way, please consider donating. All donations go towards
improving
services and paying for hosting. Donators also gain access to <b>private instances</b> hosted on this
site.
</p>
<a href="./donate" class="i-button">
<span class="i-small-icon" style='margin-right: 15px; top:-1px'>
{{- $fname:=print "/static/icons/monero.svg" -}}
{{- $path:="<path" -}} {{- $fill:="<path fill=\" white\"" -}} {{ replace (readFile $fname) $path
$fill | safeHTML }} </span>
Donate!</a>
</div>
</div>
<div class='end-ring'>
<hr style="margin-top: 10px;" />
<a href="https://elpengu.com">
<img style="display: inline-block;" src="webring/elpengu.webp" alt="elpengu">
</a>
<a href="https://denshi.org">
<img style="display: inline-block;" src="webring/denshi.png" alt="DenshiSite">
</a>
<a href="https://femboy.hu">
<img style="display: inline-block;" src="webring/femboy.png" alt="femboy.hu">
</a>
<a href="https://chaox.ro">
<img style="display: inline-block;" src="webring/chaox.png" alt="Chaox">
</a>
</div>
</div>
{{ end }}