Adding about page
This commit is contained in:
Dan
parent
1e6f9a845e
commit
6f4e21572a
16 changed files with 479 additions and 225 deletions
|
|
@ -1,6 +1,104 @@
|
|||
{{ define "main" }} 1234
|
||||
{{ define "header" }}{{ partial "page-header.html" . }}{{ end }} {{ define
|
||||
"main" }}
|
||||
<article class="about-page">
|
||||
<h1>{{ .Title }}</h1>
|
||||
<div class="about-content">{{ .Content }}</div>
|
||||
<div class="about-content">
|
||||
<div class="about-header">{{ partial "elements/lavalamp.html" . }}</div>
|
||||
|
||||
<div class="content-screen">
|
||||
<div class="screen-display crt no-scroll">
|
||||
> about -v <br />
|
||||
<span>Name</span> / <span class="info">Dan (He/Him)</span><br />
|
||||
<span>Age</span> / <span class="info">40-something</span><br />
|
||||
<span>Location</span> / <span class="info">UK 🇬🇧</span><br /><br />
|
||||
<span>Interests</span> /
|
||||
<span class="info">
|
||||
Programming. Music. Movies. Tech. Photography. </span
|
||||
><br />
|
||||
<span class="cursor-blink">_</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wide-item">
|
||||
<div class="content-screen">
|
||||
<div class="screen-display crt">
|
||||
> cat manifesto
|
||||
<div style="display: flex; justify-content: center">
|
||||
<pre>
|
||||
|
||||
▄▄
|
||||
██ █▄
|
||||
▄ ▄ ▀▀▄██▄ ▄██▄
|
||||
███▄███▄ ▄▀▀█▄ ████▄ ██ ██ ▄█▀█▄ ▄██▀█ ██ ▄███▄
|
||||
██ ██ ██ ▄█▀██ ██ ██ ██ ██ ██▄█▀ ▀███▄ ██ ██ ██
|
||||
▄██ ██ ▀█▄▀█▄██▄██ ▀█▄██▄██▄▀█▄▄▄█▄▄██▀▄██▄▀███▀
|
||||
██
|
||||
▀▀
|
||||
</pre
|
||||
>
|
||||
</div>
|
||||
|
||||
<p>I hate being told what to do.</p>
|
||||
<p>
|
||||
That's about the long and the short of it. But if you want to know
|
||||
more...
|
||||
</p>
|
||||
<p>
|
||||
I grew up with the internet. I'm of the generation that saw the
|
||||
internet come into existence, when it was free, open and finding out
|
||||
what it could become. There was so much hope.
|
||||
</p>
|
||||
<p>
|
||||
Unfortunately what it became was an algorithmic slopshop. I fucking
|
||||
hate it.
|
||||
</p>
|
||||
<p>
|
||||
During my formative years I chatted to people from all over the
|
||||
world, I found them through mutual interests, friends of friends,
|
||||
and just spending time exploring. IRC, forums, and MSN messenger
|
||||
were our tools; building connections was our mission.
|
||||
</p>
|
||||
<p>
|
||||
The internet was so inspiring to me I studied it at college and
|
||||
university and it eventually become a prosperous career. I still
|
||||
work with the internet daily.
|
||||
</p>
|
||||
<p>
|
||||
Unfortunately, socially the internet become a cesspit. Particularly
|
||||
in recent years. It's the cyberpunk dystopia of corporations telling
|
||||
us what to think, billionaires telling us what to feel, and
|
||||
politicians disregarding everyone.
|
||||
</p>
|
||||
<p>
|
||||
This website is meant to be a giant fuck you to web 2.0, social
|
||||
media, algorithms and anyone or anything that tells me what to think
|
||||
or feel.
|
||||
</p>
|
||||
<p>
|
||||
I want to invoke the feeling of the early internet, with some amount
|
||||
of modernity thrown in.
|
||||
</p>
|
||||
<p>
|
||||
This is my space. Anyone is welcome to hang out if you bring good
|
||||
vibes.
|
||||
</p>
|
||||
<span class="cursor-blink">_</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-screen">
|
||||
<div class="screen-display crt no-scroll">
|
||||
> ./hardware -main <br />
|
||||
PC /
|
||||
<span class="info">Ryzen 7 9800X3D, Radeon RX 7900 XTX, 64gb RAM</span>
|
||||
/ <span class="warning">Bazzite • kitty • KDE Plasma</span
|
||||
><br />
|
||||
Camera / <span class="info">Fuji X-T5</span><br />
|
||||
Audio / <span class="info">Hiby R4 EVA, Fiio FT-1</span> <br /><br />
|
||||
More info coming soon...
|
||||
<br /><span class="cursor-blink">_</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
{{ define "main" }}
|
||||
{{ define "header" }}
|
||||
<!-- Sir, this is a homepage -->
|
||||
{{ end }}{{ define "main" }}
|
||||
<div class="wall"></div>
|
||||
|
||||
<!-- Neon sign above monitor -->
|
||||
<div class="neon-sign">
|
||||
<div class="neon-text">ritual.sh</div>
|
||||
</div>
|
||||
{{ partial "elements/neon-sign.html" . }}
|
||||
|
||||
<!-- Sticky notes -->
|
||||
<div class="sticky-note note1">fix bugs</div>
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Poster on wall -->
|
||||
<!-- Now playing poster on wall -->
|
||||
<div class="poster">
|
||||
<div class="poster-image" id="posterImage">
|
||||
<script src="/js/nowplaying.js"></script>
|
||||
|
|
@ -66,77 +66,6 @@
|
|||
<!-- Desk -->
|
||||
<div class="desk"></div>
|
||||
|
||||
<!-- Curved cables on desk using SVG -->
|
||||
<svg
|
||||
class="cable-svg"
|
||||
style="position: absolute; bottom: 8%; left: 15%; width: 200px; height: 150px"
|
||||
>
|
||||
<path
|
||||
d="M 20 10 Q 40 60, 80 120"
|
||||
stroke="#222"
|
||||
stroke-width="3"
|
||||
fill="none"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
class="cable-svg"
|
||||
style="
|
||||
position: absolute;
|
||||
bottom: 8%;
|
||||
right: 20%;
|
||||
width: 180px;
|
||||
height: 140px;
|
||||
"
|
||||
>
|
||||
<path
|
||||
d="M 150 20 Q 100 70, 40 130"
|
||||
stroke="#1a1a1a"
|
||||
stroke-width="3"
|
||||
fill="none"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
class="cable-svg"
|
||||
style="position: absolute; bottom: 8%; left: 28%; width: 220px; height: 160px"
|
||||
>
|
||||
<path
|
||||
d="M 10 30 Q 80 40, 160 140"
|
||||
stroke="#252525"
|
||||
stroke-width="2.5"
|
||||
fill="none"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
class="cable-svg"
|
||||
style="
|
||||
position: absolute;
|
||||
bottom: 8%;
|
||||
right: 35%;
|
||||
width: 150px;
|
||||
height: 120px;
|
||||
"
|
||||
>
|
||||
<path
|
||||
d="M 130 15 Q 70 50, 20 110"
|
||||
stroke="#2a2a2a"
|
||||
stroke-width="2.5"
|
||||
fill="none"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
class="cable-svg"
|
||||
style="position: absolute; bottom: 8%; left: 42%; width: 160px; height: 130px"
|
||||
>
|
||||
<path
|
||||
d="M 30 20 Q 60 80, 120 125"
|
||||
stroke="#1f1f1f"
|
||||
stroke-width="2"
|
||||
fill="none"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
<div class="monitor-stand-small"></div>
|
||||
|
||||
<!-- Desk monitor -->
|
||||
<div class="secondary-screen desk-monitor">
|
||||
<div class="screen-display large crt">
|
||||
|
|
@ -253,7 +182,7 @@
|
|||
<div class="widget router"></div>
|
||||
<div class="widget hard-drive"></div>
|
||||
|
||||
{{ partial "lavalamp.html" . }}
|
||||
{{ partial "elements/lavalamp.html" . }}
|
||||
|
||||
<!-- CRT Monitor -->
|
||||
<div class="crt-container">
|
||||
|
|
@ -413,6 +342,6 @@ $pages "Lastmod" "desc") }}
|
|||
<div id="latest-post">
|
||||
<div id="latest-post-link">{{ .Permalink }}</div>
|
||||
<div id="latest-post-title">{{ .Title }}</div>
|
||||
<div id="latest-post-date">{{ .Date.Format "Jan 2, 2006" }}</div>
|
||||
<div id="latest-post-date">{{ .Lastmod.Format "Jan 2, 2006" }}</div>
|
||||
</div>
|
||||
{{ end }} {{ end }}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="container">
|
||||
<div>
|
||||
<svg style="position: absolute; width: 0; height: 0">
|
||||
<defs>
|
||||
<filter id="goo">
|
||||
|
|
@ -6,7 +6,11 @@
|
|||
<feColorMatrix
|
||||
in="blur"
|
||||
mode="matrix"
|
||||
values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9"
|
||||
values="
|
||||
1 0 0 0 0
|
||||
0 1 0 0 0
|
||||
0 0 1 0 0
|
||||
0 0 0 18 -7"
|
||||
result="goo"
|
||||
/>
|
||||
<feComposite in="SourceGraphic" in2="goo" operator="atop" />
|
||||
|
|
@ -17,6 +21,8 @@
|
|||
<div class="lava-lamp-container">
|
||||
<div class="lamp-cap"></div>
|
||||
<div class="lava-lamp" id="lavaLamp">
|
||||
<div class="blobs-container"></div>
|
||||
<!-- NEW: wrapper for blobs -->
|
||||
<div class="lamp-text">ABOUT</div>
|
||||
</div>
|
||||
<div class="lamp-base"></div>
|
||||
3
layouts/partials/elements/neon-sign.html
Normal file
3
layouts/partials/elements/neon-sign.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="neon-sign">
|
||||
<div class="neon-text">ritual.sh</div>
|
||||
</div>
|
||||
|
|
@ -1,22 +1,9 @@
|
|||
<nav role="navigation" style="display:none;">
|
||||
<div>
|
||||
<a href="{{ .Site.BaseURL }}">
|
||||
{{ .Site.Title }}
|
||||
</a>
|
||||
<div>
|
||||
{{ partial "i18nlist.html" . }}
|
||||
{{ if .Site.Menus.main }}
|
||||
<ul>
|
||||
{{ range .Site.Menus.main }}
|
||||
<li>
|
||||
<a href="{{ .URL }}" title="{{ .Name }} page">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
{{ partial "social-follow.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<nav role="navigation">
|
||||
<div>
|
||||
<a href="/">
|
||||
<div class="neon-sign">
|
||||
<div class="neon-text">ritual.sh</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue