Skip to content

Integração do VLibras Widget #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
paulocsarlins wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Integração do VLibras Widget #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
c04038e
Integração do VLibras Widget
paulocsarlins May 26, 2021
ed7cb91
Update index.html
paulocsarlins Oct 24, 2021
c519164
Update estilo.css
paulocsarlins Oct 24, 2021
26545ce
Add files via upload
paulocsarlins Oct 24, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 13 additions & 4 deletions css/estilo.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,19 @@
body{
background-color: rgba(8, 8, 8, 0.856);
background-color: rgba(82, 82, 82, 0.856);
}

/*Botões de aumentar e diminuir fonte*/
.btn-container button{
width: 50px;
height: 50px;
margin: 15px 0px 0px 10px;
}

h1{
font-size: 65px;
text-align: center;
color: yellow;
margin-top: 70px;
color: #FDFF0F;
margin-top: 10px;
}

/*INÍCIO Estilo: editor de texto*/
Expand Down Expand Up @@ -52,7 +60,8 @@ input.btn{
width: 150px;
height: 150px;
margin: 1.5em;
background-color: white;
background-color: #FDFF0F;
border-radius: 50%;
}

/*FIM Estilo dos botões: limpar, upload, download e falar*/
Binary file added imagem/icon-download.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified imagem/icon-upload.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified imagem/icon-voice.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
46 changes: 32 additions & 14 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,36 +9,40 @@
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="summernote-bs4.css">
<link rel="stylesheet" href="css/estilo.css">
<script src="https://kit.fontawesome.com/304c41c7f8.js" crossorigin="anonymous"></script>

<title>Editor Summer Note</title>

<title>Matraca Web</title>
</head>
<body>

<div class="btn-container">
<button name="aumentar-fonte" id="aumentar-fonte" title="Aumentar fonte">A +</button>
<button name="diminuir-fonte" id="diminuir-fonte" title="Diminuir fonte">A -</button>
</div>

<h1>MATRACA WEB</h1>
<!--INÍCIO EDITOR DE TEXTO-->

<div class="matraca">
<div class="container mt-5 mb-5">
<textarea id="summernote" class="texto"></textarea>
</div>
</div>
<!--FIM EDITOR DE TEXTO-->

<!--INÍCIO SELETOR DE VOZ-->

<div id="seletor-voz">
Seletor de voz: <select id='voiceList'></select>
</div class>
<!--FIM SELETOR DE VOZ-->

<!--INÍCIO BOTÕES DE FUNCIONALIDADE-->

<div class="botoes">
<input class="btn" type="image" src="imagem/icon-eraser.png" alt="" id="btn-limpar"> <!--Apaga o texto digitado-->
<input class="btn" type="image" src="imagem/icon-upload.png" alt="" id="btn-abrir"> <!--Abri um arquivo do computador no editor de texto-->
<input class="btn" type="image" src="imagem/icon-download.jpg" alt="" id="btn-salvar">
<input class="btn" type="image" src="imagem/icon-voice.png" alt="" id="btn-falar"> <!--Fala o texto digitado no editor-->
<input class="btn" type="image" src="imagem/icon-eraser.png" id="btn-limpar" alt="Botão para apagar texto"> <!--Apaga o texto digitado-->
<input class="btn" type="image" src="imagem/icon-upload.png" id="btn-abrir" alt="Botão para abirr arquivo do computador"> <!--Abri um arquivo do computador no editor de texto-->
<input class="btn" type="image" src="imagem/icon-download.png" id="btn-salvar" alt="Botão para salvar arquivo">
<input class="btn" type="image" src="imagem/icon-voice.png" id="btn-falar" alt="Botão para ativador o sintetizador de voz"> <!--Fala o texto digitado no editor-->
</div>
<!--FIM BOTÕES DE FUNCIONALIDADE-->


<!-- JavaScript (Opcional) -->
<!-- jQuery primeiro, depois Popper.js, depois Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
Expand All @@ -49,7 +53,21 @@ <h1>MATRACA WEB</h1>
<script src="js/funcionalidade.js"></script>
<script src="js/FileSaver.js"></script>
<script src="js/speak.js"></script>
<script src="js/aumentarDiminuir.js"></script>


<!--Integração do VLibras Widget-->
<div vw class="enabled">
<div vw-access-button class="active"></div>
<div vw-plugin-wrapper>
<div class="vw-plugin-top-wrapper"></div>
</div>
</div>
<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
<script>
new window.VLibras.Widget('https://vlibras.gov.br/app');
</script>


</body>
</html>
</html>