admin/panicanparty.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

huge improvement
All checks were successful
Build / Build-Docker-Image (push) Successful in 43s
Details

Browse Source
This commit is contained in:
Tyler Clarke
2025-04-27 22:35:47 -04:00
parent 037d5cf1f0
commit d6a155e966
7 changed files with 252 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
output/index.html
View File

@@ -9,23 +9,74 @@
<head> <head>
<title>The Panican Party</title> <title>The Panican Party</title>
<link rel="stylesheet" href="http://localhost:8060/main.css" /> <link rel="stylesheet" href="http://localhost:8060/main.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head> </head>
<body> <body>
<div id="leadbox" class="scrolly-box"> <div id="leadbox" class="scrolly-box flex-col">
<h1>make america <span class="panicyellow">PANIC</span> again.</h1> <h1>make america <span class="panicyellow">PANIC</span> again.</h1>
<img id="godown" src="http://localhost:8060/res/godown.svg" /> <img id="godown" src="http://localhost:8060/res/godown.svg" />
</div> </div>
<div> <div class="flex-row">
<img src="http://localhost:8060/res/trump.jpg" class="trump-panican-tweet"/> <img src="http://localhost:8060/res/trump.jpg" class="trump-panican-tweet"/>
<div>
<h2>The Panican Party</h2>
<ul>
<li>Welcome to our new party.</li>
<li>Based on weak and stupid people.</li>
<li>We are not strong. We are not courageous.</li>
<li class="panicyellow">We are panicking.</li>
</ul>
</div>
</div> </div>
<div> <div class="flex-col">
<h2>The Panican Party</h2> <h2>Merchandise</h2>
<ul> <p>
<li>Welcome to our new party.</li> <i>Coming soon... we'll be selling hats and t-shirts prolly</i>
<li>Based on weak and stupid people.</li> </p>
<li>We are not strong. We are not courageous.</li> </div>
<li class="panicyellow">We are panicking.</li> <div class="flex-col">
</ul> <h2>FAQ</h2>
<div class="four-grid">
<div>
<h3>Are you serious?</h3>
<p>
We are not an actual political party, nor are we actually panicking. We <i>are</i> actually selling panican merchandise.
</p>
</div>
<div>
<h3>Who are you affiliated with?</h3>
<p>
Nobody! We're a privately owned and operated internet store mocking a tweet Donald Trump made in early 2025.
</p>
</div>
<div>
<h3>Are you some kind of money-making scheme?</h3>
<p>
Nope. All of the money from the store stuff (less operating costs) is donated to <a href="https://www.doctorswithoutborders.org/">Doctors Without Borders</a>, an organization that, unlike the
political parties, is actually doing some good. We haven't made a cent off this and never will.
</p>
</div>
<div>
<h3>What whackos made this crap?</h3>
<p>
We're just a couple guys who wanted to make funny hats and donate some money to a real charity. We're remaining anonymous for now.
</p>
</div>
<div>
<h3>Why not just donate to Doctors Without Borders?</h3>
<p>
Buying some of our goofy merch keeps this site online and, of course, means you have goofy merch. You should absolutely donate to DWB directly if you don't
really want the goofy merch.
</p>
</div>
<div>
<h3>Why not just buy Democrat merch?</h3>
<p>
Because their hats are really dumb, and they'll spend their profit on private jets rather than saving lives. We're trying to make anti-Trump anti-MAGA
merchandise that also benefits a real cause.
</p>
</div>
</div>
</div> </div>
<script src="http://localhost:8060/scrolly.js"></script> <script src="http://localhost:8060/scrolly.js"></script>

68
output/main.css
View File

