Add files via upload

Academico.js

@@ -0,0 +1,31 @@
+class Academico{
+
+    exibeAcademico(nome, tipo, inicio, fim, instituicao){
+
+        var academico = document.getElementById("academico")
+
+        academico.innerHTML += `<div class="row ladin">
+                                <div class="col-2" data-anime= "up">
+                                    <!-- Ordenando elementos visuais em coluna -->
+                                    <div class="mt-4 d-flex flex-column justify-content-center align-items-center">
+                                        <!-- Circulo Externo -->
+                                        <div class="d-flex justify-content-center align-items-center bg-warning rounded-circle" style="width: 1.5em; height: 1.5em;">
+                                            <!-- Ciruclo Interno -->
+                                            <div class="rounded-circle" style="width: 1em; height: 1em; background-color: #3b3b3b;"></div>
+                                        </div>
+                                        <!-- Traço a baixo dos circulos -->
+                                        <div class="my-2 bg-warning rounded-pill" style="height: 10em; width: 0.4em;"></div>
+                                    </div>
+                                </div>
+                                <!-- Informações do Curso -->
+                                <div class="col-8 my-2 bg-dark rounded p-3">
+                                    <h4 class="text-warning">${nome}</h4>
+                                    <p class="text-light mt-4 mb-0">${tipo}</p>
+                                    <p class="text-light mb-0">${inicio} - ${fim}</p>
+                                    <p class="text-light">${instituicao}</p>
+                                </div>
+                            </div>`
+
+    }
+
+}

AnimacaoElements.js

@@ -0,0 +1,31 @@
+       // SCRIPT PARA ELEMENTOS DA TELA APARECEREM COM SCROLL DO MOUSE 
+
+            // Procura pelos elementos '[data-anime]'
+            const target = document.querySelectorAll('[data-anime]'); 
+            // Cria uma classe 'animated'
+            const animationClass = 'animated';
+
+            function animeScroll(){
+                // Cria variavel para ver localização do Scroll do mouse
+                const windowTop = window.pageYOffset + (window.innerHeight * 3)/4;
+                // Para cada elemento do target execute:
+                target.forEach(function(element){
+                    // Se a localização do scroll for maior que a localização do elemento:
+                    if(windowTop > element.offsetTop){
+                        // Adiciona a classe criada
+                        element.classList.add(animationClass);
+                    }else{
+                        // Remove a classe criada
+                        element.classList.remove(animationClass);
+                    }
+                })
+            }
+
+            // Se existir algum elemento execute:
+            if(target.length){
+                // Adicionando evento listener para scroll do mouse
+                window.addEventListener('scroll', function(){
+                    // Chama a função
+                    animeScroll();
+                })
+            }

AnimacaoWaves.js

@@ -0,0 +1,11 @@
+class AnimacaoWaves{
+
+    animaWave(wave){
+
+        var divWaves = document.getElementById("waves");
+
+        divWaves.innerHTML += `<img class="img img-fluid position-absolute ${wave}" style="bottom: 0%; z-index: 0;" src="images/Union.png" alt="${wave}">`;
+
+    }
+
+}

Curso.js

@@ -0,0 +1,30 @@
+class Curso{
+
+    exibeCurso(nome, horas, instituicao){
+
+        var curso = document.getElementById("curso");
+
+        curso.innerHTML += `<div class="row ladin">
+                                <div class="col-2" data-anime= "up">
+                                    <!-- Ordenando elementos visuais em coluna -->
+                                    <div class="mt-4 d-flex flex-column justify-content-center align-items-center">
+                                        <!-- Circulo Externo -->
+                                        <div class="d-flex justify-content-center align-items-center bg-warning rounded-circle" style="width: 1.5em; height: 1.5em;">
+                                            <!-- Ciruclo Interno -->
+                                            <div class="rounded-circle" style="width: 1em; height: 1em; background-color: #3b3b3b;"></div>
+                                        </div>
+                                        <!-- Traço a baixo dos circulos -->
+                                        <div class="my-2 bg-warning rounded-pill" style="height: 4em; width: 0.4em;"></div>
+                                    </div>
+                                </div>
+                                <!-- Informações do Curso -->
+                                <div class="col-8 my-2 bg-dark rounded p-3">
+                                    <h4 class="text-warning">${nome}</h4>
+                                    <p class="text-light mb-0">${horas}</p>
+                                    <p class="text-light">${instituicao}</p>
+                                </div>
+                            </div>`
+
+    }
+
+}

