diff --git a/asset/config/styles.css b/asset/config/styles.css index c528b0f..a88496a 100644 --- a/asset/config/styles.css +++ b/asset/config/styles.css @@ -51,6 +51,12 @@ i, img, video, i::before, header, footer { background-color: var(--scrollbar); } +* { + scrollbar-width: thin; + scrollbar-color: var(--scrollbar) var(--background-secondary); +} + + * { padding: 0; margin: 0; diff --git a/asset/modal/active.js b/asset/modal/active.js new file mode 100644 index 0000000..fdc463d --- /dev/null +++ b/asset/modal/active.js @@ -0,0 +1,15 @@ +const FlModal = { + open(){ + document + .querySelector('.rmodal-orverlay') + .classList + .add('active') + + }, + close(){ + document + .querySelector('.rmodal-orverlay') + .classList + .remove('active') + } +} \ No newline at end of file diff --git a/asset/modal/report.css b/asset/modal/report.css index fc8e7c7..951d4d6 100644 --- a/asset/modal/report.css +++ b/asset/modal/report.css @@ -67,6 +67,11 @@ overflow: auto; } +.rmodal { + scrollbar-width: thin; + scrollbar-color: var(--scrollbar) transparent; +} + .rmodal::-webkit-scrollbar { width: 16px; background: transparent; @@ -106,11 +111,15 @@ font-size: 1.2rem; color: var(--color-one); + + padding: 5px 6.9px; } .report_modal-header button:hover { transition: 0.5s; color: var(--color-detail); + background-color: var(--background-primary); + border-radius: 5px; } .report_modal-main div { diff --git a/contato.html b/contato.html index 752c6c2..f91fa0a 100644 --- a/contato.html +++ b/contato.html @@ -119,16 +119,16 @@

./Contato

- +
- +
@@ -151,7 +151,7 @@

./Contato

Site protegido pelo Google reCaptcha privacidade e termo de uso.

- +
@@ -165,7 +165,7 @@

./Contato

./Chat

- Live Chat + Live Chat
@@ -239,5 +239,6 @@
./Contato
} + \ No newline at end of file diff --git a/fiscal.html b/fiscal.html index b4c328e..d3cc407 100644 --- a/fiscal.html +++ b/fiscal.html @@ -1,12 +1,259 @@ - + + Reportar | Flcompy./Report + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - Document - - + + +
+
+

./Fiscal

+
    +
  • Para retirar seu recibo nessecitamos de algumas informações para ter a certeza que ouve uma compra no seu CPF ou CNPJ.
    • +
  • O prazo minimo é de 48 horas mais se recebermos muitos pedidos levaremos até 72 horas.
    • +

    Dados solicitadas:

    +
  • Pedimos informações basicas como Nome Completo, CPF ou CNPJ, ID do pedido, Data da compra e informações de contato.
    • +
  • Todas informações enviadas ficam seguras e mandidas até o pedido de exclusão em Flcompy./Support, antes veja nossa Política de Privacidade e Termo de Uso.
    • +
+ +
+
+ + +
+
+
+
+
./Fiscal
+ +
+
+
+
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+
+
+ +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/ok.html b/ok.html new file mode 100644 index 0000000..d5c20ca --- /dev/null +++ b/ok.html @@ -0,0 +1,65 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

./100%

+

Formulatio enviado com sucesso agora so esperar 72 horas para a equipe retorna o contato.

