Initial commit

cbf42c34 · Szabó Gergely · cbf42c34 · cbf42c34 · cbf42c34 · cbf42c34
Commit cbf42c34 authored Jul 20, 2021 by Szabó Gergely
--- a/.gitignore
+++ b/.gitignore
+.idea/
--- a/Dockerfile
+++ b/Dockerfile
+FROM nginx
+EXPOSE 80
+COPY src /usr/share/nginx/html
--- a/Makefile
+++ b/Makefile
+all:
+	echo "usage: make <build|run|publish>"
+
+build:
+	docker build -t g7-countdown .
+
+publish:
+	docker tag g7-countdown registry.k8s.sch.bme.hu/g7-countdown/g7-countdown:latest
+	docker push registry.k8s.sch.bme.hu/g7-countdown/g7-countdown:latest
+
+run:
+	docker run --rm -it g7-countdown
\ No newline at end of file
--- a/src/bg.jpg
+++ b/src/bg.jpg
--- a/src/index.html
+++ b/src/index.html
+<!doctype html>
+<html lang="hu">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
+    <title>BME VIK Gólyahét 2021</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;300;700&display=swap" rel="stylesheet">
+    <style>
+        * { border: 0; padding: 0; margin: 0; box-sizing: border-box; }
+        body { width: 100%; background-color: #000; color: #FFF; font-family: 'Roboto Mono', monospace;
+            text-shadow: 0 4px 3px rgba(0, 0, 0, 0.4), 0 8px 13px rgba(0, 0, 0, 0.1), 0 18px 23px rgba(0, 0, 0, 0.1);
+            -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
+        h1 { font-weight: bold; text-align: center; font-size: 12vmin; margin: 10vh 3vw 0 3vw; }
+        h2 { font-weight: 300; text-align: center; font-size: 4vmin; margin: 10vh 3vw 4vh 3vw; }
+        .background { background-image: url("bg.jpg"); filter: blur(10px); -webkit-filter: blur(10px); height: 100vh;
+            width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: fixed; }
+        .content { position: fixed; top: 0; left: 0; height: 100vh; width: 100%; z-index: 2; }
+        .latch { display: flex;justify-content: space-between;padding: 0 10vw; }
+        .digit { text-align: center; }
+        .digit h3 { font-size: 14vmin; font-weight: 100; }
+        .digit span { font-size: 6vmin; font-weight: bold; }
+    </style>
+    <!--
+      -- Kedves leendő kolléga/kollegina!
+      --
+      -- Köszönjük érdeklődését!
+      -- A Gólyahéttel kapcsolatban NEM tervezünk semmilyen rejtett információt közölni.
+      -- Minden elérhető lesz a publikus oldalon, amint eljön az idő!
+      --
+      -- Üdvözlettel,
+      --     a rendezők
+      -->
+</head>
+<body>
+    <div class="background"></div>
+
+    <div class="content">
+        <h1>BME VIK GÓLYAHÉT 2021</h1>
+        <h2>a programok kezdetéig még hátra van</h2>
+
+        <div class="latch">
+            <div class="digit">
+                <h3 id="days">00</h3>
+                <span>nap</span>
+            </div>
+            <div class="digit">
+                <h3 id="hours">00</h3>
+                <span>óra</span>
+            </div>
+            <div class="digit">
+                <h3 id="mins">00</h3>
+                <span>perc</span>
+            </div>
+            <div class="digit">
+                <h3 id="secs">00</h3>
+                <span>mp</span>
+            </div>
+        </div>
+    </div>
+    <script>
+        const countDownDate = new Date("Aug 30, 2021 09:00:00").getTime();
+
+        function zeroFill(value) {
+            return value < 10 ? ("0" + value) : value;
+        }
+
+        function updateTimer() {
+            const now = new Date().getTime();
+            const distance = countDownDate - now;
+
+            document.getElementById("days").innerText = zeroFill(Math.floor(distance / (1000 * 60 * 60 * 24)));
+            document.getElementById("hours").innerText = zeroFill(Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)));
+            document.getElementById("mins").innerText = zeroFill(Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)));
+            document.getElementById("secs").innerText = zeroFill(Math.floor((distance % (1000 * 60)) / 1000));
+        }
+
+        updateTimer();
+        setInterval(updateTimer, 1000);
+    </script>
+</body>
+</html>
\ No newline at end of file