Main HTML Templates
This commit is contained in:
168
templates/me.html
Normal file
168
templates/me.html
Normal file
@@ -0,0 +1,168 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
||||
|
||||
{{style | safe}}
|
||||
<link rel="stylesheet" href="/styles/newstyle.css">
|
||||
<link rel="stylesheet" href="/styles/nav.css">
|
||||
|
||||
<title>Contact me</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main>
|
||||
<div class="columnsplitter">
|
||||
<div class="rowsplitter">
|
||||
<div class="content fit">
|
||||
<h2 class="titlebar">🚶 Me!</h2>
|
||||
|
||||
|
||||
<ul>
|
||||
<li>Age: {{ ageinsert }}</li>
|
||||
<li>Gender: Male</li>
|
||||
<li>Occupation: Employed, touching computers all day. Also studying during that</li>
|
||||
<li>Location: Somewhere in Germany</li>
|
||||
<li>Hobbies: Programming, electronics and computing, trekking, carving wood</li>
|
||||
<li>OS Affinity: <a href="https://www.gentoo.org/">Gentoo</a>, <a href="https://artixlinux.org/">Artix Linux</a></li>
|
||||
<li>Interests: Old'n wheird Computers/Technologies, Terry Davis, Getting to know Nature and Self-Sustainability</li>
|
||||
<li>Education: Computer Science, studying that aswell rn</li>
|
||||
<li class="rndText">Random: {{funfact}}</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="content fit tworowtext">
|
||||
<h2 class="titlebar">📫 Contact and Social Media</h2>
|
||||
<img src="/images/send.gif" alt="gif" id="gif">
|
||||
|
||||
<dl>
|
||||
<dt>E-Mail</dt><dd>gabriel@weingardt.dev</dd>
|
||||
<dt>(old) E-Mail</dt><dd>gabriel.weingardt@gmail.com</dd>
|
||||
</dl>
|
||||
<div class="contact-text">
|
||||
<p class="info">
|
||||
Please use the @weingardt.dev domain for E-Mail communication.<br>
|
||||
The Googlemail E-Mail is depricated and will delete it sometime end 2025.
|
||||
</p>
|
||||
|
||||
All inquiries are welcome!
|
||||
</div>
|
||||
<hr>
|
||||
<div class="contact-text">
|
||||
<p>
|
||||
I also exist at these places:
|
||||
</p>
|
||||
</div>
|
||||
<dl>
|
||||
<dt>Odysee 🎥</dt><dd><a href="https://odysee.com/@0xMAC-8205:e">xmac</a></dd>
|
||||
<dt>YouTube 🎥</dt><dd><a href="https://www.youtube.com/@0xMAC-8205">xmac</a></dd>
|
||||
<dt>GitHub 📂</dt><dd><a href="https://github.com/0xMAC8205">0xmac8205</a></dd>
|
||||
</dl>
|
||||
</div>
|
||||
|
||||
<div class="content fit">
|
||||
<h2 class="titlebar">🔁 Everyday / 👜 Carry</h2>
|
||||
This is a list of stuff I use and take with me everyday.
|
||||
<br><br>
|
||||
My laptop currently is a <a href="https://thinkwiki.de/X220">Thinkpad X220</a>,
|
||||
serving as a replacement for my <a href="https://thinkwiki.de/X61#X61_Tablet">Thinkpad X61t</a>.
|
||||
Sadly it's neck broke, but I want to switch back to it.
|
||||
It's modified with all sorts
|
||||
of stuff like an internal USB Hub with is connected to an Arduino.
|
||||
It has a back OLED display displaying Gentoo ads and a link to my website.
|
||||
I also have a SATA harddrive reader modded where should be the PCI Express card slot
|
||||
(Taken-apart SSD's fit perfectly in that little space).
|
||||
For my Linux distribution I currently run Artix Linux, since my old Gentoo installation
|
||||
broke and I needed something quick. Will switch back to Gentoo sometime when I
|
||||
repair my X61t. My X220 has a whole 16 Gigs of RAM, a 1TB SSD which is fully LUKS encrypted
|
||||
and a 64GB MSATA drive holding data I want to quickly transfer across operating systems
|
||||
and some backup data.
|
||||
On the side of the Laptop I've also modded an external antenna port for more WIFI ;).
|
||||
<br><br>
|
||||
My main phone used to be a Nokia fliphone, but got replaced by a trusty old Google Pixel 6.
|
||||
Nothin special about it, since it's just a phone.
|
||||
<br><br>
|
||||
For my music, since piss Google decided to remove the beloved headphone jack
|
||||
I use a Sony Minidisk Walkman instead. Better choice anyway.
|
||||
It's a blue <a href="https://www.minidisc.org/part_Sony_MZ-R70.html">MZ-R70</a> model with digital audio recording capability over ADAT.
|
||||
I always carry my music library with me around, which consists of 7 Minidisks.
|
||||
It's honestly great, since it just eats a single AA battery.
|
||||
So with that I also take spare batteries with me (wich do last a long time).
|
||||
(The motor sounds on this thing are just epic)
|
||||
<br><br>
|
||||
As for money, I always carry cash with me. I don't like using and paying
|
||||
with my credit card. If I need money, I'll go to an ATM.
|
||||
I always know how much money I have and how much I can spend.
|
||||
Unlike with a credit card, where it's basically a gamble if the card
|
||||
gets accepted or not. Had that happen to me a few times, where the card
|
||||
was just declined. And you also loose the feeling of "spending"
|
||||
with a card. Physical money is something, that hurts when
|
||||
you spend alot of it, rather than just a number decreasing.
|
||||
</div>
|
||||
|
||||
|
||||
<div class="content fit">
|
||||
<h2 class="titlebar">🚫 Nope</h2>
|
||||
<ul>
|
||||
<li>Social Media</li>
|
||||
<li>Fast food</li>
|
||||
<li>Soft drinks</li>
|
||||
<li>Windows</li>
|
||||
<li>Deoderant</li>
|
||||
<li>Coffee with sugar and or milk</li>
|
||||
<li>Overaccesive Phone use</li>
|
||||
<li>Cities</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="content fit">
|
||||
<h2 class="titlebar">⚙️ How</h2>
|
||||
This site just used to be plain HTML and a JavaScipt script
|
||||
wich was basically required for the site to function.
|
||||
It would construct global elements like the navbar
|
||||
and the CSS style variables. Since I can't
|
||||
use that on terminal and old browsers it was only a temporary measure.
|
||||
I wanted to learn how to use hugo, started but decided against it.
|
||||
<br><br>
|
||||
This site now operates via Python Flask as it's backend.
|
||||
Each site is still HTML, but with tags inside them.
|
||||
The backend then constructs the global elements and other stuff.
|
||||
You may have noticed, that some elements like the random section in the navbar
|
||||
change when the site refreshes. This is the backend at work.
|
||||
This site uses no JavaScipt, the backend provides the rendered HTML and CSS files.
|
||||
<br><br>
|
||||
Some sections like the lists you see on this site and the photobook get
|
||||
constructed via a JSON, to keep things simple and expandable.
|
||||
</div>
|
||||
|
||||
<div class="content fit">
|
||||
<h2 class="titlebar">❓ Why</h2>
|
||||
|
||||
Why does this exist? I have my reasons:
|
||||
I hate social media. I think a website is the perfect way for someone
|
||||
to really express themself. Of course it requires work, but the end result
|
||||
is basically a infinite canvas to express oneself.
|
||||
I don't want to see the positive and negative feedback I get for my stuff,
|
||||
well if you actually want to share your opinion you can use the messagebox
|
||||
on the homepage or just shoot an E-mail.
|
||||
But most people won't do that because it's concidered inconvinient.
|
||||
<br><br>
|
||||
Algorythms also play a big role in my opinion.
|
||||
I don't want, be it an AI or an algorytm to dictate what I see and
|
||||
what I don't see. It's such a distopian idea but even worse
|
||||
is that most people are not only okay with it and just accept it, but actively defent it.
|
||||
<br><br>
|
||||
If you haven't tried, use webrings. They really show how people feel like
|
||||
and what they're capable of. And of course a bit of nostaliga
|
||||
(wich I didn't had, but it's still cool).
|
||||
</div>
|
||||
|
||||
{{footer | safe}}
|
||||
</div>
|
||||
{{navbar | safe}}
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user