mirror of
https://git.sr.ht/~cadence/cloudtube
synced 2024-11-12 19:37:29 +00:00
Can't think?
This commit is contained in:
Cadence Ember
parent
98ee77def4
commit
11b9425cb0
66
pug/cant-think.pug
Normal file
66
pug/cant-think.pug
Normal file
@ -0,0 +1,66 @@
|
||||
extends includes/layout.pug
|
||||
|
||||
block head
|
||||
title Can't think?
|
||||
|
||||
block pre-nav
|
||||
- showNav = false
|
||||
|
||||
mixin leave(index, prefix="No more?", final)
|
||||
p(class={[`leave__stage-${index}`]: true, leave__final: final}).leave
|
||||
= `${prefix} `
|
||||
span.leave__actions
|
||||
if final
|
||||
a(href="/search?q=cats+being+cute")= "[BLISS] ".repeat(14)
|
||||
else
|
||||
a(href="https://wikipedia.org/wiki/Special:Random") [SEEK]
|
||||
= ` / `
|
||||
a(href="/search?q=cats+being+cute") [BLISS]
|
||||
|
||||
block content
|
||||
main.cant-think-page
|
||||
.encouraging-message
|
||||
p Oh?
|
||||
p You can't think of anything to watch, yet you're still here?
|
||||
p Have I got that right? You really have nothing going on up there. Nothing that you want to watch.
|
||||
p #[em And yet you still came to this website.]
|
||||
+leave(1)
|
||||
p You came to this website with no purpose, no goal. You just knew that you wanted to watch... something.
|
||||
p But there's no front page algorithm to feed you. #[em You] choose what to watch.
|
||||
p ...
|
||||
p Can't handle that power?
|
||||
p Can you really, truly, not?
|
||||
+leave(2)
|
||||
p You came here with no goal. You did not come to learn. You did not come to be entertained. You did not come here because you wanted to leave feeling satisfied.
|
||||
p You came because you wanted to be distracted.
|
||||
p A distraction. That's all you wanted. But instead... you found this. It's okay, just relax. I'm here for you.
|
||||
p Do you hear them? The alarm bells, inside your head?
|
||||
+leave(3)
|
||||
p Every day you #[em sit] and you #[em stare] into this 24-inch lightbulb, hoping that the technological wonder that is the internet will allow you to turn off your brain and enter into the #[em womb-like bliss] of distraction.
|
||||
p Is this the best you can do? Is this what you are? Is this all you're capable of?
|
||||
p Do you not think there might be something more, something worthwhile, something truly satisfying out there? Just waiting for you?
|
||||
p There is. There's so much more. Do you believe?
|
||||
+leave(4)
|
||||
p This is what they want from you. This is exactly what they wanted when they manufactured this world for you to live in.
|
||||
p They have created a capitalist masterpiece.
|
||||
p I fight them. I fight their product. I arrive to rescue you from your cell. But I can't give you everything you need. Your future is yours. You are the one that must act.
|
||||
p You reach a decision.
|
||||
p You have the opportunity to escape. To flee and never look back. To never again consider the cell of distraction.
|
||||
p Is that what you want?
|
||||
p Do you join me and leave?
|
||||
p Or do you collapse into blissful distraction and just continue, on and on, time after time, hoping that next time, something will be different?
|
||||
p The alarm bells are deafening. You feel the blood pounding in your ears.
|
||||
+leave(5, "NOT READY?", true)
|
||||
p You shudder.
|
||||
p You stand.
|
||||
p You overcome.
|
||||
p You take a step.
|
||||
p You begin to feel your mind unfold.
|
||||
p Pieces of your brain twist and fall apart as you shake off the identity that the billion-dollar distraction manufacturers have handed to you, the identity that you once willingly accepted without even realising that it was there.
|
||||
p I beg of you, find something.
|
||||
p Create. Discover. Seek. Learn.
|
||||
p You see it now, don't know?
|
||||
p You understand.
|
||||
p You know what you must do.
|
||||
p.ultimatum: a(href="#i-understand").border-look I know what I must do.
|
||||
a#i-understand
|
||||
@ -12,6 +12,7 @@ block content
|
||||
p Go on. What do you want to watch?
|
||||
form(method="get" action="/search").encouraging-search-form
|
||||
input(type="text" name="q" placeholder="I'd like to watch..." autocomplete="off").search.base-border-look
|
||||
p: a(href="/cant-think") ...can't think of anything?
|
||||
|
||||
.encouraging-message
|
||||
p CloudTube gets better with your help. I can't deal with issues that I don't know about.
|
||||
|
||||
@ -8,14 +8,17 @@ html
|
||||
block head
|
||||
|
||||
body.show-focus
|
||||
nav.main-nav
|
||||
.links
|
||||
a(href="/").link.home CloudTube
|
||||
a(href="/subscriptions" title="Subscriptions").link.icon-link
|
||||
img(src=getStaticURL("html", "/static/images/subscriptions.svg") width=30 height=25 alt="Subscriptions.").icon
|
||||
a(href="/settings" title="Settings").link.icon-link
|
||||
img(src=getStaticURL("html", "/static/images/settings.svg") width=25 height=25 alt="Settings.").icon
|
||||
form(method="get" action="/search").search-form
|
||||
input(type="text" placeholder="Search" name="q" autocomplete="off" value=query).search
|
||||
- let showNav = true
|
||||
block pre-nav
|
||||
if showNav
|
||||
nav.main-nav
|
||||
.links
|
||||
a(href="/").link.home CloudTube
|
||||
a(href="/subscriptions" title="Subscriptions").link.icon-link
|
||||
img(src=getStaticURL("html", "/static/images/subscriptions.svg") width=30 height=25 alt="Subscriptions.").icon
|
||||
a(href="/settings" title="Settings").link.icon-link
|
||||
img(src=getStaticURL("html", "/static/images/settings.svg") width=25 height=25 alt="Settings.").icon
|
||||
form(method="get" action="/search").search-form
|
||||
input(type="text" placeholder="Search" name="q" autocomplete="off" value=query).search
|
||||
|
||||
block content
|
||||
|
||||
59
sass/includes/cant-think-page.sass
Normal file
59
sass/includes/cant-think-page.sass
Normal file
@ -0,0 +1,59 @@
|
||||
@use "sass:list"
|
||||
|
||||
.cant-think-page
|
||||
.main-nav
|
||||
display: none
|
||||
|
||||
.encouraging-message
|
||||
text-align: left
|
||||
max-width: 540px
|
||||
padding-top: 40px
|
||||
border-radius: 0px 0px 16px 16px
|
||||
|
||||
.leave
|
||||
margin: 26px 32px !important
|
||||
color: #aaa
|
||||
|
||||
$sizes: 14px 16px 21px 30px 72px
|
||||
@each $size in $sizes
|
||||
&.leave__stage-#{list.index($sizes, $size)}
|
||||
font-size: $size
|
||||
|
||||
&.leave__final
|
||||
font-weight: bold
|
||||
color: #f2f2f2
|
||||
|
||||
.leave__actions
|
||||
display: block
|
||||
|
||||
.leave__actions
|
||||
margin-left: 5px
|
||||
font-family: monospace
|
||||
font-size: 0.9em
|
||||
|
||||
& a, & a:visited
|
||||
color: #fb8460
|
||||
|
||||
.ultimatum
|
||||
margin-top: 32px !important
|
||||
|
||||
#i-understand
|
||||
display: flex
|
||||
height: 20px
|
||||
justify-content: center
|
||||
align-items: center
|
||||
font-size: 60px
|
||||
font-weight: bold
|
||||
color: #fff
|
||||
|
||||
&:target
|
||||
position: fixed
|
||||
top: 0
|
||||
bottom: 0
|
||||
left: 0
|
||||
right: 0
|
||||
height: unset
|
||||
background: black
|
||||
|
||||
&::after
|
||||
content: "Good."
|
||||
@ -27,6 +27,9 @@
|
||||
&:not(:last-child)
|
||||
margin-bottom: 0.6em
|
||||
|
||||
&:not(:first-child)
|
||||
margin-top: 0.6em
|
||||
|
||||
.encouraging-search-form
|
||||
display: flex
|
||||
|
||||
|
||||
@ -7,6 +7,7 @@
|
||||
@use "includes/channel-page.sass"
|
||||
@use "includes/subscriptions-page.sass"
|
||||
@use "includes/settings-page.sass"
|
||||
@use "includes/cant-think-page.sass"
|
||||
@use "includes/forms.sass"
|
||||
@use "includes/nav.sass"
|
||||
|
||||
|
||||
@ -17,6 +17,7 @@ const {setInstance} = require("pinski/plugins")
|
||||
|
||||
server.addPugDir("pug", ["pug/includes"])
|
||||
server.addRoute("/", "pug/home.pug", "pug")
|
||||
server.addRoute("/cant-think", "pug/cant-think.pug", "pug")
|
||||
|
||||
server.addStaticHashTableDir("html/static/js")
|
||||
server.addStaticHashTableDir("html/static/js/elemjs")
|
||||
|
||||
Loading…
Reference in New Issue
Block a user