@@ -13,6 +13,12 @@
src: url("http://localhost:8060/res/URWGothic-Demi.otf"); src: url("http://localhost:8060/res/URWGothic-Demi.otf");
} }
@font-face {
font-family: "URW Gothic Oblique";
src: url("http://localhost:8060/res/URWGothic-BookOblique.otf");
}
* { * {
font-family: "URW Gothic"; font-family: "URW Gothic";
color: white; color: white;
@@ -39,20 +45,34 @@ h2 {
text-align: center; text-align: center;
} }
h3, b {
font-family: "URW Gothic Bold";
}
body > div { body > div {
height: 100vh; min-height: 100vh;
}
.flex-col, .flex-row {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
}
.flex-col {
flex-direction: column; flex-direction: column;
} }
.flex-row {
flex-direction: row;
}
#godown { #godown {
position: absolute; position: absolute;
bottom: 50px; bottom: 50px;
left: 50%; left: 50vw;
transform: translate(-50%, -100%); transform: translate(-50%, -100%);
font-size: 3em; margin: 0px;
} }
.trump-panican-tweet { .trump-panican-tweet {
@@ -65,6 +85,10 @@ body > div {
text-align: center; text-align: center;
} }
body > div > * {
margin: 50px;
}
#leadbox { #leadbox {
opacity: calc((var(--scrolly-height) + var(--scrolly-top) * 2) / var(--scrolly-height)); opacity: calc((var(--scrolly-height) + var(--scrolly-top) * 2) / var(--scrolly-height));
transform: translateY(calc(var(--scrolly-top) * 0.125px)); transform: translateY(calc(var(--scrolly-top) * 0.125px));
@@ -74,4 +98,42 @@ ul {
font-size: 2em; font-size: 2em;
text-align: left; text-align: left;
line-height: 2em; line-height: 2em;
}
.four-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
width: 100%;
}
.four-grid > * {
margin-left: 100px;
margin-right: 100px;
margin-top: 30px;
margin-bottom: 30px;
line-height: 1.5em;
text-align: left;
}
i {
font-family: "URW Gothic Oblique";
}
@media (max-width: 1000px) {
h1 {
font-size: 3em;
}
.flex-row {
flex-direction: column;
}
.trump-panican-tweet {
width: 80vw;
}
.four-grid {
grid-template-columns: 1fr;
}
} }

BIN
output/res/URWGothic-BookOblique copy.otf Executable file
View File

Binary file not shown.

1
site/default.html
View File

