add: basic start

2025-10-12 21:30:25 -07:00
commit 4ab17e5872
8 changed files with 128 additions and 0 deletions
@@ -0,0 +1,3 @@
+[submodule "theme"]
+	path = theme
+	url = https://github.com/gwannon/Cyberpunk-2077-theme-css.git
@@ -0,0 +1,3 @@
+FROM nginx
+
+COPY . /usr/share/nginx/html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="stylesheet" href="theme/cyberpunk-2077.css" />
+    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet"
+        href="https://fonts.googleapis.com/css2?family=Advent+Pro:wght@100;200;300;400;500;600;700&display=swap" />
+</head>
+
+<body>
+    <section class="cyberpunk black both" id="passwordPrompt">
+        <img class="cyberpunk" src="img/qrcode.png" alt="" />
+        <h3>Prove yourself. Hack the ...</h3>
+        <form style="max-width: 500px" id="passwordForm">
+            <input class="cyberpunk" type="password" name="passwordInput" id="passwordInput" />
+            <button type="submit" class="cyberpunk purple">Submit_</button>
+        </form>
+    </section>
+    <section class="cyberpunk black both hidden" id="jobs">
+        <h1 class="cyberpunk">Orange's job board</h1>
+        <p class="cyberpunk">
+            Welcome, Choomba, to Orange's job board!
+            You must be <a href="#">1337</a> to have been invited here.
+            Unless you found this board without being invited?
+            If that's the case, <i>choomba</i>, you deserve to be here even more.
+            Take a look, share with friends, resist the <a href="#">corpos</a>!
+        </p>
+        <h2 class="cyberpunk">Jobs</h2>
+        <ul class="cyberpunk">
+            <li><a href="#" onclick="show('mission1')">$$ Crew needed to recover sensitive payload. 1/4 upfront</a></li>
+        </ul>
+    </section>
+    <section class="cyberpunk black both hidden" id="mission1">
+        <h1 class="cyberpunk">$$ Crew needed to recover sensitive payload. 1/4 upfront</h1>
+        <p class="cyberpunk job-listing">
+            <img class="cyberpunk portrait" src="img/twitchy.png" alt="" />
+            Desperate need for help recovering sensitive assets from dangerous doll.
+            Will pay 10_000$ for safe delivery with no questions asked.
+            Urgent help needed.
+            Find me at the NDA Lounge for more information.
+
+            This doll has some top notch security; a full crew, willing to go that extra mile, need apply.
+        </p>
+    </section>
+
+    <script>
+        const elements = {
+            'jobs': document.getElementById('jobs'),
+            'mission1': document.getElementById('mission1'),
+            'passwordPrompt': document.getElementById('passwordPrompt'),
+        };
+        const passwordForm = document.getElementById("passwordForm");
+        function show(target) {
+            for (let el in elements) {
+                elements[el].classList.add('hidden');
+            }
+            elements[target].classList.remove('hidden');
+        }
+
+        passwordForm.addEventListener("submit", function (e) {
+            e.preventDefault();
+
+            var formData = Object.fromEntries(new FormData(passwordForm));
+            if(formData['passwordInput'] == 'PLANET!!!') {
+                show('jobs');
+            }
+            document.getElementById('passwordInput').setAttribute('value', '');
+        });
+    </script>
+</body>
+
+</html>
@@ -0,0 +1,34 @@
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: orangepunk-deployment
+spec:
+  replicas: 1
+  selector:
+    matchLabels:
+      app: orangepunk
+  template:
+    metadata:
+      labels:
+        app: orangepunk
+        app.kubernetes.io/name: orangepunk
+    spec:
+      containers:
+      - name: orangepunk-container
+        image: us-west4-docker.pkg.dev/nixernetes/images/orangepunk-html:0.0.3
+        ports:
+        - containerPort: 80
+---
+apiVersion: v1
+kind: Service
+metadata:
+  name: orangepunk-service
+spec:
+  selector:
+    app.kubernetes.io/name: orangepunk
+  ports:
+    - protocol: TCP
+      port: 80
+      targetPort: 80
+      nodePort: 30014
+  type: NodePort
@@ -0,0 +1,14 @@
+.hidden {
+    display: none;
+}
+
+.portrait {
+    width: 150x;
+    height: 150px;
+    margin: 20px;
+    float: left;
+}
+
+.job-listing {
+    min-height: 250px;
+}