From 52f5ac69fba68e0137025a6f70b12a2ca3eeef6d Mon Sep 17 00:00:00 2001 From: Guilherme Brandt Date: Mon, 18 Feb 2019 18:54:38 -0300 Subject: [PATCH] =?UTF-8?q?Pages=20tempor=C3=A1rio?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- docs/css/style.css | 97 ++++++++++++++++++++++++++++++++++++++++++++++ docs/index.html | 6 +++ 3 files changed, 104 insertions(+), 1 deletion(-) create mode 100644 docs/css/style.css create mode 100644 docs/index.html diff --git a/README.md b/README.md index d9f5eba..8a8af87 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,7 @@ Monitorador de uso de memória e tudo mais. ### Jeito recomendado -Faça download da [última release](releases) e instale usando o +Faça download da última release e instale usando o `god-setup.exe`. ### Jeito "hipster" diff --git a/docs/css/style.css b/docs/css/style.css new file mode 100644 index 0000000..712baca --- /dev/null +++ b/docs/css/style.css @@ -0,0 +1,97 @@ +* { + padding: 0; + margin: 0; +} + +body { + display: flex; + min-height: 100vh; + overflow-y: auto; + flex-direction: column; + background-color: black; + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, + sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + background: linear-gradient(30deg, red, cyan); +} + +.banner { + position: relative; + display: flex; + flex-direction: column; + align-items: center; + padding: 4rem 0 2rem 0; + color: white; + text-shadow: 0px 1px 2px #000000; +} + +body::before { + position: fixed; + top: 0; + left: 0; + content: ""; + width: 100vw; + height: 100vh; + background-color: rgba(0, 0, 0, 0.5); + background-attachment: fixed; +} + +body * { + z-index: 1; +} + +.main-content { + display: flex; + background-color: white; + flex-direction: column; + flex: 1; + align-items: center; + justify-content: flex-start; +} + +.main-content .box:first-of-type { + margin-top: 0; +} + +.main-content .box { + display: flex; + flex-direction: column; + border-radius: 0.125rem; + background-color: white; + margin: 2rem; + padding: 1.5rem; + /* + box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); + transition: ease-in-out 0.3s; + */ +} + +@media only screen and (min-width: 1280px) { + .main-content .box { + width: 1024px; + } +} + +@media only screen and (max-width: 1280px) { + .main-content .box { + width: 100%; + } +} + +/* +.main-content .box:hover { + transition: ease-in-out 0.3s; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); + transform: translateY(-2px); +} +*/ + +.container { + padding: 0 1rem; +} + +.main-content h2 { + width: 100%; + padding-bottom: 0.5rem; + margin-bottom: 1rem; + border-bottom: 1px solid #ddd; +} diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 0000000..44935f9 --- /dev/null +++ b/docs/index.html @@ -0,0 +1,6 @@ + + + + + +