@@ -6,6 +6,7 @@
<head> <head>
<title>The Panican Party</title> <title>The Panican Party</title>
<link rel="stylesheet" href="[^baseurl]/main.css" /> <link rel="stylesheet" href="[^baseurl]/main.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head> </head>
<body> <body>
[#content] [#content]

70
site/index.html
View File

@@ -1,20 +1,70 @@
[!] [!]
[=content-] [=content-]
<div id="leadbox" class="scrolly-box"> <div id="leadbox" class="scrolly-box flex-col">
<h1>make america <span class="panicyellow">PANIC</span> again.</h1> <h1>make america <span class="panicyellow">PANIC</span> again.</h1>
<img id="godown" src="[^baseurl]/res/godown.svg" /> <img id="godown" src="[^baseurl]/res/godown.svg" />
</div> </div>
<div> <div class="flex-row">
<img src="[^baseurl]/res/trump.jpg" class="trump-panican-tweet"/> <img src="[^baseurl]/res/trump.jpg" class="trump-panican-tweet"/>
<div>
<h2>The Panican Party</h2>
<ul>
<li>Welcome to our new party.</li>
<li>Based on weak and stupid people.</li>
<li>We are not strong. We are not courageous.</li>
<li class="panicyellow">We are panicking.</li>
</ul>
</div>
</div> </div>
<div> <div class="flex-col">
<h2>The Panican Party</h2> <h2>Merchandise</h2>
<ul> <p>
<li>Welcome to our new party.</li> <i>Coming soon... we'll be selling hats and t-shirts prolly</i>
<li>Based on weak and stupid people.</li> </p>
<li>We are not strong. We are not courageous.</li> </div>
<li class="panicyellow">We are panicking.</li> <div class="flex-col">
</ul> <h2>FAQ</h2>
<div class="four-grid">
<div>
<h3>Are you serious?</h3>
<p>
We are not an actual political party, nor are we actually panicking. We <i>are</i> actually selling panican merchandise.
</p>
</div>
<div>
<h3>Who are you affiliated with?</h3>
<p>
Nobody! We're a privately owned and operated internet store mocking a tweet Donald Trump made in early 2025.
</p>
</div>
<div>
<h3>Are you some kind of money-making scheme?</h3>
<p>
Nope. All of the money from the store stuff (less operating costs) is donated to <a href="https://www.doctorswithoutborders.org/">Doctors Without Borders</a>, an organization that, unlike the
political parties, is actually doing some good. We haven't made a cent off this and never will.
</p>
</div>
<div>
<h3>What whackos made this crap?</h3>
<p>
We're just a couple guys who wanted to make funny hats and donate some money to a real charity. We're remaining anonymous for now.
</p>
</div>
<div>
<h3>Why not just donate to Doctors Without Borders?</h3>
<p>
Buying some of our goofy merch keeps this site online and, of course, means you have goofy merch. You should absolutely donate to DWB directly if you don't
really want the goofy merch.
</p>
</div>
<div>
<h3>Why not just buy Democrat merch?</h3>
<p>
Because their hats are really dumb, and they'll spend their profit on private jets rather than saving lives. We're trying to make anti-Trump anti-MAGA
merchandise that also benefits a real cause.
</p>
</div>
</div>
</div> </div>
[/] [/]
[#default.html] [#default.html]

68
site/main.css
View File

@@ -11,6 +11,12 @@
src: url("[^baseurl]/res/URWGothic-Demi.otf"); src: url("[^baseurl]/res/URWGothic-Demi.otf");
} }
@font-face {
font-family: "URW Gothic Oblique";
src: url("[^baseurl]/res/URWGothic-BookOblique.otf");
}
* { * {
font-family: "URW Gothic"; font-family: "URW Gothic";
color: white; color: white;
@@ -37,20 +43,34 @@ h2 {
text-align: center; text-align: center;
} }
h3, b {
font-family: "URW Gothic Bold";
}
body > div { body > div {
height: 100vh; min-height: 100vh;
}
.flex-col, .flex-row {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
}
.flex-col {
flex-direction: column; flex-direction: column;
} }
.flex-row {
flex-direction: row;
}
#godown { #godown {
position: absolute; position: absolute;
bottom: 50px; bottom: 50px;
left: 50%; left: 50vw;
transform: translate(-50%, -100%); transform: translate(-50%, -100%);
font-size: 3em; margin: 0px;
} }
.trump-panican-tweet { .trump-panican-tweet {
@@ -63,6 +83,10 @@ body > div {
text-align: center; text-align: center;
} }
body > div > * {
margin: 50px;
}
#leadbox { #leadbox {
opacity: calc((var(--scrolly-height) + var(--scrolly-top) * 2) / var(--scrolly-height)); opacity: calc((var(--scrolly-height) + var(--scrolly-top) * 2) / var(--scrolly-height));
transform: translateY(calc(var(--scrolly-top) * 0.125px)); transform: translateY(calc(var(--scrolly-top) * 0.125px));
@@ -72,4 +96,42 @@ ul {
font-size: 2em; font-size: 2em;
text-align: left; text-align: left;
line-height: 2em; line-height: 2em;
}
.four-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
width: 100%;
}
.four-grid > * {
margin-left: 100px;
margin-right: 100px;
margin-top: 30px;
margin-bottom: 30px;
line-height: 1.5em;
text-align: left;
}
i {
font-family: "URW Gothic Oblique";
}
@media (max-width: 1000px) {
h1 {
font-size: 3em;
}
.flex-row {
flex-direction: column;
}
.trump-panican-tweet {
width: 80vw;
}
.four-grid {
grid-template-columns: 1fr;
}
} }

BIN
site/res/URWGothic-BookOblique copy.otf Normal file
View File

Binary file not shown.