93 lines
5.4 KiB
JavaScript
Raw Permalink Normal View History

2024-08-12 04:27:05 +00:00
const express = require("express");
const app = express();
const PORT = process.env.PORT || 3000;
// Import sentences from sentences.js
const sentences = require("./sentences");
// Serve static files from the "public" directory
app.use(express.static("public"));
app.get("/", (req, res) => {
const randomSentence = sentences[Math.floor(Math.random() * sentences.length)];
res.send(`
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tim Walz Fixed Your Bicycle</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<meta name="description" content="Tim Walz fixed your bicycle? What a nice fella!">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://timwalzfixedyourbicycle.com/">
<meta property="og:type" content="website">
<meta property="og:title" content="Tim Walz Fixed Your Bicycle">
<meta property="og:description" content="Tim Walz fixed your bicycle? What a nice fella!">
<meta property="og:image" content="https://cdn.glitch.global/caa249ff-6ba5-4a91-901e-9d343ae05bc9/timwaltzfixedyourbicycle.png?v=1723152647672">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="timwalzfixedyourbicycle.com">
<meta property="twitter:url" content="https://timwalzfixedyourbicycle.com/">
<meta name="twitter:title" content="Tim Walz Fixed Your Bicycle">
<meta name="twitter:description" content="Tim Walz fixed your bicycle? What a nice fella!">
<meta name="twitter:image" content="https://cdn.glitch.global/caa249ff-6ba5-4a91-901e-9d343ae05bc9/timwaltzfixedyourbicycle.png?v=1723152647672">
<!-- Elon Musk can go eat a dry white dog turd. -->
<link href="https://fonts.googleapis.com/css2?family=Caprasimo&display=swap" rel="stylesheet">
<style>
body {display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 100svh;font-family: 'Cooper Black', 'Caprasimo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";padding: 0;background-color: #f5a7a3;color: #0a0b0b;margin: 0;text-align: center;}.main {display: flex;flex-direction: column;justify-content: center;align-items: center;flex-grow: 1;padding: 0;}.container {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;}.sentence {font-size: clamp(2rem, 5vw + 1rem, 8rem);font-family: 'Cooper Black', 'Caprasimo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background-color: transparent;border: none;padding: 0;max-width: 25ch;color: #0a0b0b;cursor: pointer;padding: 0 clamp(1rem, .875em, 10rem);width: 100%;text-wrap: balance;}.link {margin-top: 50px;margin-bottom: 0px;font-size: 1.25rem;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight: 900;color: #0a0b0b;background-color: #f5a7a3;text-decoration: none;padding: .5em .75em;}.link:hover {text-decoration: none;}.disclaimer {background-color: #0a0b0b;font-size: 1rem;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight: 600;color: #f5a7a3;padding: .75em 1em;text-align: center;text-wrap: balance;width: 100%;letter-spacing: .025ch;}
</style>
<script defer src="https://nebulous-lyrebird.pikapod.net/script.js" data-website-id="591e18f9-b70c-41ab-a172-e70b04b27882"></script>
<script>
if (window.location.hostname !== 'timwalzfixedyourbicycle.com') {
window.location.href = 'https://timwalzfixedyourbicycle.com';
}
</script>
</head>
<body>
<div class="main">
<button class="sentence" onclick="window.location.reload()">${randomSentence}</button>
<a class="link" href="https://secure.actblue.com/donate/web-hfp-waltz-august-2024">Donate to Harris/Walz 2024</a>
<a class="link" href="https://cottonbureau.com/people/tim-walz-fixed-your-bicycle">Get a shirt</a>
</div>
<div class="disclaimer">Not paid for by any candidate or candidates committee.</div>
<!--
Fun nerd? Member of the media? Just wanna chat? I've had the username "boogah" over on
Gmail for like 20 years now. Drop me a line there. Unless you're some sort of far right
weirdo, that is.
I primarily use the fediverse (see: Mastodon) so you could also say hi there:
https://simian.rodeo/@boogah
Want to make your own version of this site? Remix it on Glitch:
https://glitch.com/edit/#!/tim-walz-fixed-your-bicycle
Finally, I *would not* be mad if you wanted to help me cover the costs of running this
thing. You can do so by buying a t-shirt or sending along a couple bucks.
https://cottonbureau.com/people/tim-walz-fixed-your-bicycle
https://venmo.com/u/boogah
https://cash.app/$boogah
https://paypal.me/boogah
-->
</body>
</html>
`);
});
app.listen(PORT, () => {
console.log(`Server is running on port ${PORT}`);
});