From 3eed8f82f7986ea1c851b8af3e0c3ef44da4839b Mon Sep 17 00:00:00 2001 From: Gabriel Cavalcante Date: Sun, 19 May 2024 10:46:54 -0300 Subject: [PATCH] =?UTF-8?q?fix:=20corrigido=20erro=20de=20redirecionamento?= =?UTF-8?q?=20de=20p=C3=A1ginas?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- dist/css/style.css | 4 + dist/css/style.css.map | 2 +- dist/css/style.min.css | 2 +- dist/js/main.js | 7 +- dist/js/main.min.js | 2 +- index.html | 236 +++++++++++++++++++++++++++++++----- src/scss/base/generics.scss | 4 + src/ts/main.ts | 5 + 8 files changed, 224 insertions(+), 38 deletions(-) diff --git a/dist/css/style.css b/dist/css/style.css index a7f32b6..2bd902c 100644 --- a/dist/css/style.css +++ b/dist/css/style.css @@ -41,6 +41,10 @@ html body button:hover { cursor: pointer; } +.hidden { + display: none !important; +} + .p-relative { position: relative !important; } diff --git a/dist/css/style.css.map b/dist/css/style.css.map index f518c58..1103a5d 100644 --- a/dist/css/style.css.map +++ b/dist/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../src/scss/style.scss","../../src/scss/base/base.scss","../../src/scss/base/variables.scss","../../src/scss/base/generics.scss","../../src/scss/module/app/app-container.scss","../../src/scss/module/app/app-header.scss","../../src/scss/module/app/app-formContainer.scss","../../src/scss/module/app/app-title.scss","../../src/scss/module/app/app-requiredQuestion.scss","../../src/scss/module/app/app-decoration.scss","../../src/scss/module/app/app-requiredSymbol.scss","../../src/scss/module/app/app-input.scss","../../src/scss/module/app/app-radioWrapper.scss","../../src/scss/module/app/app-radio.scss","../../src/scss/module/app/app-textarea.scss","../../src/scss/module/app/app-button.scss"],"names":[],"mappings":"AAAQ;ACER;EACE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE,kBCVO;EDWP,OCTS;EDUT,aCdU;EDeV;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EAIE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;;AE7CR;EACE;;;ACDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACNF;EACE;EACA;EACA,eHCc;;;AIJhB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YJCW;;;AKXb;EACE;;;ACCF;EACE,ONEmB;;;AOHrB;EACE;EACA,kBPDW;EOEX;EACA;EACA;EACA;EACA;;;ACPF;EACE,OREmB;;;ASHrB;EACE;EACA;EACA;EACA;EACA,aTPY;ESQZ,OTJW;ESKX;;AAEA;EACE;EACA,qBTVS;;;AUHb;EACE;EACA;EACA;;;ACDF;EACE;EACA;;;ACFF;EACE;EACA;EACA;EACA;EACA,OZHW;EYIX;EACA;;AAEA;EACE;EACA,cZVS;;;AaDb;EACE;EACA;EACA,ObJkB;EaKlB;EACA;EACA;;AAEA;EACE","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../src/scss/style.scss","../../src/scss/base/base.scss","../../src/scss/base/variables.scss","../../src/scss/base/generics.scss","../../src/scss/module/app/app-container.scss","../../src/scss/module/app/app-header.scss","../../src/scss/module/app/app-formContainer.scss","../../src/scss/module/app/app-title.scss","../../src/scss/module/app/app-requiredQuestion.scss","../../src/scss/module/app/app-decoration.scss","../../src/scss/module/app/app-requiredSymbol.scss","../../src/scss/module/app/app-input.scss","../../src/scss/module/app/app-radioWrapper.scss","../../src/scss/module/app/app-radio.scss","../../src/scss/module/app/app-textarea.scss","../../src/scss/module/app/app-button.scss"],"names":[],"mappings":"AAAQ;ACER;EACE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE,kBCVO;EDWP,OCTS;EDUT,aCdU;EDeV;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EAIE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;;AE7CR;EACE;;;AAGF;EACE;;;ACLF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACNF;EACE;EACA;EACA,eHCc;;;AIJhB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YJCW;;;AKXb;EACE;;;ACCF;EACE,ONEmB;;;AOHrB;EACE;EACA,kBPDW;EOEX;EACA;EACA;EACA;EACA;;;ACPF;EACE,OREmB;;;ASHrB;EACE;EACA;EACA;EACA;EACA,aTPY;ESQZ,OTJW;ESKX;;AAEA;EACE;EACA,qBTVS;;;AUHb;EACE;EACA;EACA;;;ACDF;EACE;EACA;;;ACFF;EACE;EACA;EACA;EACA;EACA,OZHW;EYIX;EACA;;AAEA;EACE;EACA,cZVS;;;AaDb;EACE;EACA;EACA,ObJkB;EaKlB;EACA;EACA;;AAEA;EACE","file":"style.css"} \ No newline at end of file diff --git a/dist/css/style.min.css b/dist/css/style.min.css index 7ea0719..550dad0 100644 --- a/dist/css/style.min.css +++ b/dist/css/style.min.css @@ -1 +1 @@ -@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}html body{background-color:#d2c7da;color:#202124;font-family:"Roboto",sans-serif;font-size:1rem;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0}html body h1,html body a,html body p,html body span{font:inherit}html body h1{line-height:1.25}html body p{line-height:1.5;text-align:justify}html body a{text-decoration:none}html body button{border:0}html body button:hover{cursor:pointer}.p-relative{position:relative !important}.app__container{width:clamp(320px,100%,640px);padding:1em;margin-inline:auto;gap:1em;min-height:100svh;display:flex;flex-direction:column;align-items:center}.app__header{align-self:stretch;aspect-ratio:4/1;border-radius:8px}.app__form-container{align-self:stretch;background-color:white;padding:1em;border-radius:8px;display:flex;flex-direction:column;gap:1em;box-shadow:2px 5px 10px rgba(0,0,0,0.5)}.app__title{font-size:2rem}.app__required-question{color:#d93025}.app__decoration{position:absolute;background-color:#684382;border-radius:8px 8px 0 0;width:100%;top:0;left:0;height:.6em}.app__required-symbol{color:#d93025}.app__input{border:0;border-bottom:1px solid rgba(0,0,0,0.2);padding-bottom:.3em;outline:0;font-family:"Roboto",sans-serif;color:#202124;width:100%}.app__input:focus{border-bottom-width:2px;border-bottom-color:#684382}.app__radio-wrapper{display:flex;align-items:center;gap:.5em}.app__radio{width:20px;aspect-ratio:1/1}.app__textarea{border-radius:5px;padding:.5em;outline:0;height:100px;color:#202124;border:1px solid rgba(0,0,0,0.2);resize:none}.app__textarea:focus{border-width:2px;border-color:#684382}.app__button{background-color:#684382;align-self:flex-start;color:#fff;border-radius:5px;padding:.6em 1em;transition:opacity .3s ease-in}.app__button:hover{opacity:.8} +@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}html body{background-color:#d2c7da;color:#202124;font-family:"Roboto",sans-serif;font-size:1rem;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0}html body h1,html body a,html body p,html body span{font:inherit}html body h1{line-height:1.25}html body p{line-height:1.5;text-align:justify}html body a{text-decoration:none}html body button{border:0}html body button:hover{cursor:pointer}.hidden{display:none !important}.p-relative{position:relative !important}.app__container{width:clamp(320px,100%,640px);padding:1em;margin-inline:auto;gap:1em;min-height:100svh;display:flex;flex-direction:column;align-items:center}.app__header{align-self:stretch;aspect-ratio:4/1;border-radius:8px}.app__form-container{align-self:stretch;background-color:white;padding:1em;border-radius:8px;display:flex;flex-direction:column;gap:1em;box-shadow:2px 5px 10px rgba(0,0,0,0.5)}.app__title{font-size:2rem}.app__required-question{color:#d93025}.app__decoration{position:absolute;background-color:#684382;border-radius:8px 8px 0 0;width:100%;top:0;left:0;height:.6em}.app__required-symbol{color:#d93025}.app__input{border:0;border-bottom:1px solid rgba(0,0,0,0.2);padding-bottom:.3em;outline:0;font-family:"Roboto",sans-serif;color:#202124;width:100%}.app__input:focus{border-bottom-width:2px;border-bottom-color:#684382}.app__radio-wrapper{display:flex;align-items:center;gap:.5em}.app__radio{width:20px;aspect-ratio:1/1}.app__textarea{border-radius:5px;padding:.5em;outline:0;height:100px;color:#202124;border:1px solid rgba(0,0,0,0.2);resize:none}.app__textarea:focus{border-width:2px;border-color:#684382}.app__button{background-color:#684382;align-self:flex-start;color:#fff;border-radius:5px;padding:.6em 1em;transition:opacity .3s ease-in}.app__button:hover{opacity:.8} diff --git a/dist/js/main.js b/dist/js/main.js index 69c19cb..e057a41 100644 --- a/dist/js/main.js +++ b/dist/js/main.js @@ -1,7 +1,7 @@ "use strict"; var inputs = document.querySelectorAll("input"); var textareas = document.querySelectorAll("textarea"); -var button = document.querySelector("button"); +var form = document.querySelector("form"); document.addEventListener("DOMContentLoaded", function () { inputs.forEach(function (input) { input.value = ""; @@ -11,7 +11,6 @@ document.addEventListener("DOMContentLoaded", function () { textarea.value = ""; }); }); -button.addEventListener("click", function () { - var el = document.querySelector("main"); - el.innerHTML = "\n
\n \n
\n

