matthias
/
WhisperMaPhone
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Super Thoughts 

I feel like this is one of those things that isn't going to be funny in 2 days, but I'm going to be stuck with it for like two years.
This commit is contained in:
Matthias Portzel 2022-07-11 22:28:02 -04:00
parent 7d294523a1
commit 727bbf6fc5
2 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
thoughts/static/thoughts/main.css
View File

@ -269,3 +269,19 @@ h1 {
.history-nav a:hover {
text-decoration: underline;
}
/* Super Thoughts */
#super-thoughts {
position: fixed;
}
#super-thoughts::before {
content: "Welcome to Super Thoughts! The way that the web as a platform exists today is such that I, as the creator of this website that you have opened, have complete control over all of the pixels that your web browser gives me. For a phone, that’s a small number of pixels, and I can fit my Thoughts in there nicely. But this device is significantly bigger. Too big, in my opinion. I don’t need or want this many pixels. But there is no way to abdicate responsibility. I have to give you 100% of a website, whether I want to or not. I can’t leave this space blank. I can fill it in with white or the background color, but there has to be something here, and I have to be the one to put it here. It’s a blessing too, I suppose. If I didn’t have complete control, I would want it. I used to strive to maintain complete control over my own life. It’s hard for me to recognize that that’s not how real-life works. When I have a small area, like this website, that this is truly mine, it seems like a shame to leave areas of it empty and unused. But the main reason I’m typing this, and that you’re seeing it, is aestetic. The webpage would look... off balance with nothing here. This text is a counter weight, it stops the website from falling over. Thank you for your understanding. —Matthias";
position: fixed;
transform: rotate(-90deg);
height: calc(100vh - 80px);
width: calc(100vh - 80px);
top: 40px;
left: 1440px;
color: var(--text-color);
line-height: 1.5;
}

2
thoughts/templates/thoughts/page.html
View File

@ -54,6 +54,8 @@
{% endblock %}
</footer>
<div id="super-thoughts" aria-hidden="true"></div>
{% block scripts %}
{% endblock %}