EnviaEmail.js

@@ -0,0 +1,29 @@
+        // SCRIPT PARA ENVIAR E-MAIL
+        function email(){
+            const nome = document.getElementById("nome").value;
+            const assunto = document.getElementById("assunto").value;
+            const mensagem = document.getElementById("mensagem").value;
+
+            const contato = document.getElementById("contato");
+
+            contato.href = `mailto:[email protected]?subject=${assunto}&body=E-mail from: ${nome}%0D%0DOlá, Davi!%0DMensagem:%0D"${mensagem}".`
+
+            document.getElementById("nome").value = "";
+            document.getElementById("assunto").value = "";
+            document.getElementById("mensagem").value = "";
+
+            const alertPlaceholder = document.getElementById('liveAlertPlaceholder')
+            const appendAlert = (message, type) => {
+            const wrapper = document.createElement('div')
+            wrapper.innerHTML = [
+                `<div class="alert alert-${type} alert-dismissible fixed-bottom" role="alert" style="margin-top: 20px;">`,
+                `   <div>${message}</div>`,
+                '   <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>',
+                '</div>'
+            ].join('')
+
+            alertPlaceholder.append(wrapper)
+            }
+            appendAlert('E-mail enviado com sucesso!', 'success')
+
+        }

OpcoesNav.js

@@ -0,0 +1,13 @@
+class OpcoesNav{
+
+    exibeOpcoes(id){
+
+        var divNav = document.getElementById("navbar");
+
+        divNav.innerHTML += `<li class="nav-item mx-4 hover">
+                                    <a class="navbar-brand fs-6 text-light" href="#${id}">${id}</a>
+                             </li>`
+
+    }
+
+}

Profissional.js

@@ -0,0 +1,26 @@
+class Profissional{
+
+    exibirProfissional(funcao, inicio, fim, local, cargosHtml){
+
+        var profissional = document.getElementById("profissional");
+        var carg = '';
+
+        cargosHtml.forEach((valor, chave) => {
+            carg += `<p class="text-light" style="text-align: justify;"><strong>- ${chave}: </strong>${valor}</p>`
+        });
+
+
+        profissional.innerHTML +=  `<div class="col-lg-4 my-4 bg-dark rounded p-4 tremidinha" data-anime= "up" style="height: auto; min-height: 30em">
+                                        <!-- Função -->
+                                        <h4 class="text-warning mb-0">${funcao}</h4>
+                                        <!-- Inicio - Final -->
+                                        <p class="text-light mb-0">${inicio} - ${fim}</p>
+                                        <!-- Local -->
+                                        <p class="text-light">${local}</p>
+                                        <!-- Função Primaria -->
+                                        `+ carg +`
+                                    </div>`
+
+    }
+
+}

TrocaFuncs.js

@@ -0,0 +1,33 @@
+
+        // SCRIPT PARA TROCAR FUNÇÕES NA HOMEPAGE
+        const a = ["Front-End", "Back-End","Desenvolvedor Web Junior","Suporte em TI"]
+
+
+        const funcs = document.getElementById("funcs");
+        var i = 0; //Cada Frases
+        var j = 0; //Cada Letra
+        var intervalo = 150; //Definindo variavel para o intervalo
+
+
+        // Executa a função em determinado intervalo
+        setInterval(() =>{
+            // Seleciona uma frase para a variavel
+            var palavra = a[i].split("");
+            // Se a quantidade de Letras acabar
+            if(j >= palavra.length){
+                // Ao terminar apaga a frase inteira
+                funcs.innerHTML = " ";
+
+                if(i < a.length-1){
+                    i++;
+                }else{
+                    i = 0;
+                }
+                j = 0;
+            }else{
+            // Funcs recebe cada letra da variavel com a frase
+            funcs.innerHTML += palavra[j];
+                j++;
+            }
+
+        }, intervalo)

