diff --git a/thoughts/static/thoughts/main.css b/thoughts/static/thoughts/main.css index 6e3188b..2208541 100644 --- a/thoughts/static/thoughts/main.css +++ b/thoughts/static/thoughts/main.css @@ -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; +} diff --git a/thoughts/templates/thoughts/page.html b/thoughts/templates/thoughts/page.html index ba1e3af..85f2495 100644 --- a/thoughts/templates/thoughts/page.html +++ b/thoughts/templates/thoughts/page.html @@ -54,6 +54,8 @@ {% endblock %} + + {% block scripts %} {% endblock %}