From 4ee5a7ae2f9165054c5d3169d394a513bc1c8a35 Mon Sep 17 00:00:00 2001 From: zk_exe Date: Sun, 27 Jul 2025 16:23:09 -0300 Subject: [PATCH] Inicio do Projeto. --- css/LoginStyle.css | 0 css/base.css | 55 ++++++++++++++++++ css/style.css | 47 +++++++++++++++ index.html | 43 ++++++++++++++ login.html | 33 +++++++++++ ...eColor-IN_QUIET_TRANSFORMATION_Norway.jpeg | Bin 0 -> 71686 bytes refs/layout 1-1.png | Bin 0 -> 159465 bytes refs/layout1.png | Bin 0 -> 258840 bytes 8 files changed, 178 insertions(+) create mode 100644 css/LoginStyle.css create mode 100644 css/base.css create mode 100644 css/style.css create mode 100644 index.html create mode 100644 login.html create mode 100644 refs/AdobeColor-IN_QUIET_TRANSFORMATION_Norway.jpeg create mode 100644 refs/layout 1-1.png create mode 100644 refs/layout1.png diff --git a/css/LoginStyle.css b/css/LoginStyle.css new file mode 100644 index 0000000..e69de29 diff --git a/css/base.css b/css/base.css new file mode 100644 index 0000000..50203c8 --- /dev/null +++ b/css/base.css @@ -0,0 +1,55 @@ +@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"); +/* icones */ + +@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); +/* font-family: "Roboto Mono", monospace; */ + +@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap"); +/* font-family: "Public Sans", sans-serif; */ + +:root { + --font: #c4e5f2; + --bg-dark: #010d26; + --bg-light: #9cc1d9; + --btn: #0000cc; + --btn-dark: #000080; +} + +::-webkit-scrollbar { + display: none; +} + +* { + margin: 0; + padding: 0; + font-family: "Roboto Mono", monospace; + color: var(--font); + list-style: none; + text-decoration: none; +} + +body { + overflow-x: hidden; + background: linear-gradient( + 130deg, + var(--bg-dark) 50%, + var(--bg-light) 200% + ); + background-position: center; + background-size: cover; + background-repeat: no-repeat; + min-height: 100vh; +} + +#btn { + cursor: pointer; + background-color: var(--btn); + padding: 1.5dvh; + font-size: 1.2em; + border-radius: 10dvw; + transition: 0.3s; +} + +#btn:hover { + background-color: var(--btn-dark); +} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..e6f6e1b --- /dev/null +++ b/css/style.css @@ -0,0 +1,47 @@ +#menu { + position: relative; + display: flex; + align-items: center; + border-bottom: solid 2px var(--btn); + min-height: 5dvw; + background-color: #0000007a; + label { + padding: 1dvw; + } + ul { + position: absolute; + display: flex; + justify-content: center; + align-items: center; + top: 0; + right: 0; + height: 100%; + li { + margin: 0 1dvw 0 1dvw; + } + } +} + +#search { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 25dvw; + + hgroup { + width: 60%; + h1 { + color: var(--btn); + text-align: center; + font-family: "Public Sans", sans-serif; + font-size: 3em; + font-weight: 900; + } + label { + word-break: break-all; + font-weight: 400; + font-size: 1.5em; + } + } +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..2d7618a --- /dev/null +++ b/index.html @@ -0,0 +1,43 @@ + + + + + + + + ;-; + + + + + + diff --git a/login.html b/login.html new file mode 100644 index 0000000..14f5267 --- /dev/null +++ b/login.html @@ -0,0 +1,33 @@ + + + + + + + + Login + + +
+