diff --git a/README.md b/README.md
index 62964451d25f1ff487d00bd583559c595a93c827..514357a9e87006101adb5baafcfb7056f42bec9b 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,8 @@
# ws2020-helm-static-website
+Questo repository pubblico contiene i file statici (html, css, js) che costituiscono il sito web
+mostrato durante l'hands-on Helm effettuato in data 12/11/2020.
+
+Questo semplice sito statico è stato creato con gohugo (https://gohugo.io/) a partire
+dal tema 'Simple Intro' creato e pubblicato dall'utente gangjun06 su github (https://github.com/gangjun06/SimpleIntro).
+
diff --git a/categories/index.xml b/categories/index.xml
new file mode 100644
index 0000000000000000000000000000000000000000..0e9724fb272e10ef6d40502a62b60f8345a8ae88
--- /dev/null
+++ b/categories/index.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>Categories on Webinar Kubernetes User - 2020/11/10-12</title>
+ <link>/categories/</link>
+ <description>Recent content in Categories on Webinar Kubernetes User - 2020/11/10-12</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language><atom:link href="/categories/index.xml" rel="self" type="application/rss+xml" />
+ </channel>
+</rss>
diff --git a/css/index.css b/css/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..546a8d6728997f937f825af9cfc0337c39c626fc
--- /dev/null
+++ b/css/index.css
@@ -0,0 +1,86 @@
+.centerAll {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+
+#mainBG {
+ position: relative;
+ width: 100%;
+ height: 80vh;
+ overflow: hidden;
+ background-size: cover;
+ background-repeat: no-repeat;
+ color: #445092;
+}
+
+#mainBG .wave {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100px;
+ background-size: 1000px 100px;
+}
+
+#mainBG .wave.wave1 {
+ animation: wave-animate 30s linear infinite;
+ z-index: 303;
+ opacity: 1;
+ animation-delay: 0s;
+ bottom: 0;
+}
+#mainBG .wave.wave2 {
+ animation: wave-animate2 15s linear infinite;
+ z-index: 302;
+ opacity: 0.5;
+ animation-delay: -5s;
+ bottom: 10px;
+}
+#mainBG .wave.wave3 {
+ animation: wave-animate 30s linear infinite;
+ z-index: 301;
+ opacity: 0.2;
+ animation-delay: -2s;
+ bottom: 15;
+}
+#mainBG .wave.wave4 {
+ animation: wave-animate2 5s linear infinite;
+ z-index: 300;
+ opacity: 0.7;
+ animation-delay: -5s;
+ bottom: 20px;
+}
+
+@keyframes wave-animate {
+ 0% {
+ background-position-x: 0;
+ }
+ 100% {
+ background-position-x: 1000px;
+ }
+}
+
+@keyframes wave-animate2 {
+ 0% {
+ background-position-x: 0;
+ }
+ 100% {
+ background-position-x: -1000px;
+ }
+}
+
+.title-deco {
+ position: relative;
+}
+
+.title-deco::after {
+ position: absolute;
+ content: "";
+ width: 42px;
+ height: 4px;
+ background: #ee7785;
+ left: 0;
+ bottom: 0px;
+}
diff --git a/css/navbar.css b/css/navbar.css
new file mode 100644
index 0000000000000000000000000000000000000000..3ef1424a82a2a6b0ff40e2687da1fcfc281efa15
--- /dev/null
+++ b/css/navbar.css
@@ -0,0 +1,53 @@
+nav {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ transition: 0.6s;
+ padding: 40px 100px;
+ z-index: 600;
+}
+
+nav.onscroll {
+ padding: 5px 100px;
+ background: rgba(0, 0, 0, 0.5);
+}
+
+nav .logo {
+ position: relative;
+ font-weight: 700;
+ color: #445092;
+ text-decoration: none;
+ font-size: 2em;
+ text-transform: uppercase;
+ letter-spacing: 2px;
+}
+
+nav ul {
+ position: relative;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+nav ul li {
+ position: relative;
+ list-style: none;
+}
+
+nav ul li a {
+ position: relative;
+ margin: 0 15px;
+ text-decoration: none;
+ color: #fff;
+ letter-spacing: 2px;
+ font-weight: 500px;
+ transition: 0.6s;
+}
+nav.onscroll .logo,
+nav.onscroll ul li a {
+ color: #fff;
+}
diff --git a/img/wave.png b/img/wave.png
new file mode 100644
index 0000000000000000000000000000000000000000..438acd6d500a753d76d7f66bd5b6c6b7ba8d2c90
Binary files /dev/null and b/img/wave.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..5fe8f4b933ebe552cdcbcf2370777379094a7bc9
--- /dev/null
+++ b/index.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en-us">
+ <head>
+ <meta name="generator" content="Hugo 0.78.1" />
+ <meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+<link rel="stylesheet" href="/css/index.css" />
+<link rel="stylesheet" href="/css/navbar.css" />
+<link rel="stylesheet" href="/css/navbar.css" />
+<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
+<script src="https://use.fontawesome.com/releases/v5.14.0/js/all.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/konpa/devicon@master/devicon.min.css">
+
+<script type="text/javascript">
+ window.addEventListener('scroll', ()=>{
+ const nav = document.querySelector('nav')
+ nav.classList.toggle('onscroll', window.scrollY > 0)
+ })
+</script>
+ <title>Webinar Kubernetes User - 2020/11/10-12</title>
+ </head>
+ <body>
+ <nav class="pl-4 md:pl-24">
+ <a href="" class="logo">Webinar Kubernetes User - 2020/11/10-12</a>
+ <ul class="hidden md:flex">
+
+ </ul>
+</nav>
+<section class="banner"></section>
+
+ <div>
+ <div
+ id="mainBG"
+ style="background-image: url('https://picsum.photos/1920/1080');"
+ >
+ <div
+ class="wave wave1"
+ style="background-image: url('/img/wave.png');"
+ ></div>
+ <div
+ class="wave wave2"
+ style="background-image: url('/img/wave.png');"
+ ></div>
+ <div
+ class="wave wave3"
+ style="background-image: url('/img/wave.png');"
+ ></div>
+ <div
+ class="wave wave4"
+ style="background-image: url('/img/wave.png');"
+ ></div>
+ <div class="centerAll">
+ <div class="title text-6xl font-bold text-center">
+ Hands-on Helm
+ </div>
+ <div class="text text-xl text-center">Just a simple static website</div>
+ </div>
+ </div>
+
+</div>
+
+
+
+ </body>
+</html>
diff --git a/index.xml b/index.xml
new file mode 100644
index 0000000000000000000000000000000000000000..2a3af3eb684fdefc6ce7bcf7edfe05a1fb14d6a9
--- /dev/null
+++ b/index.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>Webinar Kubernetes User - 2020/11/10-12</title>
+ <link>/</link>
+ <description>Recent content on Webinar Kubernetes User - 2020/11/10-12</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language><atom:link href="/index.xml" rel="self" type="application/rss+xml" />
+ </channel>
+</rss>
diff --git a/sitemap.xml b/sitemap.xml
new file mode 100644
index 0000000000000000000000000000000000000000..f296dd508a6fe033e8cae620c9e71fa816295a35
--- /dev/null
+++ b/sitemap.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+ xmlns:xhtml="http://www.w3.org/1999/xhtml">
+
+ <url>
+ <loc>/categories/</loc>
+ </url>
+
+ <url>
+ <loc>/tags/</loc>
+ </url>
+
+ <url>
+ <loc>/</loc>
+ </url>
+
+</urlset>
diff --git a/tags/index.xml b/tags/index.xml
new file mode 100644
index 0000000000000000000000000000000000000000..6500feccfea7f2d59542cc29072bf55d481caa6c
--- /dev/null
+++ b/tags/index.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+ <channel>
+ <title>Tags on Webinar Kubernetes User - 2020/11/10-12</title>
+ <link>/tags/</link>
+ <description>Recent content in Tags on Webinar Kubernetes User - 2020/11/10-12</description>
+ <generator>Hugo -- gohugo.io</generator>
+ <language>en-us</language><atom:link href="/tags/index.xml" rel="self" type="application/rss+xml" />
+ </channel>
+</rss>