FRONT-END ETECVIEW
FRONT END Codigoflix.html
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<link rel="stylesheet" href="estilos.css">
<title>ETECVIEW TODOS OS DIREITOS RESERVADOS </title>
<style>
/* CSS para a logomarca miniatura */
.logo-miniatura {
max-width: 50px; /* Ajuste o tamanho conforme necessário */
max-height: 50px; /* Ajuste o tamanho conforme necessário */
margin-right: 10px; /* Espaçamento à direita */
}
/* CSS para a cor do texto na aba de navegação */
.nav-link.dropdown-toggle {
color: #ff0 !important; /* Amarelo vibrante */
}
/* CSS para as telas de login */
.login-screen {
border: 1px solid #ccc;
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
background-color: #f9f9f9;
}
/* CSS para a imagem dentro das telas de login */
.login-image {
max-width: 50%;
height: auto;
margin-bottom: 20px;
}
</style>
</head>
<body>
<div class="nome text-center">
<h1 class="titulo">ETECVIEW</h1>
</div>
<nav class="navbar navbar-expand-lg navbar-light cor1">
<div class="container-fluid">
<!-- Logo Miniatura -->
<img src="https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/GyzbVcBSYpvgykhdqNaq-tutorial-beginner/pub/rWh6cL9f1knxak2PuBjl.png" alt="Logo" class="logo-miniatura">
<form class="d-flex w-100">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarScroll">
<ul class="navbar-nav navbar-scroll">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarScrollingDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="true">
CONTEÚDOS
</a>
<ul class="dropdown-menu" aria-labelledby="navbarScrollingDropdown">
<li><a class="dropdown-item" href="https://etecview.pythonanywhere.com/static/pp/index.html">Aulas PP</a></li>
<li><a class="dropdown-item" href="https://sgliderlinux.pythonanywhere.com/static/selecaoaulas/index.html">AULAS ONLINE </a></li>
<li><a class="dropdown-item" href="https://sgliderlinux.pythonanywhere.com/static/selecaoaulas/index.html">AULAS GRAVADAS </a></li>
<li><a class="dropdown-item" href="https://sgliderlinux.pythonanywhere.com/static/selecaoaulas/index.html">REPORTAGENS METAVERSO NA EDUCAÇÃO </a></li>
<li><a class="dropdown-item" href="https://www.canva.com/design/DAF_gFs7eds/7kEjoTWj1AshVtPPp49BoA/view?utm_content=DAF_gFs7eds&utm_campaign=designshare&utm_medium=link&utm_source=editor
">APRESENTAÇÃO</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="login-screen"> <!-- Adicionando a classe para a tela de login -->
<img src="https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/GyzbVcBSYpvgykhdqNaq-tutorial-beginner/pub/rWh6cL9f1knxak2PuBjl.png" alt="Imagem 1" class="login-image"> <!-- Adicionando a imagem -->
<h2 class="text-center mb-4">LOGIN SERVIDOR </h2>
<form id="professorForm"> <!-- Adicionando o ID do formulário -->
<div class="mb-3">
<label for="professorEmail" class="form-label">Email</label>
<input type="email" class="form-control" id="professorEmail" aria-describedby="emailHelp">
</div>
<div class="mb-3">
<label for="professorSenha" class="form-label">Senha</label>
<input type="password" class="form-control" id="professorSenha">
</div>
<button type="submit" class="btn btn-primary">Entrar</button>
</form>
</div>
</div>
</div>
<!-- Repetir para as outras telas de login -->
</div>
<script>
// Lógica de validação e redirecionamento para o servidor Professor
document.getElementById("professorForm").addEventListener("submit", function(event) {
event.preventDefault();
var email = document.getElementById("professorEmail").value;
var senha = document.getElementById("professorSenha").value;
if (email == "admin" && senha =="admin") { // Automatização das credenciais
window.location.href = "https://login.microsoftonline.com/common/oauth2/authorize?client_id=cf53fce8-def6-4aeb-8d30-b158e7b1cf83&response_mode=form_post&response_type=code+id_token&scope=openid+profile&state=OpenIdConnect.AuthenticationProperties%3dAQAAAAIAAAAJLnJlZGlyZWN0Wmh0dHBzOi8vd2ViLm1pY3Jvc29mdHN0cmVhbS5jb20vZ3JvdXAvZTBkOGE5YTYtODBjNi00MWQ0LTg4OWYtMWYxMzRjM2E4NGQxP25vU2lnblVwQ2hlY2s9MQhub25jZUtleZsBeHdHQXBqMlFMTm43eC14U1Jqd2dOOVRyYm83WWROWFZjX2pOcmR5MmVzNEVyY2UtNERSU21URHpwY01POUFiN3ppcHM1WlRwQlBXQXdCNmxHc19ibEJiU0RJQXVQTmltX0UwTk5TeXpVZVp6RkFaeUhyblFDZUVRclBkcWRZTGhCaWRreTRDdThOV0hmQlFZRUNFYi1YZXRueVk&nonce=638459586554906095.ZGY2NWVlZmMtMTI4Ny00NGI5LWFjMjUtYzA1YTAzZTM1MDA3ZTQxNTJkZmUtOTA5Ni00MDY5LWE1NjgtYjE1MzkyNmVmNjA5&nonceKey=OpenIdConnect.nonce.M%2fPL6gZMnDlJ86DpfIwBrm927%2b5jP0gbVmBYOQ8L9WM%3d&site_id=500453&redirect_uri=https%3a%2f%2fweb.microsoftstream.com%2f&post_logout_redirect_uri=https%3a%2f%2fproducts.office.com%2fmicrosoft-stream&msafed=0";
} else {
alert("Credenciais inválidas para o servidor Professor!");
}
});
// Lógica de validação e redirecionamento para o servidor Aluno
document.getElementById("alunoForm").addEventListener("submit", function(event) {
event.preventDefault();
var email = document.getElementById("alunoEmail").value;
var senha = document.getElementById("alunoSenha").value;
if (email === "admin" && senha === "admin") { // Automatização das credenciais
// Redirecionar para a página do servidor Aluno
window.location.href = "pagina_servidor_aluno.html";
} else {
alert("Credenciais inválidas para o servidor Aluno!");
}
});
// Lógica de validação e redirecionamento para o servidor Público
document.getElementById("publicoForm").addEventListener("submit", function(event) {
event.preventDefault();
var email = document.getElementById("publicoEmail").value;
var senha = document.getElementById("publicoSenha").value;
if (email === "admin" && senha === "admin") { // Automatização das credenciais
// Redirecionar para a página do servidor Público
window.location.href = "pagina_servidor_publico.html";
} else {
alert("Credenciais inválidas para o servidor Público!");
}
});
</script>
</body>
</html>