First commit

devsuperior · Nov 1, 2023 · f593055 · f593055
commit f593055
Show file tree

Hide file tree

Showing 4 changed files with 125 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Paragon Academy</title>
+
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body>
+    <main>
+      <section class="full-width-container">
+        <div class="container">
+          <img class="mb20" src="logo.svg" alt="Devsuperior" />
+          <h1>Novo endereço</h1>
+          <p class="mb20">Acesse a plataforma de cursos no novo endereço:</p>
+          <div class="main-link mb20">
+            <a href="https://devsuperior.club">devsuperior.club</a>
+          </div>
+          <p>Você será redirecionado em <span id="secs">5</span>...</p>
+        </div>
+      </section>
+    </main>
+    <script src="./script.js"></script>
+  </body>
+</html>
diff --git a/logo.svg b/logo.svg
diff --git a/script.js b/script.js
@@ -0,0 +1,17 @@
+let countSecs = 5;
+const paceSecs = 1;
+
+function pace() {
+  window.setTimeout(function () {
+    countSecs = countSecs - paceSecs;
+    let elem = document.getElementById("secs");
+    elem.innerHTML = countSecs;
+    if (countSecs <= 0) {
+      window.location.href = "https://devsuperior.club";
+    } else {
+      pace();
+    }
+  }, paceSecs * 1000);
+}
+
+pace();
diff --git a/styles.css b/styles.css
@@ -0,0 +1,68 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");
+
+:root {
+  --color-bg-dark: #0d1117;
+  --color-text-light: #fff;
+  --color-main-link: #88f;
+}
+
+* {
+  font-family: "Inter", sans-serif;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+a,
+a:hover {
+  color: unset;
+  text-decoration: none;
+}
+
+html,
+body {
+  background-color: var(--color-bg-dark);
+  color: var(--color-text-light);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Montserrat", sans-serif;
+}
+
+.full-width-container {
+  padding-top: 40px;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.container {
+  width: 100%;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.main-link {
+  color: var(--color-main-link);
+  font-weight: 700;
+  font-size: 20px;
+}
+
+.mb20 {
+  margin-bottom: 20px;
+}
+
+/* RESPONSIVE 
+--------------------------------------------------------------------------- */
+
+@media (min-width: 576px) {
+  .full-width-container {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+}