Formul\u00E1rio de Cadastro de Magos

\n

\n Obrigado por compartilhar seus segredos m\u00E1gicos conosco! Que as\n energias arcanas continuem fluindo em seu caminho!\n

\n
\n
\n
"; +form.addEventListener("submit", function () { + window.open("../submit.html"); }); diff --git a/dist/js/main.min.js b/dist/js/main.min.js index 38c3f5b..9eec82b 100644 --- a/dist/js/main.min.js +++ b/dist/js/main.min.js @@ -1 +1 @@ -"use strict";var inputs=document.querySelectorAll("input");var textareas=document.querySelectorAll("textarea");var button=document.querySelector("button");document.addEventListener("DOMContentLoaded",function(){inputs.forEach(function(input){input.value="";input.checked=false});textareas.forEach(function(textarea){textarea.value=""})});button.addEventListener("click",function(){var el=document.querySelector("main");el.innerHTML='\n
\n \n
\n

Formulário de Cadastro de Magos

\n

\n Obrigado por compartilhar seus segredos mágicos conosco! Que as\n energias arcanas continuem fluindo em seu caminho!\n

\n
\n
\n
'}); \ No newline at end of file +"use strict";var inputs=document.querySelectorAll("input");var textareas=document.querySelectorAll("textarea");var form=document.querySelector("form");document.addEventListener("DOMContentLoaded",function(){inputs.forEach(function(input){input.value="";input.checked=false});textareas.forEach(function(textarea){textarea.value=""})});form.addEventListener("submit",function(){window.open("../submit.html")}); \ No newline at end of file diff --git a/index.html b/index.html index dd39040..8ae5f46 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,7 @@
-
+ imagem interiamente de cor roxa, de uma flor roxaFormulário de Cadastro de Magos type="text" class="app__input" placeholder="Sua resposta" - required maxlength="20" + required />
@@ -54,29 +54,59 @@

