Thilawyn/website
1
0
Fork 0
Code Issues 1 Pull Requests 11 Actions Packages Projects Releases Wiki Activity

Move Pazisme Mod page to a standalone HTML #86

Merged
Thilawyn merged 71 commits from next into master 2026-05-19 19:20:39 +02:00
Conversation 0 Commits 71 Files Changed 15
+108 -170
9 changed files with 108 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8e85f71b90 - Show all commits
packages/webapp/public/fonts/coolvetica_rg.otf → packages/webapp/public/pazismemod/coolvetica_rg.otf
View File
packages/webapp/public/pazismemod/index.html
+104
View File
@@ -0,0 +1,104 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>pazisme mod</title>
<style>
@font-face {
font-family: "Coolvetica";
src: url("./coolvetica_rg.otf") format("opentype");
font-style: normal;
font-weight: 400;
font-display: swap;
}
* {
box-sizing: border-box;
}
html,
body {
margin: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: #000;
}
body {
position: relative;
font-family: sans-serif;
}
.splash-image {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.title {
position: absolute;
left: 24px;
bottom: 48px;
margin: 0;
color: #fff;
font-family: "Coolvetica", sans-serif;
font-size: clamp(48px, 8vw, 92px);
line-height: 1;
}
</style>
</head>
<body>
<audio id="theme" src="./we_are_charlie_kirk.mp3" preload="auto" autoplay hidden></audio>
<img class="splash-image" src="./screen1.png" alt="Pazismemod screenshot">
<h1 class="title">pazisme mod</h1>
<script>
(function() {
var SONG_START_TIME = 46;
var audio = document.getElementById("theme");
if (!audio) {
return;
}
function syncStartTime() {
if (isFinite(audio.duration) && audio.duration > SONG_START_TIME) {
audio.currentTime = SONG_START_TIME;
}
}
function playFromOffset() {
syncStartTime();
var result = audio.play();
if (result && typeof result.catch === "function") {
result.catch(function() {
// Ignore autoplay failures in embedded browsers that require interaction.
});
}
}
window.GameDetails = function(
_servername,
_serverurl,
_mapname,
_maxplayers,
_steamid,
_gamemode,
volume
) {
var parsedVolume = Number(volume);
if (!isNaN(parsedVolume) && isFinite(parsedVolume)) {
audio.volume = Math.min(1, Math.max(0, parsedVolume));
}
};
audio.addEventListener("loadedmetadata", syncStartTime);
audio.addEventListener("ended", playFromOffset);
playFromOffset();
})();
</script>
</body>
</html>
packages/webapp/src/routes/pazismemod/screen1.png → packages/webapp/public/pazismemod/screen1.png
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 MiB

After

Width:  |  Height:  |  Size: 2.1 MiB

packages/webapp/src/routes/pazismemod/we_are_charlie_kirk.mp3 → packages/webapp/public/pazismemod/we_are_charlie_kirk.mp3
View File
packages/webapp/src/routeTree.gen.ts
+3 -48
View File
@@ -10,24 +10,12 @@
import { Route as rootRouteImport } from './routes/__root' import { Route as rootRouteImport } from './routes/__root'
import { Route as MainRouteImport } from './routes/_main' import { Route as MainRouteImport } from './routes/_main'
import { Route as PazismemodRouteRouteImport } from './routes/pazismemod/route'
import { Route as PazismemodIndexRouteImport } from './routes/pazismemod/index'
import { Route as MainIndexRouteImport } from './routes/_main.index' import { Route as MainIndexRouteImport } from './routes/_main.index'
const MainRoute = MainRouteImport.update({ const MainRoute = MainRouteImport.update({
id: '/_main', id: '/_main',
getParentRoute: () => rootRouteImport, getParentRoute: () => rootRouteImport,
} as any) } as any)
const PazismemodRouteRoute = PazismemodRouteRouteImport.update({
id: '/pazismemod',
path: '/pazismemod',
getParentRoute: () => rootRouteImport,
} as any)
const PazismemodIndexRoute = PazismemodIndexRouteImport.update({
id: '/',
path: '/',
getParentRoute: () => PazismemodRouteRoute,
} as any)
const MainIndexRoute = MainIndexRouteImport.update({ const MainIndexRoute = MainIndexRouteImport.update({
id: '/', id: '/',
path: '/', path: '/',
@@ -35,31 +23,25 @@ const MainIndexRoute = MainIndexRouteImport.update({
} as any) } as any)
export interface FileRoutesByFullPath { export interface FileRoutesByFullPath {
'/pazismemod': typeof PazismemodRouteRouteWithChildren
'/': typeof MainIndexRoute '/': typeof MainIndexRoute
'/pazismemod/': typeof PazismemodIndexRoute
} }
export interface FileRoutesByTo { export interface FileRoutesByTo {
'/': typeof MainIndexRoute '/': typeof MainIndexRoute
'/pazismemod': typeof PazismemodIndexRoute
} }
export interface FileRoutesById { export interface FileRoutesById {
__root__: typeof rootRouteImport __root__: typeof rootRouteImport
'/pazismemod': typeof PazismemodRouteRouteWithChildren
'/_main': typeof MainRouteWithChildren '/_main': typeof MainRouteWithChildren
'/_main/': typeof MainIndexRoute '/_main/': typeof MainIndexRoute
'/pazismemod/': typeof PazismemodIndexRoute
} }
export interface FileRouteTypes { export interface FileRouteTypes {
fileRoutesByFullPath: FileRoutesByFullPath fileRoutesByFullPath: FileRoutesByFullPath
fullPaths: '/pazismemod' | '/' | '/pazismemod/' fullPaths: '/'
fileRoutesByTo: FileRoutesByTo fileRoutesByTo: FileRoutesByTo
to: '/' | '/pazismemod' to: '/'
id: '__root__' | '/pazismemod' | '/_main' | '/_main/' | '/pazismemod/' id: '__root__' | '/_main' | '/_main/'
fileRoutesById: FileRoutesById fileRoutesById: FileRoutesById
} }
export interface RootRouteChildren { export interface RootRouteChildren {
PazismemodRouteRoute: typeof PazismemodRouteRouteWithChildren
MainRoute: typeof MainRouteWithChildren MainRoute: typeof MainRouteWithChildren
} }
@@ -72,20 +54,6 @@ declare module '@tanstack/react-router' {
preLoaderRoute: typeof MainRouteImport preLoaderRoute: typeof MainRouteImport
parentRoute: typeof rootRouteImport parentRoute: typeof rootRouteImport
} }
'/pazismemod': {
id: '/pazismemod'
path: '/pazismemod'
fullPath: '/pazismemod'
preLoaderRoute: typeof PazismemodRouteRouteImport
parentRoute: typeof rootRouteImport
}
'/pazismemod/': {
id: '/pazismemod/'
path: '/'
fullPath: '/pazismemod/'
preLoaderRoute: typeof PazismemodIndexRouteImport
parentRoute: typeof PazismemodRouteRoute
}
'/_main/': { '/_main/': {
id: '/_main/' id: '/_main/'
path: '/' path: '/'
@@ -96,18 +64,6 @@ declare module '@tanstack/react-router' {
} }
} }
interface PazismemodRouteRouteChildren {
PazismemodIndexRoute: typeof PazismemodIndexRoute
}
const PazismemodRouteRouteChildren: PazismemodRouteRouteChildren = {
PazismemodIndexRoute: PazismemodIndexRoute,
}
const PazismemodRouteRouteWithChildren = PazismemodRouteRoute._addFileChildren(
PazismemodRouteRouteChildren,
)
interface MainRouteChildren { interface MainRouteChildren {
MainIndexRoute: typeof MainIndexRoute MainIndexRoute: typeof MainIndexRoute
} }
@@ -119,7 +75,6 @@ const MainRouteChildren: MainRouteChildren = {
const MainRouteWithChildren = MainRoute._addFileChildren(MainRouteChildren) const MainRouteWithChildren = MainRoute._addFileChildren(MainRouteChildren)
const rootRouteChildren: RootRouteChildren = { const rootRouteChildren: RootRouteChildren = {
PazismemodRouteRoute: PazismemodRouteRouteWithChildren,
MainRoute: MainRouteWithChildren, MainRoute: MainRouteWithChildren,
} }
export const routeTree = rootRouteImport export const routeTree = rootRouteImport
packages/webapp/src/routes/_main.tsx
+1 -1
View File
@@ -24,7 +24,7 @@ function WIPLayout() {
) )
} }
// @ts-ignore // @ts-expect-error
function SharedLayout() { function SharedLayout() {
const { t, i18n } = useTranslation() const { t, i18n } = useTranslation()
packages/webapp/src/routes/pazismemod/index.css
-7
View File
@@ -1,7 +0,0 @@
@font-face {
font-family: "Coolvetica";
src: url("/fonts/coolvetica_rg.otf") format("opentype");
font-style: normal;
font-weight: 400;
font-display: swap;
}
packages/webapp/src/routes/pazismemod/index.tsx
-104
View File
@@ -1,104 +0,0 @@
import { createFileRoute } from "@tanstack/react-router"
import { useEffect, useRef } from "react"
import "./index.css"
import screen1 from "./screen1.png"
import song from "./we_are_charlie_kirk.mp3"
export const Route = createFileRoute("/pazismemod/")({
component: RouteComponent,
})
const SONG_START_TIME = 46
function RouteComponent() {
const audioRef = useRef<HTMLAudioElement>(null)
useEffect(() => {
const audio = audioRef.current
if (!audio) {
return
}
const syncStartTime = () => {
if (Number.isFinite(audio.duration) && audio.duration > SONG_START_TIME) {
audio.currentTime = SONG_START_TIME
}
}
const loopFromOffset = async () => {
syncStartTime()
try {
await audio.play()
}
catch {
// Ignore autoplay failures. Some embedded browsers require user interaction.
}
}
const tryAutoplay = async () => {
syncStartTime()
try {
await audio.play()
}
catch {
// Ignore autoplay failures. Some embedded browsers require user interaction.
}
}
const gameDetails = (
_servername: string,
_serverurl: string,
_mapname: string,
_maxplayers: string,
_steamid: string,
_gamemode: string,
volume: number | string,
) => {
const parsedVolume = Number(volume)
if (Number.isFinite(parsedVolume)) {
audio.volume = Math.min(1, Math.max(0, parsedVolume))
}
}
audio.addEventListener("loadedmetadata", syncStartTime)
audio.addEventListener("ended", loopFromOffset)
void tryAutoplay()
;(window as Window & { GameDetails?: typeof gameDetails }).GameDetails = gameDetails
return () => {
audio.removeEventListener("loadedmetadata", syncStartTime)
audio.removeEventListener("ended", loopFromOffset)
if ((window as Window & { GameDetails?: typeof gameDetails }).GameDetails === gameDetails) {
delete (window as Window & { GameDetails?: typeof gameDetails }).GameDetails
}
}
}, [])
return (
<div className="relative h-screen w-screen overflow-hidden bg-black">
<audio ref={audioRef} src={song} preload="auto" hidden />
<img
src={screen1}
alt="Pazismemod screenshot"
className="h-full w-full object-contain"
/>
<h1
className="absolute bottom-12 left-6 leading-none text-white"
style={{
fontFamily: "\"Coolvetica\", sans-serif",
fontSize: "92px",
}}
>
pazisme mod
</h1>
</div>
)
}
packages/webapp/src/routes/pazismemod/route.tsx
-10
View File
@@ -1,10 +0,0 @@
import { createFileRoute, Outlet } from "@tanstack/react-router"
export const Route = createFileRoute("/pazismemod")({
component: PazismemodLayout,
})
function PazismemodLayout() {
return <Outlet />
}