From f72ec5a83f1f204bb0c8d3688b682935422385e9 Mon Sep 17 00:00:00 2001 From: Delia <delia.passalacqua@garr.it> Date: Tue, 29 Oct 2019 17:33:40 +0100 Subject: [PATCH] Add html to deploy on the docker container Remove folder from tar Fix missing text in html --- hello_world.conf | 13 +++++ hello_world.html | 15 ++++++ hello_world.tar.xz | Bin 0 -> 3012 bytes html/hello_world.html | 28 ++++++++++ html/style.css | 116 ++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 172 insertions(+) create mode 100644 hello_world.conf create mode 100644 hello_world.html create mode 100644 hello_world.tar.xz create mode 100644 html/hello_world.html create mode 100644 html/style.css diff --git a/hello_world.conf b/hello_world.conf new file mode 100644 index 0000000..e40d165 --- /dev/null +++ b/hello_world.conf @@ -0,0 +1,13 @@ +server { + listen 80; + + root /var/www/html; + + server_name _; + + location / { + try_files $uri $uri/ =404; + } + +} + diff --git a/hello_world.html b/hello_world.html new file mode 100644 index 0000000..1e33e43 --- /dev/null +++ b/hello_world.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> +<head> +<title>Docker hello world</title> +<style> + body { + width: 35em; + margin: 0 auto; + font-family: Tahoma, Verdana, Arial, sans-serif; + } +</style> +</head> +<body> +<h1>Hello World</h1> +</body> diff --git a/hello_world.tar.xz b/hello_world.tar.xz new file mode 100644 index 0000000000000000000000000000000000000000..d8e09d38619961d0ede40e633c2ababd8deeb39b GIT binary patch literal 3012 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 G1X)_L*v$6; literal 0 HcmV?d00001 diff --git a/html/hello_world.html b/html/hello_world.html new file mode 100644 index 0000000..64a5e0c --- /dev/null +++ b/html/hello_world.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html lang="en" > +<head> + <meta charset="UTF-8"> + <title>Hello World! Hack the cloud</title> + <link rel="stylesheet" href="./style.css"> + +</head> +<body> +<!-- partial:index.partial.html --> +<h1><span>Hello World!</span><span>Are you ready...</span><span>to hack the cloud?</span><span>Let's start!!!</span><span>HACK THE CLOUD 2019</span> +</h1> +<svg class="bg" viewBox="0 0 512.009 512.009"> + <defs> + <linearGradient id="gradient" x1="0" y1="0" x2="1" y2="1"> + <stop offset="0%" stop-color="#ff2600"></stop> + <stop offset="100%" stop-color="#ffdf1c"></stop> + </linearGradient> + </defs> + <path d="M504.473,401.071c4.713,0,8.533-3.821,8.533-8.533c0-4.713-3.821-8.533-8.533-8.533h-8.533 c0-4.713-3.82-8.533-8.533-8.533s-8.533,3.82-8.533,8.533H342.34c0-4.713-3.821-8.533-8.533-8.533 c-4.713,0-8.533,3.82-8.533,8.533h-8.533c-4.713,0-8.533,3.821-8.533,8.533c0,4.713,3.82,8.533,8.533,8.533h8.533v25.6h-8.533 c-4.713,0-8.533,3.82-8.533,8.533s3.82,8.533,8.533,8.533h8.533v8.533h-8.533c-4.713,0-8.533,3.821-8.533,8.533 s3.82,8.533,8.533,8.533h8.533v25.6H180.206v-70.6c12.623,7.113,26.865,10.856,41.354,10.867 c48.46-0.698,87.215-40.48,86.646-88.942c0.263-33.693-18.552-64.638-48.588-79.908c9.888-13.462,15.186-29.747,15.113-46.45 c0.297-36.863-25.562-68.771-61.688-76.117c9.141-20.158,7.57-43.556-4.185-62.31c-11.754-18.755-32.126-30.37-54.253-30.931 c-0.253,0-0.497,0.036-0.749,0.039c-4.543-29.367-29.99-50.923-59.704-50.577c-29.714,0.346-54.651,22.49-58.509,51.955 C14.035,56.104-0.882,75.998,1.197,97.902c2.079,21.904,20.473,38.635,42.476,38.636h49.741c0.77,2.454,1.683,4.861,2.734,7.208 c-36.124,7.371-61.97,39.291-61.667,76.158c-0.073,16.703,5.225,32.988,15.112,46.45c-30.035,15.271-48.85,46.215-48.587,79.908 c-0.57,48.461,38.186,88.244,86.646,88.942c14.489-0.011,28.731-3.753,41.354-10.867v70.6H9.54c-4.713,0-8.533,3.82-8.533,8.533 s3.82,8.533,8.533,8.533h494.933c4.713,0,8.533-3.82,8.533-8.533s-3.821-8.533-8.533-8.533h-8.533v-25.6h8.533 c4.713,0,8.533-3.82,8.533-8.533s-3.821-8.533-8.533-8.533h-8.533v-8.533h8.533c4.713,0,8.533-3.82,8.533-8.533 s-3.821-8.533-8.533-8.533h-8.533v-25.6H504.473z M90.277,116.521c0,0.991,0.112,1.965,0.156,2.95h-46.76 c-14.138,0-25.6-11.461-25.6-25.6c0-14.139,11.462-25.6,25.6-25.6c2.263,0.001,4.434-0.898,6.035-2.499 c1.6-1.6,2.499-3.771,2.499-6.035c-0.044-22.27,17.079-40.812,39.282-42.538c22.203-1.727,41.986,13.946,45.386,35.955 C109.043,61.655,90.096,87.421,90.277,116.521z M163.14,494.938h-17.067v-83.145c3.058-2.848,5.91-5.91,8.533-9.163 c2.623,3.253,5.475,6.315,8.533,9.162V494.938z M164.176,386.502l56.197-56.198c3.281-3.341,3.256-8.701-0.054-12.012 s-8.671-3.335-12.012-0.054l-45.167,45.166v-86.8l40.166-40.166c3.296-3.338,3.28-8.711-0.038-12.029 c-3.317-3.317-8.69-3.334-12.029-0.038l-28.1,28.1v-39.133c0-4.713-3.821-8.533-8.533-8.533c-4.713,0-8.533,3.821-8.533,8.533 v39.133l-28.1-28.1c-3.338-3.296-8.711-3.279-12.029,0.038s-3.334,8.69-0.038,12.029l40.166,40.167v86.8l-45.167-45.167 c-3.338-3.296-8.711-3.279-12.029,0.038c-3.317,3.317-3.334,8.691-0.038,12.029l56.197,56.197c-12.493,19.629-34.118,31.55-57.385,31.636c-39.038-0.687-70.159-32.835-69.579-71.875 c-0.362-30.873,19.152-58.485,48.375-68.45c2.825-0.931,4.961-3.266,5.637-6.163c0.676-2.897-0.207-5.936-2.328-8.021 c-11.73-11.515-18.298-27.288-18.208-43.725c-0.558-32.561,25.193-59.507,57.746-60.425c3.523,0.311,6.89-1.513,8.554-4.634 c1.455-2.868,1.17-6.311-0.737-8.9c-6.325-8.508-9.749-18.823-9.767-29.425c-0.416-26.542,20.722-48.416,47.262-48.908 c26.541,0.492,47.679,22.366,47.262,48.908c-0.018,10.602-3.442,20.917-9.767,29.425c-1.868,2.611-2.102,6.052-0.604,8.892 c1.508,2.881,4.494,4.683,7.746,4.675c32.789,0.59,58.918,27.601,58.421,60.392c0.09,16.437-6.479,32.21-18.208,43.725 c-2.122,2.085-3.004,5.124-2.328,8.021s2.812,5.232,5.637,6.163c32.774,11.46,52.753,44.622,47.565,78.952 s-34.072,60.109-68.769,61.373C198.293,418.052,176.669,406.131,164.176,386.502z M478.873,494.938H342.34v-25.6h136.533V494.938 z M478.873,452.271H342.34v-8.533h136.533V452.271z M478.873,426.671H342.34v-25.6h136.533V426.671z"></path> + <path d="M367.94,213.338h102.4c22.002-0.001,40.396-16.732,42.476-38.636c2.079-21.904-12.838-41.798-34.447-45.939 c-3.905-29.73-29.244-51.958-59.229-51.958s-55.324,22.228-59.229,51.958c-21.609,4.141-36.526,24.035-34.447,45.939 S345.937,213.337,367.94,213.338z M367.94,145.071c2.263,0.001,4.434-0.898,6.035-2.499c1.6-1.6,2.499-3.771,2.499-6.035 c0-23.564,19.103-42.667,42.667-42.667s42.667,19.102,42.667,42.667c-0.001,2.263,0.898,4.434,2.499,6.035 c1.6,1.6,3.771,2.499,6.035,2.499c14.138,0,25.6,11.462,25.6,25.6s-11.461,25.6-25.6,25.6h-102.4 c-14.138,0-25.6-11.461-25.6-25.6S353.801,145.071,367.94,145.071z"></path> +</svg> +<!-- partial --> + <script src="./script.js"></script> + +</body> +</html> + diff --git a/html/style.css b/html/style.css new file mode 100644 index 0000000..8f3cbad --- /dev/null +++ b/html/style.css @@ -0,0 +1,116 @@ +@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,700,900"); +*, +::before, +::after { + box-sizing: border-box; +} + +body { + position: relative; + margin: 0; + overflow: hidden; + display: flex; + height: 100vh; + justify-content: space-between; + letter-spacing: 2px; + align-items: center; + font-family: 'Montserrat', sans-serif; + #background-color: #270439; + background-image: url("https://www.hackthecloud.it/templates/yootheme/cache/sfondo-hackaton-header-pulito-9be374d6.png"); + #background-size: 100%; + background-size: cover; + background-repeat: no-repeat; + background-position: center center; +} + +h1 { + position: relative; + white-space: nowrap; + text-transform: uppercase; + max-width: 50vw; + text-align: center; + font-size: 2.5vw; + font-weight: 900; + pointer-events: none; + user-select: none; +} +h1 span { + position: absolute; + left: 5vw; + color: transparent; + background-image: linear-gradient(90deg, #ff2600, #ffdf1c); + -webkit-background-clip: text; + background-clip: text; + opacity: 0; + animation: scale 4s cubic-bezier(0.5, -0.75, 0.7, 1.25) forwards; +} +h1 span:nth-child(2) { + animation-delay: 3s; +} +h1 span:nth-child(3) { + animation-delay: 6s; +} +h1 span:nth-child(4) { + animation-delay: 9s; +} +h1 span:nth-child(5) { + animation-delay: 12s; +} +h1 span:last-child { + text-shadow: 20px -25px rgba(0, 0, 0, 0.2); + animation: fade 2s linear 15s forwards; +} + +.bg { + position: absolute; + right: 0; + bottom: 0; + max-width: 47vw; + height: 100vh; + opacity: 0.6; + fill: none; + #fill: url(#gradient); + stroke: url(#gradient); + stroke-width: 3; + stroke-dasharray: 3000; + stroke-dashoffset: 3000; + animation: dash 10s cubic-bezier(0.51, 0.92, 0.24, 1.15) 10s forwards; +} + +@keyframes scale { + 0% { + opacity: 0.2; + transform: scale(10); + filter: blur(10px); + } + 50%, + 85% { + opacity: 0.8; + transform: scale(1); + filter: blur(0); + } + 100% { + opacity: 0; + transform: rotateX(90deg); + filter: blur(10px); + } +} +@keyframes fade { + 0% { + opacity: 0; + } + 100% { + opacity: 0.8; + } +} +@keyframes dash { + 90% { + stroke-dasharray: 0; + stroke-dashoffset: 0; + } + 100% { + stroke-dasharray: 3000; + stroke-dashoffset: 0; + } +} + -- GitLab