Repository: marciolopesjr/rafadotriangulo
Branch: main
Commit: d76ec2088647
Files: 8
Total size: 14.2 MB
Directory structure:
gitextract_1nynczwd/
├── Alessandra.html
├── Alessandra2.html
├── README.md
├── about-me.html
├── assets/
│ └── background.psd
├── index.html
├── not_ready.html
└── script.js
================================================
FILE CONTENTS
================================================
================================================
FILE: Alessandra.html
================================================
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>Alessandra F. Soares</title>
<link href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css' rel='stylesheet'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
<style>::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
} * {
margin: 0;
padding: 0
}
body {
/*background-color: #F08080;*/
background-image: url("background.jpg");
font-family: 'Montserrat', sans-serif;
width: auto;
height: auto;
background-size: cover;
}
.card {
width: 350px;
background-color: #efefef;
border: none;
cursor: pointer;
transition: all 0.5s;
}
.image img {
transition: all 0.5s;
border-radius: 50%;
transform: scale(1.5)
}
.card:hover .image img {
transform: scale(1.5);
border-color: #F08080;
background-color: #F08080;
}
.btn {
height: 180px;
width: 180px;
border-radius: 50%;
background-color: #F08080;
border-color: #F08080;
background-image: url(back.svg);
}
.name {
font-size: 22px;
font-weight: bold;
color: #000;
}
.idd {
font-size: 14px;
font-weight: 700
}
.idd1 {
font-size: 12px
}
.number {
font-size: 22px;
font-weight: bold
}
.follow {
font-size: 22px;
font-weight: bold;
color: #000000
}
.btn1 {
height: 40px;
width: 200px;
border: none;
background-color: rgb(255, 255, 255);
color: #000000;
font-size: 15px;
border-radius: 1px
}
.text span {
font-size: 13px;
color: #545454;
font-weight: 500
}
.icons i {
font-size: 19px
}
hr .new1 {
border: 1px solid
}
.join {
font-size: 14px;
font-weight: bold
}
.date {
background-color: #ccc;
text-align: center
}
</style>
</head>
<body className='snippet-body'>
<div class="container mt-4 mb-4 p-3 d-flex justify-content-center">
<div class="card p-4">
<div class=" image d-flex flex-column justify-content-center align-items-center">
<button class="btn"> <img src="profile1.jpeg" height="100" width="100" /></button> <span class="name mt-3">Dra. Alessandra F. Soares</span>
<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>
<div class="d-flex flex-row justify-content-center align-items-center gap-2"> </div>
<div class="text mt-3"> <span></span></div>
<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>
<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>
<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>
<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>
<div class=" d-flex mt-2"> <button class="btn1 btn-dark">Uber <span><i class="fa fa-car"></i></span></button> </div>
<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>
</div>
</div>
</div>
<script type='text/javascript' src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js'></script>
<script type='text/javascript' src='#'></script>
<script type='text/javascript' src='#'></script>
<script type='text/javascript' src='#'></script>
<script type='text/javascript'>#</script>
<script type='text/javascript'>var myLink = document.querySelector('a[href="#"]');
myLink.addEventListener('click', function(e) {
e.preventDefault();
});
</script>
</body>
</html>
================================================
FILE: Alessandra2.html
================================================
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>Alessandra F. Soares</title>
<link href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css' rel='stylesheet'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
<style>::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
} * {
margin: 0;
padding: 0
}
body {
/*background-color: #F08080;*/
background-image: url("background2.jpeg");
font-family: 'Montserrat', sans-serif;
width: auto;
height: auto;
background-size: cover;
}
.card {
width: 350px;
background-color: #c9f4ff00;
border: none;
cursor: pointer;
transition: all 0.5s;
border-style: solid;
border-color: #fff;
}
.image img {
transition: all 0.5s;
border-radius: 50%;
transform: scale(1.5)
}
.card:hover .image img {
transform: scale(1.5);
border-color: #a4f2fe;
background-color: #a4f2fe;
}
.btn {
height: 180px;
width: 180px;
border-radius: 50%;
background-color: #a4f2fe;
border-color: #a4f2fe;
background-image: url(back.svg);
}
.name {
font-size: 22px;
font-weight: bold;
color: #000;
}
.idd {
font-size: 14px;
font-weight: 700
}
.idd1 {
font-size: 12px
}
.number {
font-size: 22px;
font-weight: bold
}
.follow {
font-size: 22px;
font-weight: bold;
color: #000000
}
.btn1 {
height: 40px;
width: 200px;
border: none;
background-color: rgb(255, 255, 255);
color: #000000;
font-size: 15px;
border-radius: 13px
}
.text span {
font-size: 13px;
color: #545454;
font-weight: 500
}
.icons i {
font-size: 19px
}
hr .new1 {
border: 1px solid
}
.join {
font-size: 14px;
font-weight: bold
}
.date {
background-color: #7cb9cb59;
text-align: center
}
</style>
</head>
<body className='snippet-body'>
<div class="container mt-4 mb-4 p-3 d-flex justify-content-center">
<div class="card p-4">
<div class=" image d-flex flex-column justify-content-center align-items-center">
<button class="btn"> <img src="profile1.jpeg" height="100" width="100" /></button> <span class="name mt-3">Dra. Alessandra F. Soares</span>
<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>
<div class="d-flex flex-row justify-content-center align-items-center gap-2"> </div>
<div class="text mt-3"> <span></span></div>
<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>
<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>
<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>
<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>
<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>
<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>
</div>
</div>
</div>
<script type='text/javascript' src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js'></script>
<script type='text/javascript' src='#'></script>
<script type='text/javascript' src='#'></script>
<script type='text/javascript' src='#'></script>
<script type='text/javascript'>#</script>
<script type='text/javascript'>var myLink = document.querySelector('a[href="#"]');
myLink.addEventListener('click', function(e) {
e.preventDefault();
});
</script>
</body>
</html>
================================================
FILE: README.md
================================================
# TemplateCartoes
um template simples para cartões de visita virtuais
================================================
FILE: about-me.html
================================================
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>Alessandra F. Soares</title>
<link href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css' rel='stylesheet'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
<style>::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
} * {
margin: 0;
padding: 0
}
body {
/*background-color: #F08080;*/
background-image: url("background3.jpeg");
font-family: 'Montserrat', sans-serif;
width: auto;
height: auto;
/*background-size: cover;*/
}
.card {
width: 350px;
background-color: #c9f4ff00;
border: none;
cursor: pointer;
transition: all 0.5s;
}
.image img {
transition: all 0.5s;
border-radius: 50%;
transform: scale(1.5)
}
.card:hover .image img {
transform: scale(1.5);
border-color: #a4f2fe;
background-color: #a4f2fe;
}
.btn {
height: 180px;
width: 180px;
border-radius: 50%;
background-color: #ffffff94;
border-color: #efeee8;
background-image: url(back.svg);
}
.name {
font-size: 22px;
font-weight: bold;
color: #000;
}
.idd {
font-size: 14px;
font-weight: 700
}
.idd1 {
font-size: 12px
}
.number {
font-size: 22px;
font-weight: bold
}
.follow {
font-size: 22px;
font-weight: bold;
color: #000000
}
.btn1 {
height: 40px;
width: 200px;
border: none;
background-color:#ffffff94;
color: #000000;
font-size: 15px;
border-radius: 13px
}
.text span {
font-size: 13px;
color: #545454;
font-weight: 500
}
.icons i {
font-size: 19px
}
hr .new1 {
border: 1px solid
}
.join {
font-size: 14px;
font-weight: bold
}
.date {
background-color: #7cb9cb59;
text-align: center
}
.about {
font-size: small;
}
</style>
</head>
<body className='snippet-body'>
<div class="container mt-4 mb-4 p-3 d-flex justify-content-center">
<div class="card p-4">
<div class=" image d-flex flex-column justify-content-center align-items-center">
<button class="btn"> <img src="profile1.jpeg" height="100" width="100" /></button> <span class="name mt-3">Dra. Alessandra F. Soares</span>
<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>
<div class="d-flex flex-row justify-content-center align-items-center gap-2"> </div>
<div class="text mt-3"> <span></span></div>
<span class="about" style="text-align:left">
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>
<br>• Pós graduação em Fisioterapia Cardiorrespiratória e Terapia Intensiva pela UFRGS.<br>
<br>• Certificação pelo método RTA - Reequilíbrio Toracoabdominal.<br>
<br>• Certificação pelo método TR3 - Terapias de Readaptação e Reorganização Respiratórias<br>
<br>• Certificação no tratamento de Disfunções cervico-crânio - mandibulares e cirurgias ortognáticas.<br>
<br>Atuo na área da fisioterapia neurofuncional, cardiorrespiratória,
nas disfunções cervico-mandibulares e no tratamento de feridas e queimaduras.
Conte comigo se precisar!</span>
</div>
<div class=" image d-flex flex-column justify-content-center align-items-center">
<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>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js'></script>
<script type='text/javascript' src='#'></script>
<script type='text/javascript' src='#'></script>
<script type='text/javascript' src='#'></script>
<script type='text/javascript'>#</script>
<script type='text/javascript'>var myLink = document.querySelector('a[href="#"]');
myLink.addEventListener('click', function(e) {
e.preventDefault();
});
</script>
</body>
</html>
================================================
FILE: assets/background.psd
================================================
[File too large to display: 14.1 MB]
================================================
FILE: index.html
================================================
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>Rafa do Triângulo</title>
<link href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css' rel='stylesheet'>
<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" />
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
<style>
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
} * {
margin: 0;
padding: 0
}
body {
/*background-color: #F08080;*/
background-image: url("./assets/background.jpg");
background-position: center;
font-family: 'Montserrat', sans-serif;
width: auto;
height: auto;
/*background-size: cover;*/
}
.card {
width: 350px;
background-color: #c9f4ff00;
border: none;
cursor: pointer;
transition: all 0.5s;
border-style: solid;
border-color: #fff;
}
.image img {
transition: all 0.5s;
border-radius: 50%;
transform: scale(1.5)
}
.card:hover .image img {
transform: scale(1.5);
border-color: #a4f2fe;
background-color: #a4f2fe;
}
.btn {
height: 180px;
width: 180px;
border-radius: 50%;
background-color: #ffffff;
border-color: #ffffff;
background-image: url(back.svg);
}
.name {
text-align: center;
font-size: 22px;
font-weight: bold;
color: rgb(255, 255, 255);
}
.idd {
color: #fff;
font-size: 14px;
font-weight: 700
}
.idd1 {
font-size: 12px
}
.number {
font-size: 22px;
font-weight: bold
}
.follow {
font-size: 22px;
font-weight: bold;
color: #ffffff
}
.btn1 {
height: 40px;
width: 300px;
border-color: white;
background-color: #21252900;
color: #ffffff;
font-size: 15px;
border-radius: 13px
}
.btn2 {
height: 60px;
width: 300px;
border-color: white;
background-color: #21252900;
color: #ffffff;
font-size: 15px;
border-radius: 13px
}
.subtitle {
text-align: center;
font-size: 15px;
color: rgb(255, 255, 255);
}
.text span {
font-size: 13px;
color: #ffffff;
font-weight: 500
}
.icons i {
font-size: 19px
}
hr .new1 {
border: 1px solid
}
.join {
font-size: 14px;
font-weight: bold
}
.date {
background-color:#ffffff96;
text-align: center
}
</style>
</head>
<body className='snippet-body'>
<div class="container mt-4 mb-4 p-3 d-flex justify-content-center">
<div class="card p-4">
<div class=" image d-flex flex-column justify-content-center align-items-center">
<button class="btn"> <img src="assets/profile_rafadotriangulo.png" height="100" width="100" /></button> <span class="name mt-3">Rafael Machado da Rosa Corrêa</span>
<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>
<div class="d-flex flex-row justify-content-center align-items-center gap-2"> </div>
<div class="text mt-3"> <span></span></div>
<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>
<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>
<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>
<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>
<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>
<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>
<div class=" px-2 rounded mt-4 date "> <span class="join"></span> </div>
</div>
</div>
</div>
<script type='text/javascript' src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js'></script>
<script type='text/javascript' src='#'></script>
<script type='text/javascript' src='#'></script>
<script type='text/javascript' src='#'></script>
<script type='text/javascript'>#</script>
<script type='text/javascript'>var myLink = document.querySelector('a[href="#"]');
myLink.addEventListener('click', function(e) {
e.preventDefault();
});
</script>
</body>
</html>
================================================
FILE: not_ready.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Rafa do Triângulo</title>
<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" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="d-flex align-items-center justify-content-center vh-100">
<div class="text-center">
<h1 class="display-1 fw-bold">Calma aí!</h1>
<p class="fs-3">Isso aqui ainda não está <span class="text-danger">pronto.</span></p>
<p class="lead">
Logo logo estará! Clique no botão abaixo para voltar a página anterior.
</p>
<a href="index.html" class="btn btn-primary"> <i class="fa fa-arrow-left" aria-hidden="true"></i> </a>
</div>
</div>
</body>
</html>
================================================
FILE: script.js
================================================
//init
var container = document.getElementById('background');
var inner = document.getElementById('inner');
//mouse
var mouse = {
_x:0,
_y:0,
x:0,
y:0,
updatePosition: function(event) {
var e = event || window.event;
this.x = e.clientX - this._x;
this.y = (e.clienty - this._y) * -1;
},
setOrigin: function(e) {
this._x = e.offsetLeft + Math.floor(e.offsetWidth/2);
this._y = e.offsetTop + Math.floor(e.offsetHeight/2);
},
show: function() {
return '(' + this.x + ',' + this.y +
}
}
var counter = 0;
var updateRate = 10;
var isTimeToUpdate = function() {
return counter++ % updateRate === 0;
};
var onMouseEventHandler = function(event) {
update(event);
};
var onMouseLeaveHandler = function() {
inner.style = '';
};
var onMouseMoveHandler = function(event) {
if (isTimeToUpdate()) {
update(event);
}
};
container.onmouseenter = onMouseEventHandler;
container.onmouseleave = onMouseLeaveHandler;
container.onmousemove = onMouseMoveHandler;
gitextract_1nynczwd/ ├── Alessandra.html ├── Alessandra2.html ├── README.md ├── about-me.html ├── assets/ │ └── background.psd ├── index.html ├── not_ready.html └── script.js
Condensed preview — 8 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (28K chars).
[
{
"path": "Alessandra.html",
"chars": 5601,
"preview": "<!doctype html>\n<html>\n <head>\n <meta charset='utf-8'>\n <meta name='viewport' content='width=device-width, i"
},
{
"path": "Alessandra2.html",
"chars": 6070,
"preview": "<!doctype html>\n<html>\n <head>\n <meta charset='utf-8'>\n <meta name='viewport' content='width=device-width, i"
},
{
"path": "README.md",
"chars": 70,
"preview": "# TemplateCartoes\num template simples para cartões de visita virtuais\n"
},
{
"path": "about-me.html",
"chars": 5780,
"preview": "<!doctype html>\n<html>\n <head>\n <meta charset='utf-8'>\n <meta name='viewport' content='width=device-width, i"
},
{
"path": "index.html",
"chars": 6675,
"preview": "<!doctype html>\n<html>\n <head>\n <meta charset='utf-8'>\n <meta name='viewport' content='width=device-width, i"
},
{
"path": "not_ready.html",
"chars": 1278,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n\n <head>\n <meta charset=\"UTF-8\" />\n <meta http-equiv=\"X-UA-Compatible"
},
{
"path": "script.js",
"chars": 1061,
"preview": "//init\nvar container = document.getElementById('background');\nvar inner = document.getElementById('inner');\n//mouse\nvar "
}
]
// ... and 1 more files (download for full content)
About this extraction
This page contains the full source code of the marciolopesjr/rafadotriangulo GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 8 files (14.2 MB), approximately 7.3k tokens. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.