Update

deploy.yaml

@@ -0,0 +1,85 @@
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: home-app
+  namespace: dn42
+  labels:
+    app: home-app
+    dn42: "yes"
+spec:
+  replicas: 5
+  selector:
+    matchLabels:
+      app: home-app
+  template:
+    metadata:
+      labels:
+        app: home-app
+
+    spec:
+      # affinity:
+      #   nodeAffinity:
+      #     requiredDuringSchedulingIgnoredDuringExecution:
+      #       nodeSelectorTerms:
+      #         - matchExpressions:
+      #             - key: edge/region
+      #               operator: In
+      #               values:
+      #                 - eu
+      containers:
+        - name: "home-app"
+          image: "registry.186526.xyz/home-app"
+          resources:
+            limits:
+              memory: 64Mi
+              cpu: 250m
+          ports:
+            - name: web
+              containerPort: 80
+              protocol: TCP
+          env:
+            - name: REGION
+              valueFrom:
+                fieldRef:
+                  fieldPath: spec.nodeName
+---
+apiVersion: v1
+kind: Service
+metadata:
+  name: "home-app"
+  namespace: dn42
+spec:
+  type: ClusterIP
+  ports:
+    - port: 80
+      name: web
+  selector:
+    app: "home-app"
+---
+apiVersion: networking.k8s.io/v1
+kind: Ingress
+metadata:
+  name: "home-app-ingress"
+  namespace: dn42
+  annotations:
+    traefik.ingress.kubernetes.io/router.entrypoints: web,websecure
+    traefik.ingress.kubernetes.io/router.middlewares: edge-network-middleware@file,compress@file
+    kubernetes.io/ingress.class: traefik
+    cert-manager.io/cluster-issuer: dn42-acme
+
+spec:
+  tls:
+    - secretName: home-app-cert
+      hosts:
+        - home-app.186526.dn42
+  rules:
+    - host: home-app.186526.dn42
+      http:
+        paths:
+          - path: /
+            pathType: Prefix
+            backend:
+              service:
+                name: "home-app"
+                port:
+                  number: 80

src/styles/base.css

@@ -109,8 +109,8 @@ background {
   right: 0px;
   float: right;
   position: absolute;
-  min-width: 100%;
-  min-height: 75vh;
+  width: 100%;
+  height: 75vh;
   background-size: cover;
   background-image: url(background.webp),
     url(background.png);

src/styles/contents.css

@@ -1,7 +1,7 @@
 contents {
 	display: flex;
 	position: relative;
-	top: 32.5vh;
+	top: calc(37.5vh - 0.5rem);
 
 	right: 0vh;
 	left: 0vh;
@@ -70,11 +70,11 @@ group#footer > * {
 
 @media screen and (max-width: 1024px) {
 	contents {
-		top: 27.5vh;
+		top: calc(32.5vh - 0.5rem);
 	}
 }
 
-@media screen and (max-width: 480px) {
+@media screen and (max-width: 530px) {
 	contents {
 		top: 20vh;
 	}

src/styles/header.css

@@ -62,12 +62,19 @@ header > img {
 
 @media screen and (max-width: 1024px) {
 	header {
+		height: 15vh;
 		width: -moz-available;
 		width: -webkit-fill-available;
 		width: fill-available;
 	}
 }
-@media screen and (max-width: 480px) {
+
+@media screen and (max-width: 768px) {
+	header {
+		height: auto;
+	}
+}
+@media screen and (max-width: 530px) {
 	header {
 		min-height: 30vh;
 	}