exibeAcademicos.js

@@ -0,0 +1,7 @@
+var academico = new Academico();
+
+//               nome, tipo, inicio, fim, instituicao
+academico.exibeAcademico("Engenharia de Software", "Bacharel", "Mar. 2022", "Jul. 2026", "Univille - Universidade da Região de Joinville");
+
+//               nome, tipo, inicio, fim, instituicao
+academico.exibeAcademico("Técnico em Automação Industrial", "Técnico", "Fev. de 2018", "Dez. de 2020", "IFC - Instituto Federal Catarinense - Campus São Francisco do Sul");

exibeCursos.js

@@ -0,0 +1,17 @@
+var curso = new Curso();
+
+
+//              nome, horas, instituicao
+curso.exibeCurso("Curso de Python 3", "40 horas", "Curso em Vídeo");
+
+//              nome, horas, instituicao
+curso.exibeCurso("Curso de Python 3", "40 horas", "Curso em Vídeo");
+
+//              nome, horas, instituicao
+curso.exibeCurso("Curso de HTML e CSS", "40 horas", "Curso em Vídeo");
+
+//              nome, horas, instituicao
+curso.exibeCurso("Curso de Operador de Comp.", "", "YesBras");
+
+//              nome, horas, instituicao
+curso.exibeCurso("Curso de Inglês Int.", "", "Influx - English School");

exibeOpcoes.js

@@ -0,0 +1,9 @@
+var opcao = new OpcoesNav();
+
+opcao.exibeOpcoes("Home");
+opcao.exibeOpcoes("Sobre");
+opcao.exibeOpcoes("Tecnologias");
+opcao.exibeOpcoes("Historico");
+opcao.exibeOpcoes("Projetos");
+opcao.exibeOpcoes("Contato");
+opcao.exibeOpcoes("Links");

exibeProfissionais.js

@@ -0,0 +1,20 @@
+var profissao = new Profissional();
+
+var cargos = new Map();
+
+cargos.set('Auxiliar de T.I', 'Manutenção de computadores, instalação de maquinas, limpeza de Hardware, instalação e reparo de impressoras proprias e tercerizadas, formatação de sistema operacional Windows 7, 10 e 11, recuperação de dados em HD, auxilio a funcionarios da empressa, abertura e fechamento de chamados.')
+cargos.set('Desenvolvedor Python', 'Criação de interface gráfica para sistema de auto-atendimento utilizando linguagem Python, modulo Tkinter. (Esta em funcionamento atualmente na empresa).')
+
+
+//                          funcao, inicio, fim, local, cargosHtml
+profissao.exibirProfissional("Estagiário de Suporte em T.I", "Ago. 2021", "Ago. 2023", "Prefeitura de São Francisco do Sul", cargos)
+
+
+var cargos = new Map();
+
+cargos.set('Desenvolvedor Web', 'Criação de novas interfaces para sistema web próprio da empresa dentro do setor de PCO (Planejamento e Controle de Operação), manuteção e arquitetura do código, utilizando linguagens HTML, CSS, JavaScript, PHP e banco MySQL. Desenvolvimento e planejamento de documentação de projeto. Criação de telas interativas, dashboards e aplicação de novas funcionalidades ao site')
+
+
+//                          funcao, inicio, fim, local, cargosHtml
+profissao.exibirProfissional("Estagiário de Suporte em T.I", "Ago. 2021", "Ago. 2023", "Prefeitura de São Francisco do Sul", cargos)
+

exibeWave.js

@@ -0,0 +1,6 @@
+var wave = new AnimacaoWaves;
+
+wave.animaWave("wave");
+wave.animaWave("wave1");
+wave.animaWave("wave2");
+wave.animaWave("wave3");