diff --git a/output/index.html b/output/index.html index fbdb7c2..eb12fba 100755 --- a/output/index.html +++ b/output/index.html @@ -9,23 +9,74 @@ The Panican Party + -
+

make america PANIC again.

-
+
+
+

The Panican Party

+
    +
  • Welcome to our new party.
    • +
  • Based on weak and stupid people.
    • +
  • We are not strong. We are not courageous.
    • +
  • We are panicking.
    • +
+
-
-

The Panican Party

-
    -
  • Welcome to our new party.
    • -
  • Based on weak and stupid people.
    • -
  • We are not strong. We are not courageous.
    • -
  • We are panicking.
    • -
+
+

Merchandise

+

+ Coming soon... we'll be selling hats and t-shirts prolly +

+
+
+

FAQ

+
+
+

Are you serious?

+

+ We are not an actual political party, nor are we actually panicking. We are actually selling panican merchandise. +

+
+
+

Who are you affiliated with?

+

+ Nobody! We're a privately owned and operated internet store mocking a tweet Donald Trump made in early 2025. +

+
+
+

Are you some kind of money-making scheme?

+

+ Nope. All of the money from the store stuff (less operating costs) is donated to Doctors Without Borders, an organization that, unlike the + political parties, is actually doing some good. We haven't made a cent off this and never will. +

+
+
+

What whackos made this crap?

+

+ 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. +

+
+
+

Why not just donate to Doctors Without Borders?

+

+ 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. +

+
+
+

Why not just buy Democrat merch?

+

+ 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. +

+
+
diff --git a/output/main.css b/output/main.css index e3b9480..8ddb10e 100755 --- a/output/main.css +++ b/output/main.css @@ -13,6 +13,12 @@ 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"; color: white; @@ -39,20 +45,34 @@ h2 { text-align: center; } +h3, b { + font-family: "URW Gothic Bold"; +} + body > div { - height: 100vh; + min-height: 100vh; +} + +.flex-col, .flex-row { display: flex; align-items: center; justify-content: center; +} + +.flex-col { flex-direction: column; } +.flex-row { + flex-direction: row; +} + #godown { position: absolute; bottom: 50px; - left: 50%; + left: 50vw; transform: translate(-50%, -100%); - font-size: 3em; + margin: 0px; } .trump-panican-tweet { @@ -65,6 +85,10 @@ body > div { text-align: center; } +body > div > * { + margin: 50px; +} + #leadbox { opacity: calc((var(--scrolly-height) + var(--scrolly-top) * 2) / var(--scrolly-height)); transform: translateY(calc(var(--scrolly-top) * 0.125px)); @@ -74,4 +98,42 @@ ul { font-size: 2em; text-align: left; 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; + } } \ No newline at end of file diff --git a/output/res/URWGothic-BookOblique copy.otf b/output/res/URWGothic-BookOblique copy.otf new file mode 100755 index 0000000..3169b61 Binary files /dev/null and b/output/res/URWGothic-BookOblique copy.otf differ diff --git a/site/default.html b/site/default.html index 87f930b..d29dcc3 100644 --- a/site/default.html +++ b/site/default.html @@ -6,6 +6,7 @@ The Panican Party + [#content] diff --git a/site/index.html b/site/index.html index f6283ec..3b84362 100644 --- a/site/index.html +++ b/site/index.html @@ -1,20 +1,70 @@ [!] [=content-] -
+

make america PANIC again.

-
+
+
+

The Panican Party

+
    +
  • Welcome to our new party.
    • +
  • Based on weak and stupid people.
    • +
  • We are not strong. We are not courageous.
    • +
  • We are panicking.
    • +
+
-
-

The Panican Party

-
    -
  • Welcome to our new party.
    • -
  • Based on weak and stupid people.
    • -
  • We are not strong. We are not courageous.
    • -
  • We are panicking.
    • -
+
+

Merchandise

+

+ Coming soon... we'll be selling hats and t-shirts prolly +

+
+
+

FAQ

+
+
+

Are you serious?

+

+ We are not an actual political party, nor are we actually panicking. We are actually selling panican merchandise. +

+
+
+

Who are you affiliated with?

+

+ Nobody! We're a privately owned and operated internet store mocking a tweet Donald Trump made in early 2025. +

+
+
+

Are you some kind of money-making scheme?

+

+ Nope. All of the money from the store stuff (less operating costs) is donated to Doctors Without Borders, an organization that, unlike the + political parties, is actually doing some good. We haven't made a cent off this and never will. +

+
+
+

What whackos made this crap?

+

+ 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. +

+
+
+

Why not just donate to Doctors Without Borders?

+

+ 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. +

+
+
+

Why not just buy Democrat merch?

+

+ 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. +

+
+
[/] [#default.html] \ No newline at end of file diff --git a/site/main.css b/site/main.css index 032cb48..bb96945 100644 --- a/site/main.css +++ b/site/main.css @@ -11,6 +11,12 @@ 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"; color: white; @@ -37,20 +43,34 @@ h2 { text-align: center; } +h3, b { + font-family: "URW Gothic Bold"; +} + body > div { - height: 100vh; + min-height: 100vh; +} + +.flex-col, .flex-row { display: flex; align-items: center; justify-content: center; +} + +.flex-col { flex-direction: column; } +.flex-row { + flex-direction: row; +} + #godown { position: absolute; bottom: 50px; - left: 50%; + left: 50vw; transform: translate(-50%, -100%); - font-size: 3em; + margin: 0px; } .trump-panican-tweet { @@ -63,6 +83,10 @@ body > div { text-align: center; } +body > div > * { + margin: 50px; +} + #leadbox { opacity: calc((var(--scrolly-height) + var(--scrolly-top) * 2) / var(--scrolly-height)); transform: translateY(calc(var(--scrolly-top) * 0.125px)); @@ -72,4 +96,42 @@ ul { font-size: 2em; text-align: left; 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; + } } \ No newline at end of file diff --git a/site/res/URWGothic-BookOblique copy.otf b/site/res/URWGothic-BookOblique copy.otf new file mode 100644 index 0000000..3169b61 Binary files /dev/null and b/site/res/URWGothic-BookOblique copy.otf differ