Main HTML Templates
This commit is contained in:
98
templates/home.html
Normal file
98
templates/home.html
Normal file
@@ -0,0 +1,98 @@
|
|||||||
|
<!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>Gabriel's personal website</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<form method="POST">
|
||||||
|
<div class="columnsplitter">
|
||||||
|
<div class="rowsplitter">
|
||||||
|
<div id="home" class="content fit">
|
||||||
|
<h2 class="titlebar">🏠 <a href="https://www.weingardt.dev/">Weingardt.dev</a> - Home</h2>
|
||||||
|
<p>
|
||||||
|
A visitor! It appears you have found my website (I wonder how...)<br><br>
|
||||||
|
I'm Gabriel, a {{ ageinsert }} year old student from Germany 🇩🇪.<br>
|
||||||
|
I mainly do programming and computer stuff. See my /<s><a>projects</a></s>/ if u wanna learn more.<br>
|
||||||
|
You'll find more about me on <a href="{{ url_for('me') }}">/me/</a>
|
||||||
|
<br><br>
|
||||||
|
Also see <s><a>this</a></s>, one of my greatest projects (as of yet).
|
||||||
|
A homebrew computer I developed over the last three years.
|
||||||
|
Note, this projects is still ongoing and stuff is always changing.
|
||||||
|
<br><br>
|
||||||
|
Feel free to browse this little site.
|
||||||
|
There is more to this site than this page!<br>
|
||||||
|
(Refreshing the page also does some magic)
|
||||||
|
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="text-center">
|
||||||
|
<br><br>
|
||||||
|
<marquee><h2>Still under reconstruction!      IM LAZY AS FUCK</h2></marquee>
|
||||||
|
<br>
|
||||||
|
Regardless, thank you for taking a look at my little corner of the internet, and I hope you enjoy your visit.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<br><br><br>
|
||||||
|
<p>
|
||||||
|
Due to my <i>lazy as fuck</i> state, I can't get behind my own shit.
|
||||||
|
Including making a tutorial and page for all the LS7 stuff.
|
||||||
|
<br>
|
||||||
|
So if you're lookin for any of that, here ya go with the
|
||||||
|
<a href="https://www.weingardt.dev/ls7schematic.pdf">schematics</a>,
|
||||||
|
<a href="https://www.weingardt.dev/ls7pcb.pdf">pcb</a> and
|
||||||
|
<a href="https://www.weingardt.dev/ls7files.zip">KiCad files</a>.
|
||||||
|
<br>
|
||||||
|
All this shit is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA</a>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--div class="content fit">
|
||||||
|
<h2 class="titlebar">🎯 Stuff you maybe interested in</h2>
|
||||||
|
|
||||||
|
<a href="{{ url_for('ssup') }}">SSUP</a>
|
||||||
|
</div-->
|
||||||
|
|
||||||
|
<div class="content fit">
|
||||||
|
<h2 class="titlebar" id="Wannasaysomething">🗯️ Wanna say something to me?</h2>
|
||||||
|
|
||||||
|
Wanna say something? Do it. No need for a stupid registration, you can do so anonymously.
|
||||||
|
Your messages are only visible to me. Not to any other users of this site.
|
||||||
|
<br>
|
||||||
|
Messages are limited to {{textlength}} characters.
|
||||||
|
To avoid spamming, a message can only be send every 30 seconds.
|
||||||
|
This applies to all simuntanious users of the site. Don't be an asshole.
|
||||||
|
<br><br>
|
||||||
|
This is one way communication. I have no way of contacting you back, so if you want that
|
||||||
|
please provide an adiquate solution lol.
|
||||||
|
<br><br>
|
||||||
|
<div class="chatbox">
|
||||||
|
<textarea rows="8" cols="60" name="textvalue" placeholder="Message (max {{textlength}} characters)">{{ textvalue }}</textarea>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<input type="submit" name="send" value="Submit">
|
||||||
|
<input type="submit" name="clear" value="Clear">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p>{{ errorValue }}</p>
|
||||||
|
</div>
|
||||||
|
{{footer | safe}}
|
||||||
|
</div>
|
||||||
|
{{navbar | safe}}
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
59
templates/info.html
Normal file
59
templates/info.html
Normal file
@@ -0,0 +1,59 @@
|
|||||||
|
<!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>Website info</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<div class="columnsplitter">
|
||||||
|
<div class="rowsplitter">
|
||||||
|
<div class="content fit">
|
||||||
|
<h2 class="titlebar">ℹ️ Website Info</h2>
|
||||||
|
This wonderful website was made my <i>me</i>.<br><br>
|
||||||
|
This site doesn't use JavaScript.
|
||||||
|
The site uses Python Flask for it's backend to serve rendered HTML files.
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="content fit">
|
||||||
|
<h2 class="titlebar">⚖️ Legal</h2>
|
||||||
|
If you wish to <a href="../contact">contact</a> me, or have any concerns about potential copyright infringement or similar, please
|
||||||
|
do here: <a href="mailto:legal@weingardt.dev">legal@weingardt.dev</a>
|
||||||
|
<br><br><hr><br>
|
||||||
|
The <u>content</u> of this website is licensed under the CC BY-SA 4.0 license, which gives you the unrestricted freedom to <u>share</u> and <u>modify</u>
|
||||||
|
copies of this website. You are even allowed to do so commercially.<br><br>
|
||||||
|
<b>But under the following terms:</b><br>
|
||||||
|
You have to give credit to me, <b>indicate if changes were made</b> and license the material under the same license.<br><br>
|
||||||
|
If you want to base your work of of mine, I suggest you to <a href="https://creativecommons.org/licenses/by-sa/4.0/">read the license</a>.<br><br>
|
||||||
|
</div>
|
||||||
|
<div class="content fit">
|
||||||
|
<h2 class="titlebar">💾 Website Source Code</h2>
|
||||||
|
All the source code is readily available on my Gitea instance <a href="https://git.weingardt.dev/0xmac/Website">here</a>.<br>
|
||||||
|
If issues occur, you want something added or something else, this is the place to make issues and pull requests.
|
||||||
|
</div>
|
||||||
|
<div class="content fit">
|
||||||
|
<h2 class="titlebar">📑 Logging</h2>
|
||||||
|
This website logs your visit with the information you give every website you visit,
|
||||||
|
like your IP-Adress and User Agent. This is just stored for me to see if anyone actually visits this
|
||||||
|
site. This data is not shared with anyone or anything or any third or second parties.
|
||||||
|
</div>
|
||||||
|
<div class="content fit">
|
||||||
|
<h2 class="titlebar">🖼️ 88x31 Buttons</h2>
|
||||||
|
Some of the cool 88x31 buttons, located in the footer are from <a href="https://www.deadnet.se/88x31/index.html">www.deadnet.se</a>,<br>
|
||||||
|
while some others I've yanked from other websites :P
|
||||||
|
</div>
|
||||||
|
{{footer | safe}}
|
||||||
|
</div>
|
||||||
|
{{navbar | safe}}
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
18
templates/inline/footer.html
Normal file
18
templates/inline/footer.html
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
<div class="content fit">
|
||||||
|
<h2 class="titlebar">🚧 Footer</h2>
|
||||||
|
<p class="text-center">I'm so sorry if you're viewing this shit on a phone</p>
|
||||||
|
|
||||||
|
<div class="centered"><img src="/images/under_construction_bar.gif"></div>
|
||||||
|
<div class="button-container">
|
||||||
|
{%for i in buttons%}
|
||||||
|
<a {% if i[1] != "": %} href="{{i[1]}}" {% endif %} ><img src="/buttons/{{i[2]}}" alt="{{i[0]}}"></a>
|
||||||
|
{%endfor%}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="text-center">
|
||||||
|
<p>This site was last updated: {{updated}}</p>
|
||||||
|
<p>Website licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></p>
|
||||||
|
|
||||||
|
<a href="{{url_for('homepage')}}">https://weingardt.dev/</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
88
templates/inline/navbar.html
Normal file
88
templates/inline/navbar.html
Normal file
@@ -0,0 +1,88 @@
|
|||||||
|
<nav id="navbar">
|
||||||
|
<div class="rowsplitter">
|
||||||
|
<div class="content fit">
|
||||||
|
<h2 class="titlebar">🔗 Navbar</h2>
|
||||||
|
{%for i in navContent%}
|
||||||
|
|
||||||
|
{% if i[0] == "P": %}
|
||||||
|
|
||||||
|
<a class="nav {% if i[1].find(navSel) != -1: %} selected-nav {% endif %}"
|
||||||
|
href="{{url_for(i[2])}}">{% if i[1].find(navSel) != -1: %}> {% endif %}{{i[1]}}{% if i[1].find(navSel) != -1: %} <{% endif %}</a>
|
||||||
|
|
||||||
|
|
||||||
|
{% elif i[0] == "SEP": %}
|
||||||
|
<hr class="navSep">
|
||||||
|
{% elif i[0] == "L": %}
|
||||||
|
<a class="nav" href="{{i[2]}}">{{i[1]}}</a>
|
||||||
|
{% elif i[0] == "D": %}
|
||||||
|
<a class="nav disabled-nav">{{i[1]}}</a>
|
||||||
|
{% endif %}
|
||||||
|
{%endfor%}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--div class="content fit">
|
||||||
|
<h2 class="titlebar">🔀 Site Style</h2>
|
||||||
|
<form method="post" action="/changestyle">
|
||||||
|
|
||||||
|
<select name="stylebox">
|
||||||
|
<option value="A">A</option>
|
||||||
|
<option value="B">B</option>
|
||||||
|
<option value="-">Other</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<input type="submit" name="change" value="Apply">
|
||||||
|
</form>
|
||||||
|
</div-->
|
||||||
|
|
||||||
|
<div class="content fit">
|
||||||
|
<h2 class="titlebar"><marquee>💍 Webrings</marquee></h2>
|
||||||
|
|
||||||
|
<p class="text-center">--- Retronaut 🖥️ Webring ---</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://webring.dinhe.net/prev/https://weingardt.dev">⬅️ Previous</a> |
|
||||||
|
<a href="https://webring.dinhe.net/random">Random</a> |
|
||||||
|
<a href="https://webring.dinhe.net/next/https://weingardt.dev">Next ➡️</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="text-center">--- Hotline 📞 Webring ---</p>
|
||||||
|
<p>
|
||||||
|
<a href="https://hotlinewebring.club/weingardt/previous">⬅️ Previous</a> |
|
||||||
|
<a href="https://hotlinewebring.club/weingardt/next">Next ➡️</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content fit">
|
||||||
|
<h2 class="titlebar">🔀 Random Shit</h2>
|
||||||
|
<div class="squeeze">{{rndShit | safe}}</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content fit smol">
|
||||||
|
<h2 class="titlebar">📖 Lesson of the Day <a class="leftpad" href="{{url_for('lessons')}}">>></a></h2>
|
||||||
|
<div>{{randomQuote[0]}}<br><br>{{randomQuote[1] | safe}}</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content fit smol">
|
||||||
|
<h2 class="titlebar">🎯 Goals/Todo</h2>
|
||||||
|
<div class="list-left">
|
||||||
|
<ul>
|
||||||
|
{%for i in todos%}
|
||||||
|
{% if i[0] == "s": %} <s> {% endif %}
|
||||||
|
<li> <input type="checkbox" disabled {% if i[0] == "1": %} checked {% endif %}>{{i[1]}}</li>
|
||||||
|
{% if i[0] == "s": %} </s> {% endif %}
|
||||||
|
{%endfor%}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content fit smol">
|
||||||
|
<h2 class="titlebar">🆕 Site Updates</h2>
|
||||||
|
<div class="list-left">
|
||||||
|
<ul>
|
||||||
|
{%for i in updates%} <li>{{i[0]}} {{i[1]}}</li> {%endfor%}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
33
templates/lessons.html
Normal file
33
templates/lessons.html
Normal file
@@ -0,0 +1,33 @@
|
|||||||
|
<!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">
|
||||||
|
|
||||||
|
<title>Gabriel's personal website</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<form method="POST">
|
||||||
|
<div class="columnsplitter singlecolumn">
|
||||||
|
<div class="rowsplitter">
|
||||||
|
<div id="home" class="content">
|
||||||
|
<h2 class="titlebar">My stupid conclusions about certain days xD</h2>
|
||||||
|
<h3><a href="{{ url_for('homepage') }}"><- Back Home</a></h3>
|
||||||
|
<div class="list-left">
|
||||||
|
<ul>
|
||||||
|
{%for i in randomQuote%} <li>{{i[0]}} {{i[1] | safe}}</li> {%endfor%}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
37
templates/ls7.html
Normal file
37
templates/ls7.html
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
||||||
|
<link rel="stylesheet" href="../global/theme.css">
|
||||||
|
<script rel="text/javascript" src="../global/global.js"></script>
|
||||||
|
<link rel="stylesheet" href="../global/style.css">
|
||||||
|
|
||||||
|
<title>LS7 Computer</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<nav id="navbar"></nav>
|
||||||
|
<main>
|
||||||
|
<div class="content">
|
||||||
|
<h2 class="titlebar">LS7 Computer</h2>
|
||||||
|
|
||||||
|
<h1>SHIT NOTHING HERE YET</h1>
|
||||||
|
<h2>Im lazy as fuckk</h2>
|
||||||
|
|
||||||
|
<!--div class="linespan">
|
||||||
|
<a href="../dhge/" class="linebutton">🏫 School Stuff</a>
|
||||||
|
|
||||||
|
<a href="../services/" class="linebutton">🌐 Services</a>
|
||||||
|
</div-->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="footnote"><var id="toplevel" data-="../">Please enable Javascript on this page as it's required to generate the footer and navigation bar.<br>For fear of non-free Javascript: The JS is licensed under GPL v.3</var></div>
|
||||||
|
</main>
|
||||||
|
<footer id="footer"></footer>
|
||||||
|
|
||||||
|
<!-- Some variables and script-call for global site elements -->
|
||||||
|
<var id="selected-nav" data-="Projects"></var>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
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>
|
||||||
52
templates/photobook.html
Normal file
52
templates/photobook.html
Normal file
@@ -0,0 +1,52 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="/styles/photobook.css">
|
||||||
|
|
||||||
|
<title>My Photobook</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<div class="paper">
|
||||||
|
<img src="/images/page2.avif" id="background">
|
||||||
|
|
||||||
|
<div class="controlbox">
|
||||||
|
<a {% if previousDisabled == '' : %} href="{{url_for( request.endpoint, **request.view_args)}}&--" {%endif%} class="{{ previousDisabled }}">↩️ Previous Page</a>
|
||||||
|
<a class="padding" href="{{ url_for('homepage') }}">🚪 Leave</a>
|
||||||
|
<a class="padding" href="{{ url_for( request.endpoint, **request.view_args) }}&rnd">🔄 Random Page</a>
|
||||||
|
<a {% if nextDisabled == '' : %} href="{{url_for( request.endpoint, **request.view_args)}}&++" {%endif%} class="{{ nextDisabled }}">Next Page ↪️</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="page">
|
||||||
|
<div class="content">
|
||||||
|
{{contentLeftInsert | safe}}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="infocontainer">
|
||||||
|
<p class="date">{{pageLeftDate}}</p>
|
||||||
|
<p class="description">{{pageLeftDesc | safe}}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="page right">
|
||||||
|
<div class="content">
|
||||||
|
{{contentRightInsert | safe}}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="infocontainer">
|
||||||
|
<p class="date">{{pageRightDate}}</p>
|
||||||
|
<p class="description">{{pageRightDesc | safe}}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
19
templates/scraper.html
Normal file
19
templates/scraper.html
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Fuck U</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<h1>Fuck YOU</h1>
|
||||||
|
<h2>Why? Because you fucko are on my bot/scraper blacklist</h2>
|
||||||
|
<h2>I suggest u read my robots.txt bitch</h2>
|
||||||
|
<h2>But who cares about my robots.txt anyway ay?</h2>
|
||||||
|
<br><br>
|
||||||
|
<h2>Think I was a lil too harsh to u? OK, mail me (at) <a href="mailto:unblock@weingardt.dev">unblock@weingardt.dev</a></h2>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user