FLCOMPY · hheenry · Mar 4, 2022
diff --git 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
@@ -0,0 +1,15 @@
+const FlModal = {
+    open(){
+        document
+            .querySelector('.rmodal-orverlay')
+            .classList
+            .add('active')
+
+    },
+    close(){
+        document
+            .querySelector('.rmodal-orverlay')
+            .classList
+            .remove('active')
+    }
+}
diff --git 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
@@ -119,16 +119,16 @@ <h2><b>./</b>Contato</h2>
                 <div class="_formless-grid">
                     <section>
                         <label for="c-name" class="sr-onlys">Nome Completo</label>
-                        <input placeholder="Nome Completo" type="text" name="Nome Completo" id="c-name" minlength="3" maxlength="25">
+                        <input placeholder="Nome Completo" type="text" name="Nome Completo" id="c-name" minlength="3" maxlength="25" required>
                     </section>
                     <section>
                         <div class="__whatsapp">
                             <label for="whatsapp" class="sr-onlys">WhatsApp</label>
-                            <input placeholder="WhatsApp" type="text" name="WhatsApp" id="whatsapp" minlength="11" maxlength="16">
+                            <input placeholder="WhatsApp" type="text" name="WhatsApp" id="whatsapp" minlength="11" maxlength="15" required>
                         </div>
                         <div class="__email">
                             <label for="email" class="sr-onlys">E-mail</label>
-                            <input placeholder="E-mail" type="email" name="E-mail" id="email" onblur="validacaoEmail(f1.email)" minlength="5"  maxlength="60">
+                            <input placeholder="E-mail" type="email" name="E-mail" id="email" onblur="FlcompyMail(f1.email)" minlength="5"  maxlength="60" required>
                         </div>
                     </section>
                     <section>
@@ -151,7 +151,7 @@ <h2><b>./</b>Contato</h2>
                         <p>Site protegido pelo Google reCaptcha <a href="https://policies.google.com/privacy">privacidade</a> e <a href="https://policies.google.com/terms">termo de uso</a>.</p>
                     </section>
                     <section class="section_next">
-                        <button class="g-recaptcha" data-theme='dark' data-sitekey="6Lc5N1AdAAAAAK50eex57SM0ZGsDhPnkZ83iQBRM" data-callback='onSubmit' type="submit">Enviar&nbsp;<i class="icon-chevron-right"></i></button>
+                        <button type="submit">Enviar&nbsp;<i class="icon-chevron-right"></i></button>
                     </section>
                 </div>
                 <div class="_hidden">
@@ -165,7 +165,7 @@ <h2><b>./</b>Contato</h2>
             </form>
             <h2><b>./</b>Chat</h2>
             <div class="_livechat">
-                <a href="http://chat.flcompy.com" target="iframe" onclick="window.open(this.href, this.target, 'width=320,height=450'); return false;">Live Chat <i class="icon-play"></i></a>
+                <a href="http://chat.flcompy.com" target="iframe" onclick="window.open(this.href, this.target, 'width=320,height=450'); false;">Live Chat <i class="icon-play"></i></a>
                 <button onclick="wlocate('http://click.forml.link/whatsapp');">WhatsApp<i class="icon-play"></i></button>
             </div>
         </section>
@@ -239,5 +239,6 @@ <h6><b>./</b>Contato</h6>
     }
 </script>
 <script src="/public/script/main.js"></script>
+<script src="/public/script/form.js"></script>
 </body>
 </html>
diff --git a/fiscal.html b/fiscal.html
diff --git a/ok.html b/ok.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+    <!-- Start Google -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-YMZ4KY3NQK"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', 'G-YMZ4KY3NQK');
+    </script>
+    <!-- End Google -->
+
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Overpass:wght@500;600;700;800;900&display=swap');
+    </style>
+
+    <link rel="shortcut icon" href="/asset/config/flaticon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="/asset/config/flaticon.png">
+    <link rel="apple-touch-icon" href="/asset/config/apple.png">
+    <!-- CSS link -->
+    <link rel="stylesheet" href="/asset/config/styles.css">
+    <link rel="stylesheet" href="/public/styles/2vhp460.css">
+    <!-- CSS / Assets -->
+    <link rel="stylesheet" href="/asset/icomoon.io/style.css">
+
+    <meta charset="UTF-8">
+    <meta name="language" content="pt-BR">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body class="_flcompy">
+    <header class="flcompy-header" id="header">
+        <section class="_fl-header">
+            <h1>pages<b>.</b>flcompy<b>.</b>com</h1>
+        </section>
+        <div class="_divisor" id="_dline-header"></div>
+    </header>
+    <main class="flcompy-main" id="main">
+        <section class="_fl-main">
+            <div class="_contents">
+                <h2><b>./</b>100%</h2>
+                <p>Formulatio enviado com sucesso agora so esperar 72 horas para a equipe retorna o contato.</p>
+                <div class="_btn">
+                    <a href="/">Home</a>
+                </div>
+            </div>
+        </section>
+    </main>
+    <footer class="flcompy-footer" id="footer">
+        <div class="_divisor" id="_dline-footer"></div>
+        <section class="_fl-footer">
+            <p>©&nbsp;<span id="copyright"></span>&nbsp;Formless./Company</p>
+            <nav>
+                <a href="/termos/company/privacidade?track_id=peo.gamscfclpy.mo&path=foteor">Privacidade</a>
+                <a href="/termos/company/termo-de-uso?track_id=peo.gamscfclpy.mo&path=foteor">Termo de Uso</a>
+                <a href="/comercial?track_id=peo.gamscfclpy.mo&path=foteor">Marcas Comerciais</a>
+            </nav>
+        </section>
+    </footer>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="/public/script/main.js"></script>
+</body>
+</html>
diff --git a/public/script/form.js 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 =
+      "<font color='red'>E-mail inválido </font>";
+    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;
+}