+
+ Home +
+
+
+
+ + + + + \ No newline at end of file diff --git a/public/script/form.js b/public/script/form.js new file mode 100644 index 0000000..0ee6638 --- /dev/null +++ b/public/script/form.js @@ -0,0 +1,100 @@ +// E-mail + +function FlcompyMail(field) { + usuario = field.value.substring(0, field.value.indexOf("@")); + dominio = field.value.substring( + field.value.indexOf("@") + 1, + field.value.length + ); + + if ( + usuario.length >= 1 && + dominio.length >= 3 && + usuario.search("@") == -1 && + dominio.search("@") == -1 && + usuario.search(" ") == -1 && + dominio.search(" ") == -1 && + dominio.search(".") != -1 && + dominio.indexOf(".") >= 1 && + dominio.lastIndexOf(".") < dominio.length - 1 + ) { + document.getElementById("msgemail").innerHTML = "E-mail válido"; + alert("E-mail valido"); + } else { + document.getElementById("msgemail").innerHTML = + "E-mail inválido "; + alert("E-mail invalido"); + } +} + +// Tel + +function mascara(o, f) { + v_obj = o; + v_fun = f; + setTimeout("execmascara()", 1); +} +function execmascara() { + v_obj.value = v_fun(v_obj.value); +} +function mtel(v) { + v = v.replace(/\D/g, ""); + v = v.replace(/^(\d{2})(\d)/g, "($1) $2"); + v = v.replace(/(\d)(\d{4})$/, "$1-$2"); + return v; +} +function id(el) { + return document.getElementById(el); +} +window.onload = function () { + id("whatsapp").onkeyup = function () { + mascara(this, mtel); + }; +}; + +// CPF and CNPJ + +function FlcompyDocs(o, f) { + v_obj = o; + v_fun = f; + setTimeout("execmascara()", 1); +} + +function execmascara() { + v_obj.value = v_fun(v_obj.value); +} + +function cpfCnpj(v) { + //Remove tudo o que não é dígito + v = v.replace(/\D/g, ""); + + if (v.length <= 14) { + //CPF + + //Coloca um ponto entre o terceiro e o quarto dígitos + v = v.replace(/(\d{3})(\d)/, "$1.$2"); + + //Coloca um ponto entre o terceiro e o quarto dígitos + //de novo (para o segundo bloco de números) + v = v.replace(/(\d{3})(\d)/, "$1.$2"); + + //Coloca um hífen entre o terceiro e o quarto dígitos + v = v.replace(/(\d{3})(\d{1,2})$/, "$1-$2"); + } else { + //CNPJ + + //Coloca ponto entre o segundo e o terceiro dígitos + v = v.replace(/^(\d{2})(\d)/, "$1.$2"); + + //Coloca ponto entre o quinto e o sexto dígitos + v = v.replace(/^(\d{2})\.(\d{3})(\d)/, "$1.$2.$3"); + + //Coloca uma barra entre o oitavo e o nono dígitos + v = v.replace(/\.(\d{3})(\d)/, ".$1/$2"); + + //Coloca um hífen depois do bloco de quatro dígitos + v = v.replace(/(\d{4})(\d)/, "$1-$2"); + } + + return v; +} diff --git a/public/styles/2vhp460.css b/public/styles/2vhp460.css new file mode 100644 index 0000000..8866c17 --- /dev/null +++ b/public/styles/2vhp460.css @@ -0,0 +1,248 @@ +:root { + --background-primary: #181720; + --background-secondary: #1f1d2b; + + --color-one: #c3c1d1; + --color-two: #e2e8f0; + --color-three: #808191; + + --hover: #6a5ece; + --line-hover: linear-gradient(90deg, #6c5ecf 2.21%, #1f1d2b 81.11%); + + --color-detail: #6a5ece; + --color-visited: #ce6211; + + --line-one: linear-gradient( + 90deg, + #1c5ca6 32.27%, + #1e5ca7 32.28%, + #6c5ecf 81.91% + ); + --line-two: #808191; + + --font-primary: 800 30px "Overpass", Arial, Helvetica, sans-serif; + --font-secondary: 500 15px "Inter", Arial, Helvetica, sans-serif; + + --scrollbar: #4d4d57; + --scrollbar-background: transparent; +} + +:root { + --font-h1: 800 30px "Overpass", Arial, Helvetica, sans-serif; + --font-h2: 700 2.5rem "Overpass", Arial, Helvetica, sans-serif; + --font-h3: 600 23px "Overpass", Arial, Helvetica, sans-serif; + --font-h4: 500 19px "Overpass", Arial, Helvetica, sans-serif; + --font-h5: 500 15px "Overpass", Arial, Helvetica, sans-serif; + --font-h6: 500 15px "Inter", Arial, Helvetica, sans-serif; + --font-text: 500 15px "Inter", Arial, Helvetica, sans-serif; +} + +/* GLOBAL */ + +._flcompy li, +._flcompy a, +._flcompy p, +._flcompy span, +._flcompy i { + font: var(--font-text); + color: var(--color-three); +} + +._flcompy a:visited { + color: var(--color-visited); +} + +._flcompy a { + position: relative; + text-decoration: none; +} + +._flcompy a::after { + content: ""; + position: absolute; + width: 100%; + -webkit-transform: scaleX(0); + transform: scaleX(0); + height: 2px; + bottom: -3px; + left: 0; + background: var(--line-hover); + -webkit-transform-origin: bottom right; + transform-origin: bottom right; + -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.86, 0, 0.07, 1); + transition: -webkit-transform 0.4s cubic-bezier(0.86, 0, 0.07, 1); + transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1); + transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1), + -webkit-transform 0.4s cubic-bezier(0.86, 0, 0.07, 1); +} + +._flcompy a:hover::after { + -webkit-transform: scaleX(1); + transform: scaleX(1); + -webkit-transform-origin: bottom left; + transform-origin: bottom left; +} + +._flcompy a:hover { + transition: 0.5s; + color: var(--hover); +} + +._flcompy b { + color: var(--color-detail); +} + +/* Header and Footer */ + +.flcompy-header, +.flcompy-footer { + background-color: var(--background-secondary); + user-select: none; +} + +._fl-header, +._fl-footer { + padding: 1rem; + + max-width: 1100px; + margin: auto; +} + +._fl-header { + display: flex; + align-items: center; + justify-content: center; +} + +._fl-header h1 { + font: var(--font-h1); + color: var(--color-one); +} + +._fl-footer { + display: flex; + align-items: center; + justify-content: space-between; +} + +._fl-footer a:nth-child(2) { + margin: 0 15px; +} + +._divisor { + height: 2px; + background: var(--line-one); +} + +#_dline-footer { + transform: rotate(180deg); +} + +@media screen and (max-width: 674px) { + ._fl-footer { + flex-direction: column-reverse; + } + + ._fl-footer nav { + margin-bottom: 16px; + } +} + +@media screen and (max-width: 400px) { + ._fl-header h1 { + font-size: 22px; + } + + ._fl-footer a:nth-child(2) { + margin: 0 8npx; + } + + ._fl-footer p, + ._fl-footer span, + ._fl-footer a { + font-size: 12px; + } +} + +/* == Main == */ + +._fl-main { + padding: 150px; + max-width: 800px; + margin: auto; +} + +._contents { + background-color: var(--background-secondary); + border-radius: 8px; + + padding: 2rem; +} + +._contents h2 { + font: var(--font-h2); +} + +._contents p { + font: var(--font-text); + margin: 15px 0; +} + +._btn { + display: flex; +} + +._contents a { + background: none; + border: 2px solid var(--color-detail); + + font: var(--font-text); + color: var(--color-one); + + padding: 10px 20px; + + cursor: pointer; + + position: relative; +} + +._contents a { + text-decoration: none; + width: fit-content; +} + +._contents a::after { + content: none; +} + +._contents a:hover { + color: var(--color-two) !important; +} + +._contents a:hover:before { + left: 0%; + right: auto; + width: 100%; +} + +._contents a:before { + display: block; + position: absolute; + top: 0px; + right: 0px; + + height: 100%; + width: 0px; + + z-index: -1; + content: ""; + + background: var(--hover); + transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); +} + +@media screen and (max-width: 615px) { + ._fl-main { + padding: 100px 25px; + } +} \ No newline at end of file diff --git a/public/styles/CSDicut.css b/public/styles/CSDicut.css index bff389a..9ceeef5 100644 --- a/public/styles/CSDicut.css +++ b/public/styles/CSDicut.css @@ -77,6 +77,8 @@ font: var(--font-text); color: var(--color-three); text-align: justify; + + line-height: 1.5rem; } ._terms-list a:visited { diff --git a/public/styles/CyIiXAV.css b/public/styles/CyIiXAV.css index a2080c6..a791768 100644 --- a/public/styles/CyIiXAV.css +++ b/public/styles/CyIiXAV.css @@ -158,7 +158,7 @@ button { } .__flm-terms a { - height: -webkit-fill-available; + height: fit-content; width: -webkit-fill-available; min-width: 15rem; @@ -289,7 +289,6 @@ button { .__home-infos a { width: -webkit-fill-available; justify-content: center; - margin: auto; } .__flm-terms ul { @@ -324,6 +323,7 @@ button { .__home-infos nav { flex-direction: column; + align-items: initial; } .__home-infos button { diff --git a/public/styles/jioz2AJ.css b/public/styles/jioz2AJ.css new file mode 100644 index 0000000..697778f --- /dev/null +++ b/public/styles/jioz2AJ.css @@ -0,0 +1,72 @@ +:root { + --background-primary: #181720; + --background-secondary: #1f1d2b; + + --color-one: #c3c1d1; + --color-two: #e2e8f0; + --color-three: #808191; + + --hover: #6a5ece; + --line-hover: linear-gradient(90deg, #6c5ecf 2.21%, #1f1d2b 81.11%); + + --color-detail: #6a5ece; + --color-visited: #ce6211; + + --line-one: linear-gradient( + 90deg, + #1c5ca6 32.27%, + #1e5ca7 32.28%, + #6c5ecf 81.91% + ); + --line-two: #808191; + + --font-primary: 800 30px "Overpass", Arial, Helvetica, sans-serif; + --font-secondary: 500 15px "Inter", Arial, Helvetica, sans-serif; + + --scrollbar: #4d4d57; + --scrollbar-background: transparent; +} + +:root { + --font-h1: 800 30px "Overpass", Arial, Helvetica, sans-serif; + --font-h2: 700 2.5rem "Overpass", Arial, Helvetica, sans-serif; + --font-h3: 600 23px "Overpass", Arial, Helvetica, sans-serif; + --font-h4: 500 19px "Overpass", Arial, Helvetica, sans-serif; + --font-h5: 500 15px "Overpass", Arial, Helvetica, sans-serif; + --font-h6: 500 15px "Inter", Arial, Helvetica, sans-serif; + --font-text: 500 15px "Inter", Arial, Helvetica, sans-serif; +} + +._fl-main { + max-width: 700px; + margin: auto; +} + +._fl-main h2 { + font: var(--font-h2); + color: var(--color-two); +} + +._fl-main ul { + display: grid; + gap: 1rem; + margin: 18px 0; + + list-style: none; +} + +._fl-main li, +._fl-main a { + font: var(--font-text); + color: var(--color-three); + line-height: 24px; + text-align: justify; +} + +._fl-main a::after { + content: none; +} + +._fl-main a:visited { + color: var(--color-visited); +} \ No newline at end of file diff --git a/public/styles/main.css b/public/styles/main.css index 46f49f0..ab57501 100644 --- a/public/styles/main.css +++ b/public/styles/main.css @@ -196,6 +196,7 @@ body { display: grid; height: inherit; place-content: center; + text-align: center !important; } .__m-list a { @@ -207,6 +208,7 @@ body { .open, .close { display: inline; + cursor: pointer; } .close { @@ -262,8 +264,13 @@ body { nav.show div.close { visibility: visible; opacity: 1; - top: 3rem; - right: 3rem; + } + + .closegrid { + position: absolute; + width: 100%; + right: 0; + text-align: center; } /* Sub Menu */ @@ -384,6 +391,12 @@ body { } } +@media screen and (max-width: 544px) { + ._list-footer li { + justify-content: start !important; + } +} + @media screen and (max-width: 425px) { ._list-footer { grid-template-columns: repeat(1, 1fr); diff --git a/report.html b/report.html index 94bce45..88f39dd 100644 --- a/report.html +++ b/report.html @@ -124,7 +124,7 @@

./Report

Dados solicitadas:

  • Algumas informações são solicitadas como E-mail, Nome, Idade, Qual plataforma que está reportando e entre outras, preencha o máximo de campos para agilizar o atendimento.
    • - +