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;
 }