From fb53b53ba8707496eb0a905e166b63d0d8560f3b Mon Sep 17 00:00:00 2001 From: Matteo <matteo.difazio@garr.it> Date: Tue, 10 Nov 2020 16:59:51 +0100 Subject: [PATCH] Init --- README.md | 6 +++ categories/index.xml | 10 +++++ css/index.css | 86 +++++++++++++++++++++++++++++++++++++++++++ css/navbar.css | 53 ++++++++++++++++++++++++++ img/wave.png | Bin 0 -> 4789 bytes index.html | 67 +++++++++++++++++++++++++++++++++ index.xml | 10 +++++ sitemap.xml | 17 +++++++++ tags/index.xml | 10 +++++ 9 files changed, 259 insertions(+) create mode 100644 categories/index.xml create mode 100644 css/index.css create mode 100644 css/navbar.css create mode 100644 img/wave.png create mode 100644 index.html create mode 100644 index.xml create mode 100644 sitemap.xml create mode 100644 tags/index.xml diff --git a/README.md b/README.md index 6296445..514357a 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 0000000..0e9724f --- /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 0000000..546a8d6 --- /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 0000000..3ef1424 --- /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 GIT binary patch literal 4789 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 F{{|Tf)C~Xt literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 0000000..5fe8f4b --- /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 0000000..2a3af3e --- /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 0000000..f296dd5 --- /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 0000000..6500fec --- /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> -- GitLab