[
  {
    "path": "Alessandra.html",
    "content": "<!doctype html>\n<html>\n   <head>\n      <meta charset='utf-8'>\n      <meta name='viewport' content='width=device-width, initial-scale=1'>\n      <title>Alessandra F. Soares</title>\n      <link href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css' rel='stylesheet'>\n      <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'>\n      <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>\n      <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n      <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n      <link href=\"https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap\" rel=\"stylesheet\">\n\n      <style>::-webkit-scrollbar {\n         width: 8px;\n         }\n         /* Track */\n         ::-webkit-scrollbar-track {\n         background: #f1f1f1; \n         }\n         /* Handle */\n         ::-webkit-scrollbar-thumb {\n         background: #888; \n         }\n         /* Handle on hover */\n         ::-webkit-scrollbar-thumb:hover {\n         background: #555; \n         } * {\n         margin: 0;\n         padding: 0\n         }\n         body {\n         /*background-color: #F08080;*/\n         background-image: url(\"background.jpg\");\n         font-family: 'Montserrat', sans-serif;\n         width: auto;\n         height: auto;\n         background-size: cover;\n         }\n         .card {\n         width: 350px;\n         background-color: #efefef;\n         border: none;\n         cursor: pointer;\n         transition: all 0.5s;\n         }\n         .image img {\n         transition: all 0.5s;\n         border-radius: 50%;\n         transform: scale(1.5)\n         }\n         .card:hover .image img {\n         transform: scale(1.5);\n         border-color: #F08080;\n         background-color: #F08080;\n         }\n         .btn {\n         height: 180px;\n         width: 180px;\n         border-radius: 50%;\n         background-color: #F08080;\n         border-color: #F08080;\n         background-image: url(back.svg);\n         }\n         .name {\n         font-size: 22px;\n         font-weight: bold;\n         color: #000;\n         }\n         .idd {\n         font-size: 14px;\n         font-weight: 700\n         }\n         .idd1 {\n         font-size: 12px\n         }\n         .number {\n         font-size: 22px;\n         font-weight: bold\n         }\n         .follow {\n         font-size: 22px;\n         font-weight: bold;\n         color: #000000\n         }\n         .btn1 {\n         height: 40px;\n         width: 200px;\n         border: none;\n         background-color: rgb(255, 255, 255);\n         color: #000000;\n         font-size: 15px;\n         border-radius: 1px\n         }\n         .text span {\n         font-size: 13px;\n         color: #545454;\n         font-weight: 500\n         }\n         .icons i {\n         font-size: 19px\n         }\n         hr .new1 {\n         border: 1px solid\n         }\n         .join {\n         font-size: 14px;\n         font-weight: bold\n         }\n         .date {\n         background-color: #ccc;\n         text-align: center\n         }\n      </style>\n   </head>\n   <body className='snippet-body'>\n      <div class=\"container mt-4 mb-4 p-3 d-flex justify-content-center\">\n         <div class=\"card p-4\">\n            <div class=\" image d-flex flex-column justify-content-center align-items-center\">\n               <button class=\"btn\"> <img src=\"profile1.jpeg\" height=\"100\" width=\"100\" /></button> <span class=\"name mt-3\">Dra. Alessandra F. Soares</span> \n               <div class=\"d-flex flex-row justify-content-center align-items-center mt-3\"><span class=\"text\">FISIOTERAPEUTA</span> </div><span class=\"idd\">CREFITO 5 - 300.112 F</span> \n               <div class=\"d-flex flex-row justify-content-center align-items-center gap-2\"> </div>\n               <div class=\"text mt-3\"> <span></span></div>\n               <div class=\" d-flex mt-2\"> <button class=\"btn1 btn-dark\" href=\"#\" role=\"button\">Um pouco sobre mim <span><i class=\"fa fa-user-md\"></i></span></button> </div>\n               <div class=\" d-flex mt-2\"> <a href=\"https://wa.me/5551985748882?text=Ol%C3%A1%21\"><button class=\"btn1 btn-dark\">Whatsapp <span><i class=\"fa fa-whatsapp\"></i></span></button></a> </div>\n               <div class=\" d-flex mt-2\"> <a href=\"https://Facebook.com\"><button class=\"btn1 btn-dark\">Facebook <span><i class=\"fa fa-facebook-f\"></i></span></button></a> </div>\n               <div class=\" d-flex mt-2\"> <a href=\"https://www.instagram.com/fisioalesfsoares/\"><button class=\"btn1 btn-dark\">Instagram <span><i class=\"fa fa-instagram\"></i></span></button></a> </div>\n               <div class=\" d-flex mt-2\"> <button class=\"btn1 btn-dark\">Uber <span><i class=\"fa fa-car\"></i></span></button> </div>\n               <div class=\" px-2 rounded mt-4 date \"> <span class=\"join\">Rua Guarda Marinha Greenwald, 3244 <br> Bairro Zona Nova Tramandaí - RS <br> (51) 985748882</span> </div>\n            </div>\n         </div>\n      </div>\n      <script type='text/javascript' src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js'></script>\n      <script type='text/javascript' src='#'></script>\n      <script type='text/javascript' src='#'></script>\n      <script type='text/javascript' src='#'></script>\n      <script type='text/javascript'>#</script>\n      <script type='text/javascript'>var myLink = document.querySelector('a[href=\"#\"]');\n         myLink.addEventListener('click', function(e) {\n           e.preventDefault();\n         });\n      </script>\n   </body>\n</html>\n"
  },
  {
    "path": "Alessandra2.html",
    "content": "<!doctype html>\n<html>\n   <head>\n      <meta charset='utf-8'>\n      <meta name='viewport' content='width=device-width, initial-scale=1'>\n      <title>Alessandra F. Soares</title>\n      <link href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css' rel='stylesheet'>\n      <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'>\n      <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>\n      <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n      <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n      <link href=\"https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap\" rel=\"stylesheet\">\n\n      <style>::-webkit-scrollbar {\n         width: 8px;\n         }\n         /* Track */\n         ::-webkit-scrollbar-track {\n         background: #f1f1f1; \n         }\n         /* Handle */\n         ::-webkit-scrollbar-thumb {\n         background: #888; \n         }\n         /* Handle on hover */\n         ::-webkit-scrollbar-thumb:hover {\n         background: #555; \n         } * {\n         margin: 0;\n         padding: 0\n         }\n         body {\n         /*background-color: #F08080;*/\n         background-image: url(\"background2.jpeg\");\n         font-family: 'Montserrat', sans-serif;\n         width: auto;\n         height: auto;\n         background-size: cover;\n         }\n         .card {\n         width: 350px;\n         background-color: #c9f4ff00;\n         border: none;\n         cursor: pointer;\n         transition: all 0.5s;\n         border-style: solid;\n         border-color: #fff;\n         }\n         .image img {\n         transition: all 0.5s;\n         border-radius: 50%;\n         transform: scale(1.5)\n         }\n         .card:hover .image img {\n         transform: scale(1.5);\n         border-color: #a4f2fe;\n         background-color: #a4f2fe;\n         }\n         .btn {\n         height: 180px;\n         width: 180px;\n         border-radius: 50%;\n         background-color: #a4f2fe;\n         border-color: #a4f2fe;\n         background-image: url(back.svg);\n         }\n         .name {\n         font-size: 22px;\n         font-weight: bold;\n         color: #000;\n         }\n         .idd {\n         font-size: 14px;\n         font-weight: 700\n         }\n         .idd1 {\n         font-size: 12px\n         }\n         .number {\n         font-size: 22px;\n         font-weight: bold\n         }\n         .follow {\n         font-size: 22px;\n         font-weight: bold;\n         color: #000000\n         }\n         .btn1 {\n         height: 40px;\n         width: 200px;\n         border: none;\n         background-color: rgb(255, 255, 255);\n         color: #000000;\n         font-size: 15px;\n         border-radius: 13px\n         }\n         .text span {\n         font-size: 13px;\n         color: #545454;\n         font-weight: 500\n         }\n         .icons i {\n         font-size: 19px\n         }\n         hr .new1 {\n         border: 1px solid\n         }\n         .join {\n         font-size: 14px;\n         font-weight: bold\n         }\n         .date {\n         background-color: #7cb9cb59;\n         text-align: center\n         }\n      </style>\n   </head>\n   <body className='snippet-body'>\n      <div class=\"container mt-4 mb-4 p-3 d-flex justify-content-center\">\n         <div class=\"card p-4\">\n            <div class=\" image d-flex flex-column justify-content-center align-items-center\">\n               <button class=\"btn\"> <img src=\"profile1.jpeg\" height=\"100\" width=\"100\" /></button> <span class=\"name mt-3\">Dra. Alessandra F. Soares</span> \n               <div class=\"d-flex flex-row justify-content-center align-items-center mt-3\"><span class=\"text\">FISIOTERAPEUTA</span> </div><span class=\"idd\">CREFITO 5 - 300.112 F</span> \n               <div class=\"d-flex flex-row justify-content-center align-items-center gap-2\"> </div>\n               <div class=\"text mt-3\"> <span></span></div>\n               <div class=\" d-flex rounded mt-2\"> <a href=\"about-me.html\"><button class=\"btn1 btn-dark\" href=\"#\" role=\"button\">Um pouco sobre mim <span><i class=\"fa fa-user-md\"></i></span></button> </a> </div>\n               <div class=\" d-flex mt-2\"> <a href=\"https://wa.me/5551985748882?text=Ol%C3%A1%21\"><button class=\"btn1 btn-dark\">Whatsapp <span><i class=\"fa fa-whatsapp\"></i></span></button></a> </div>\n               <div class=\" d-flex mt-2\"> <a href=\"https://goo.gl/maps/zsjNDXWjxCHpjDcG6\"><button class=\"btn1 btn-dark\">Como ir <span><i class=\"fa fa-map-marker\"></i></span></button></a> </div>\n               <div class=\" d-flex mt-2\"> <a href=\"https://www.instagram.com/neuroativafisioterapia/\"><button class=\"btn1 btn-dark\">Instagram <span><i class=\"fa fa-instagram\"></i></span></button></a> </div>\n               <div class=\" d-flex mt-2\"> <a href=\"https://m.uber.com/looking?drop%5B0%5D=%7B%22latitude%22%3A-30.0025781%2C%22longitude%22%3A-50.1398871%2C%22addressLine1%22%3A%22R.%20Guarda%20M.nha%20Greenwald%2C%203244%22%2C%22addressLine2%22%3A%22Tramanda%C3%AD%2C%20RS%2C%20Brasil%22%2C%22id%22%3A%22ChIJ60uyVipzGJURKeq1P0qKpI8%22%2C%22provider%22%3A%22google_places%22%7D\"><button class=\"btn1 btn-dark\">Uber <span><i class=\"fa fa-car\"></i></span></button> </a></div>\n               <div class=\" px-2 rounded mt-4 date \"> <span class=\"join\">Rua Guarda Marinha Greenwald, 3244 <br> Bairro Zona Nova Tramandaí - RS <br> (51) 985748882</span> </div>\n            </div>\n         </div>\n      </div>\n      <script type='text/javascript' src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js'></script>\n      <script type='text/javascript' src='#'></script>\n      <script type='text/javascript' src='#'></script>\n      <script type='text/javascript' src='#'></script>\n      <script type='text/javascript'>#</script>\n      <script type='text/javascript'>var myLink = document.querySelector('a[href=\"#\"]');\n         myLink.addEventListener('click', function(e) {\n           e.preventDefault();\n         });\n      </script>\n   </body>\n</html>\n"
  },
  {
    "path": "README.md",
    "content": "# TemplateCartoes\num template simples para cartões de visita virtuais\n"
  },
  {
    "path": "about-me.html",
    "content": "<!doctype html>\n<html>\n   <head>\n      <meta charset='utf-8'>\n      <meta name='viewport' content='width=device-width, initial-scale=1'>\n      <title>Alessandra F. Soares</title>\n      <link href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css' rel='stylesheet'>\n      <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'>\n      <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>\n      <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n      <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n      <link href=\"https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap\" rel=\"stylesheet\">\n\n      <style>::-webkit-scrollbar {\n         width: 8px;\n         }\n         /* Track */\n         ::-webkit-scrollbar-track {\n         background: #f1f1f1; \n         }\n         /* Handle */\n         ::-webkit-scrollbar-thumb {\n         background: #888; \n         }\n         /* Handle on hover */\n         ::-webkit-scrollbar-thumb:hover {\n         background: #555; \n         } * {\n         margin: 0;\n         padding: 0\n         }\n         body {\n         /*background-color: #F08080;*/\n         background-image: url(\"background3.jpeg\");\n         font-family: 'Montserrat', sans-serif;\n         width: auto;\n         height: auto;\n         /*background-size: cover;*/\n         }\n         .card {\n         width: 350px;\n         background-color: #c9f4ff00;\n         border: none;\n         cursor: pointer;\n         transition: all 0.5s;\n         }\n         .image img {\n         transition: all 0.5s;\n         border-radius: 50%;\n         transform: scale(1.5)\n         }\n         .card:hover .image img {\n         transform: scale(1.5);\n         border-color: #a4f2fe;\n         background-color: #a4f2fe;\n         }\n         .btn {\n         height: 180px;\n         width: 180px;\n         border-radius: 50%;\n         background-color: #ffffff94;\n         border-color: #efeee8;\n         background-image: url(back.svg);\n         }\n         .name {\n         font-size: 22px;\n         font-weight: bold;\n         color: #000;\n         }\n         .idd {\n         font-size: 14px;\n         font-weight: 700\n         }\n         .idd1 {\n         font-size: 12px\n         }\n         .number {\n         font-size: 22px;\n         font-weight: bold\n         }\n         .follow {\n         font-size: 22px;\n         font-weight: bold;\n         color: #000000\n         }\n         .btn1 {\n         height: 40px;\n         width: 200px;\n         border: none;\n         background-color:#ffffff94;\n         color: #000000;\n         font-size: 15px;\n         border-radius: 13px\n         }\n         .text span {\n         font-size: 13px;\n         color: #545454;\n         font-weight: 500\n         }\n         .icons i {\n         font-size: 19px\n         }\n         hr .new1 {\n         border: 1px solid\n         }\n         .join {\n         font-size: 14px;\n         font-weight: bold\n         }\n         .date {\n         background-color: #7cb9cb59;\n         text-align: center\n         }\n\n         .about {\n            font-size: small;\n         }\n      </style>\n   </head>\n   <body className='snippet-body'>\n      <div class=\"container mt-4 mb-4 p-3 d-flex justify-content-center\">\n         <div class=\"card p-4\">\n            <div class=\" image d-flex flex-column justify-content-center align-items-center\">\n               <button class=\"btn\"> <img src=\"profile1.jpeg\" height=\"100\" width=\"100\" /></button> <span class=\"name mt-3\">Dra. Alessandra F. Soares</span> \n               <div class=\"d-flex flex-row justify-content-center align-items-center mt-3\"><span class=\"text\">FISIOTERAPEUTA</span> </div><span class=\"idd\">CREFITO 5 - 300.112 F</span> \n               <div class=\"d-flex flex-row justify-content-center align-items-center gap-2\"> </div>\n               <div class=\"text mt-3\"> <span></span></div>\n               <span class=\"about\" style=\"text-align:left\">\n                  Olá! Sou Alessandra Fernandes Soares fisioterapeuta e sócia-proprietária da clínica NeuroAtiva. A fim de oferecer um atendimento de excelência, possuo:<br>\n                  <br>• Pós graduação em Fisioterapia Cardiorrespiratória e Terapia Intensiva pela UFRGS.<br>\n                  <br>• Certificação pelo método RTA - Reequilíbrio Toracoabdominal.<br>\n                  <br>• Certificação pelo método TR3 - Terapias de Readaptação e Reorganização Respiratórias<br> \n                  <br>• Certificação no tratamento de Disfunções cervico-crânio - mandibulares e cirurgias ortognáticas.<br>\n\n                  <br>Atuo na área da fisioterapia neurofuncional, cardiorrespiratória, \nnas disfunções cervico-mandibulares e no tratamento de feridas e queimaduras.\n \nConte comigo se precisar!</span>\n               </div>\n               <div class=\" image d-flex flex-column justify-content-center align-items-center\">\n               <div class=\" d-flex mt-2\"> <a href=\"index.html\"><button class=\"btn1 btn-dark\">Voltar <span><i class=\"fa fa-undo\"></i></span></button> </a></div>\n               </div>\n            </div>\n         </div>\n      </div>\n      <script type='text/javascript' src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js'></script>\n      <script type='text/javascript' src='#'></script>\n      <script type='text/javascript' src='#'></script>\n      <script type='text/javascript' src='#'></script>\n      <script type='text/javascript'>#</script>\n      <script type='text/javascript'>var myLink = document.querySelector('a[href=\"#\"]');\n         myLink.addEventListener('click', function(e) {\n           e.preventDefault();\n         });\n      </script>\n   </body>\n</html>\n"
  },
  {
    "path": "index.html",
    "content": "<!doctype html>\n<html>\n   <head>\n      <meta charset='utf-8'>\n      <meta name='viewport' content='width=device-width, initial-scale=1'>\n      <title>Rafa do Triângulo</title>\n      <link href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css' rel='stylesheet'>\n      <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css\" integrity=\"sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />\n      <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>\n      <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n      <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n      <link href=\"https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap\" rel=\"stylesheet\">\n\n      <style>\n         \n         ::-webkit-scrollbar {\n         width: 8px;\n         }\n         /* Track */\n         ::-webkit-scrollbar-track {\n         background: #f1f1f1; \n         }\n         /* Handle */\n         ::-webkit-scrollbar-thumb {\n         background: #888; \n         }\n         /* Handle on hover */\n         ::-webkit-scrollbar-thumb:hover {\n         background: #555; \n         } * {\n         margin: 0;\n         padding: 0\n         }\n         body {\n         /*background-color: #F08080;*/\n         background-image: url(\"./assets/background.jpg\");\n         background-position: center;\n         font-family: 'Montserrat', sans-serif;\n         width: auto;\n         height: auto;\n         /*background-size: cover;*/\n         }\n         .card {\n         width: 350px;\n         background-color: #c9f4ff00;\n         border: none;\n         cursor: pointer;\n         transition: all 0.5s;\n         border-style: solid;\n         border-color: #fff;\n         }\n         .image img {\n         transition: all 0.5s;\n         border-radius: 50%;\n         transform: scale(1.5)\n         }\n         .card:hover .image img {\n         transform: scale(1.5);\n         border-color: #a4f2fe;\n         background-color: #a4f2fe;\n         }\n         .btn {\n         height: 180px;\n         width: 180px;\n         border-radius: 50%;\n         background-color: #ffffff;\n         border-color: #ffffff;\n         background-image: url(back.svg);\n         }\n         .name {\n         text-align: center;\n         font-size: 22px;\n         font-weight: bold;\n         color: rgb(255, 255, 255);\n         }\n         .idd {\n         color: #fff;\n         font-size: 14px;\n         font-weight: 700\n         }\n         .idd1 {\n         font-size: 12px\n         }\n         .number {\n         font-size: 22px;\n         font-weight: bold\n         }\n         .follow {\n         font-size: 22px;\n         font-weight: bold;\n         color: #ffffff\n         }\n         .btn1 {\n         height: 40px;\n         width: 300px;\n         border-color: white;\n         background-color: #21252900;\n         color: #ffffff;\n         font-size: 15px;\n         border-radius: 13px\n         }\n         .btn2 {\n         height: 60px;\n         width: 300px;\n         border-color: white;\n         background-color: #21252900;\n         color: #ffffff;\n         font-size: 15px;\n         border-radius: 13px\n         }\n         .subtitle {\n         text-align: center;\n         font-size: 15px;\n         color: rgb(255, 255, 255);\n         }\n         .text span {\n         font-size: 13px;\n         color: #ffffff;\n         font-weight: 500\n         }\n         .icons i {\n         font-size: 19px\n         }\n         hr .new1 {\n         border: 1px solid\n         }\n         .join {\n         font-size: 14px;\n         font-weight: bold\n         }\n         .date {\n         background-color:#ffffff96;\n         text-align: center\n         }\n      </style>\n   </head>\n   <body className='snippet-body'>\n      <div class=\"container mt-4 mb-4 p-3 d-flex justify-content-center\">\n         <div class=\"card p-4\">\n            <div class=\" image d-flex flex-column justify-content-center align-items-center\">\n               <button class=\"btn\"> <img src=\"assets/profile_rafadotriangulo.png\" height=\"100\" width=\"100\" /></button> <span class=\"name mt-3\">Rafael Machado da Rosa Corrêa</span> \n               <div class=\"d-flex flex-row justify-content-center align-items-center mt-3\"><span class=\"subtitle\">Presidente da câmara de vereadores</span> </div><span class=\"idd\">Tramandaí - 2023</span> \n               <div class=\"d-flex flex-row justify-content-center align-items-center gap-2\"> </div>\n               <div class=\"text mt-3\"> <span></span></div>\n               <div class=\" d-flex rounded mt-2\"> <a href=\"not_ready.html\"><button class=\"btn1 btn-dark\" href=\"#\" role=\"button\"><i class=\"fa fa-user-tie\"></i>  Perfil Profissional<span></span></button> </a> </div>\n               <div class=\" d-flex mt-2\"> <a href=\"https://www.camaratramandai.rs.gov.br/camara/membros/show/33\"><button class=\"btn2 btn-dark\"><i class=\"fa-solid fa-gavel\"></i> Projetos de leis e emendas impositivas <span></span></button></a> </div>\n               <div class=\" d-flex mt-2\"> <a href=\"https://www.instagram.com/rafadotriangulo/\"><button class=\"btn1 btn-dark\"><i class=\"fa-brands fa-instagram\"></i> Instagram <span></span></button></a> </div>\n               <div class=\" d-flex mt-2\"> <a href=\"https://www.facebook.com/profile.php?id=100006347046993\"><button class=\"btn1 btn-dark\"><i class=\"fa-brands fa-facebook\"></i> Facebook <span></span></button></a> </div>\n               <div class=\" d-flex mt-2\"> <a href=\"https://api.whatsapp.com/send?phone=5551995662408\"><button class=\"btn1 btn-dark\"><i class=\"fa-brands fa-whatsapp\"></i> Whatsapp<span></span></button></a> </div>\n               <div class=\" d-flex mt-2\"> <a href=\"https://www.youtube.com/@rafadotriangulo5178\"><button class=\"btn1 btn-dark\"><i class=\"fa-brands fa-youtube\"></i> Youtube<span></span></button> </a></div>\n               <div class=\" px-2 rounded mt-4 date \"> <span class=\"join\"></span> </div>\n            </div>\n         </div>\n      </div>\n      <script type='text/javascript' src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js'></script>\n      <script type='text/javascript' src='#'></script>\n      <script type='text/javascript' src='#'></script>\n      <script type='text/javascript' src='#'></script>\n      <script type='text/javascript'>#</script>\n      <script type='text/javascript'>var myLink = document.querySelector('a[href=\"#\"]');\n         myLink.addEventListener('click', function(e) {\n           e.preventDefault();\n         });\n      </script>\n   </body>\n</html>\n"
  },
  {
    "path": "not_ready.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n\n\n    <head>\n        <meta charset=\"UTF-8\" />\n        <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n        <title>Rafa do Triângulo</title>\n        <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css\" integrity=\"sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />\n        <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\n    </head>\n\n\n    <body>\n        <div class=\"d-flex align-items-center justify-content-center vh-100\">\n            <div class=\"text-center\">\n                <h1 class=\"display-1 fw-bold\">Calma aí!</h1>\n                <p class=\"fs-3\">Isso aqui ainda não está <span class=\"text-danger\">pronto.</span></p>\n                <p class=\"lead\">\n                    Logo logo estará! Clique no botão abaixo para voltar a página anterior.\n                  </p>\n                <a href=\"index.html\" class=\"btn btn-primary\"> <i class=\"fa fa-arrow-left\" aria-hidden=\"true\"></i> </a>\n            </div>\n        </div>\n    </body>\n\n\n</html>"
  },
  {
    "path": "script.js",
    "content": "//init\nvar container = document.getElementById('background');\nvar inner = document.getElementById('inner');\n//mouse\nvar mouse = {\n    _x:0,\n    _y:0,\n    x:0,\n    y:0,\n\n    updatePosition: function(event) {\n        var e = event || window.event;\n        this.x = e.clientX - this._x;\n        this.y = (e.clienty - this._y) * -1;\n    },\n\n    setOrigin: function(e) {\n        this._x = e.offsetLeft + Math.floor(e.offsetWidth/2);\n        this._y = e.offsetTop + Math.floor(e.offsetHeight/2);\n\n    },\n    show: function() {\n        return '(' + this.x + ',' + this.y + \n    }\n}\nvar counter = 0;\nvar updateRate = 10;\n\nvar isTimeToUpdate = function() {\n    return counter++ % updateRate === 0;\n};\n\nvar onMouseEventHandler = function(event) {\n    update(event);\n};\n\nvar onMouseLeaveHandler = function() {\ninner.style = '';\n};\n\nvar onMouseMoveHandler = function(event) {\n    if (isTimeToUpdate()) {\n        update(event);\n    }\n};\n\ncontainer.onmouseenter = onMouseEventHandler;\ncontainer.onmouseleave = onMouseLeaveHandler;\ncontainer.onmousemove = onMouseMoveHandler;\n"
  }
]