Formulário de Cadastro de Magos

*

- +
- +
- +
- +
- +
@@ -87,23 +117,53 @@

Formulário de Cadastro de Magos

*

- +
- +
- +
- +
- +
@@ -114,27 +174,57 @@

Formulário de Cadastro de Magos

*

- +
- +
- +
- +
- +
@@ -145,23 +235,53 @@

Formulário de Cadastro de Magos

*

- +
- +
- +
- +
- +
@@ -171,25 +291,55 @@

Formulário de Cadastro de Magos

*

- +
- +
- +
- +
- +
@@ -210,11 +360,23 @@

Formulário de Cadastro de Magos

*

- +
- +
@@ -235,11 +397,23 @@

Formulário de Cadastro de Magos

*

- +
- +
diff --git a/src/scss/base/generics.scss b/src/scss/base/generics.scss index e1d41e0..0ce1deb 100644 --- a/src/scss/base/generics.scss +++ b/src/scss/base/generics.scss @@ -1,3 +1,7 @@ +.hidden { + display: none !important; +} + .p-relative { position: relative !important; } diff --git a/src/ts/main.ts b/src/ts/main.ts index 68c9c74..ae663fa 100644 --- a/src/ts/main.ts +++ b/src/ts/main.ts @@ -1,6 +1,7 @@ const inputs: NodeListOf = document.querySelectorAll("input"); const textareas: NodeListOf = document.querySelectorAll("textarea"); +const form: HTMLElement = document.querySelector("form") as HTMLFormElement; document.addEventListener("DOMContentLoaded", () => { inputs.forEach((input) => { @@ -11,3 +12,7 @@ document.addEventListener("DOMContentLoaded", () => { textarea.value = ""; }); }); + +form.addEventListener("submit", () => { + window.open("../submit.html"); +});