diff --git a/pug/cant-think.pug b/pug/cant-think.pug new file mode 100644 index 0000000..f384a84 --- /dev/null +++ b/pug/cant-think.pug @@ -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 diff --git a/pug/home.pug b/pug/home.pug index e3ba68b..fa6814a 100644 --- a/pug/home.pug +++ b/pug/home.pug @@ -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. diff --git a/pug/includes/layout.pug b/pug/includes/layout.pug index 78e5b42..df8ba9f 100644 --- a/pug/includes/layout.pug +++ b/pug/includes/layout.pug @@ -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 diff --git a/sass/includes/cant-think-page.sass b/sass/includes/cant-think-page.sass new file mode 100644 index 0000000..8d2b0ef --- /dev/null +++ b/sass/includes/cant-think-page.sass @@ -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." diff --git a/sass/includes/home-page.sass b/sass/includes/home-page.sass index 6099715..77c65b2 100644 --- a/sass/includes/home-page.sass +++ b/sass/includes/home-page.sass @@ -27,6 +27,9 @@ &:not(:last-child) margin-bottom: 0.6em + &:not(:first-child) + margin-top: 0.6em + .encouraging-search-form display: flex diff --git a/sass/main.sass b/sass/main.sass index 5d17dec..803be99 100644 --- a/sass/main.sass +++ b/sass/main.sass @@ -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" diff --git a/server.js b/server.js index d3b22dd..24fcd08 100644 --- a/server.js +++ b/server.js @@ -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")