ENEI2019-Public/website/app.html

386 lines
15 KiB
HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt" xml:lang="pt">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="width=device-width, initial-scale=1, user-scalable=0" name="viewport">
<meta content="width" name="MobileOptimized">
<meta content="true" name="HandheldFriendly">
<!-- Place favicon.ico in the root directory -->
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<title>ENEI'19</title>
<meta name="description"
content="Página do Encontro Nacional de Estudantes de Informática 2019, no Instituto Superior de Engenharia de Coimbra (ISEC) a realizar-se entre 12 e 15 de abril de 2019. O ENEI pretende oferecer aos estudantes de todo o país um evento que promove a aprendizagem, a troca de ideias e o convívio, enquanto tenta criar fortes ligações com o mundo empresarial.">
<meta property="og:locale" content="pt_PT" />
<meta property="og:title" content="ENEI'19" />
<meta property="og:description"
content="Página do Encontro Nacional de Estudantes de Informática 2019, no Instituto Superior de Engenharia de Coimbra (ISEC) a realizar-se entre 12 e 15 de abril de 2019. O ENEI pretende oferecer aos estudantes de todo o país um evento que promove a aprendizagem, a troca de ideias e o convívio, enquanto tenta criar fortes ligações com o mundo empresarial." />
<meta property="og:site_name" content="ENEI'19" />
<meta property="og:url" content="http://www.enei.pt/" />
<meta property="og:image" content="http://www.enei.pt/imgs/share-image.jpg" />
<meta property="og:type" content="Website" />
<link rel="canonical" href="http://www.enei.pt/" />
<link href="bootstrap-grid.css" rel="stylesheet" type="text/css" />
<link href="main.css" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Bai+Jamjuree:400,600,700" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>
<body>
<div id="overlay"></div>
<header id="main-menu">
<nav>
<a href="#" title="Abrir menu" rel="nofollow" id="open-menu-mobile">Menu</a>
<ul>
<li><a href="https://enei.pt/#enei" title="Enei">Enei</a></li>
<li><a href="https://enei.pt/#calendar">Programa</a></li>
<li><a href="https://enei.pt/#precos" title="Preços">Preços</a></li>
<li><a href="https://enei.pt/app" title="Preços">App</a></li>
<li><a href="https://enei.pt/ctf" title="CTF">CTF</li>
<li><a href="https://enei.pt/#sponsors" title="Sponsors">Sponsors</a></li>
<li><a href="https://enei.pt/#faqs" title="Faq's">Faq's</a></li>
</ul>
</nav>
</header>
<header class="bg-gradient">
<div class="container-app">
<div class="header-app">
<h1>Aplicação ENEI 2019</h1>
<h3>Esta aplicação vai-te acompanhar durante todo o evento, melhorando drásticamente a interação com as
empresas e atividades.</h3>
</div>
<div class="image-holder-app">
<img src="imgs/header.png" alt="phone" class="img-fluid">
</div>
</div>
</header>
<div class="section darker-bg">
<div class="section-title">
<h3>conhece as</h3>
<h2>principais funcionalidades</h2>
</div>
<div class="card-features">
<div class="card-body">
<h3 class="card-title">
Página Inicial e de Perfil
</h3>
<p class="card-text">Acede às tuas informações pessoais! Verifica também o que inclui o teu bilhete: o dias de acesso, alimentação e alojamento.</p>
</div>
<div class="card-body">
<h3 class="card-title">
Inscrições em palestras
</h3>
<p class="card-text">Através da aplicação é ainda possível fazer inscrições nas palestras e workshops
</p>
<p class="card-text">À medida que vão saindo confirmações, as inscrições ficarão disponíveis na APP</p>
</div>
<div class="card-body">
<h3 class="card-title">
Calendário
</h3>
<p class="card-text">Acompanha todas as palestras e os seus detalhes através da app.</p>
<p class="card-text">Possui ainda a localização da palestra no campus.</p>
</div>
<div class="card-body">
<h3 class="card-title">
Criar equipas
</h3>
<p class="card-text">Faz um simples scan e adiciona os teus amigos à tua equipa!!</p>
<p class="card-text">Caso sejas o capitão da equipa, podes ainda alterar o nome e remover elementos.</p>
</div>
</div>
</div>
<div class="login-app">
<img src="imgs/p.png" alt="phone" class="img-fluid">
<div class="container-login">
<h1>Como usar a APP?</h1>
<div class="text-login">
<p>Para utilizares a app deves possuir um bilhete.</p>
<p>No momento de compra do bilhete recebeste um email com o bilhete, esse bilhete possuí um QR code.
</p>
<p>O login na app é feito usando esse QR code</p>
<p>Para obteres a password, deves efectuar reset através da APP, ou preenchendo o campo a baixo.</p>
<input id="email-input" type="email" name="email" placeholder="Introduz o teu email">
<button class="button-default" onclick="resetPassword()">Reset Password</button>
</div>
</div>
</div>
<div class="container features-app ">
<h3 class="subtitle">descobre as </h3>
<h1>Páginas da aplicação</h1>
<button class="tablink" onclick="openPage('Home', this, 'white')" id="defaultOpen">Home</button>
<button class="tablink" onclick="openPage('teams', this, 'white')">Equipas</button>
<button class="tablink" onclick="openPage('events', this, 'white')">Eventos</button>
<button class="tablink" onclick="openPage('game', this, 'white')">Jogo do ENEI</button>
<button class="tablink" onclick="openPage('calendar', this, 'white')">Calendário</button>
<button class="tablink" onclick="openPage('sign', this, 'white')">Inscrições </button>
<div id="Home" class="tabcontent">
<div class="tabDetails">
<div class="tabText">
<h2>Home</h2>
<p>Nesta página podes encontrar as tua informações pessoais. </p>
<p>
</p>
</div>
</div>
</div>
<div id="teams" class="tabcontent">
<div class="tabText">
<h2>Equipas</h2>
<p>Encontra todos os detalhes da tua equipa. Podes criar, editar e eliminar equipas para o ENEI Caching e Rally Tascas.</p>
<p>
</p>
</div>
</div>
<div id="events" class="tabcontent">
<div class="tabText">
<h2>Eventos</h2>
<p>Nesta página podes encontrar todas as informações sobre as atividades que ocorrem no evento!</p>
<p>
</p>
</div>
</div>
<div id="game" class="tabcontent">
<div class="tabText">
<h2>Jogo do ENEI</h2>
<p>Colecciona todos cromos do evento! Participa em todas as atividades de forma a aumentar a tua probabilidade de ganhar um prémio.</p>
<p>
</p>
</div>
</div>
<div id="calendar" class="tabcontent">
<div class="tabText">
<h2>Calendário</h2>
<p>Nesta página podes encontrar as tua informações relativas ao calendário </p>
<p>
</p>
</div>
</div>
<div id="sign" class="tabcontent">
<div class="tabText">
<h2>Inscrições</h2>
<p>Nesta página podes efectuar as incrições em palestras </p>
<p>Neste momento existe um bug no IOS, deves esperar pela aprovação da Apple para obter a nova versão.</p>
<p>
</p>
</div>
</div>
</div>
<div class="download-app">
<div class="left">
<h1>Faz já o download da aplicação</h1>
<h3>A versão de IOS possuí alguns bugs que já foram corrigidos, estamos a aguardar a revisão por parte da Apple</h3>
<h3>Existe uma versão mais antiga disponível para download. Deves atualizar assim que possível</h3>
<div class="buttons">
<a href="https://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=1457702417&mt=8">
<div class="button-app">
<div class="button-logo">
<i class="fab fa-apple"></i>
</div>
<div class="button-text">
<h3>Available on the</h3>
<h2>App Store</h2>
</div>
</div>
</a>
<a href="https://play.google.com/store/apps/details?id=pt.enei">
<div class="button-app">
<div class="button-logo">
<i class="fab fa-google-play"></i>
</div>
<div class="button-text">
<h3>Available on the</h3>
<h2>Play Store</h2>
</div>
</div>
</a>
</div>
</div>
</div>
<!-- faqs section -->
<section id="faqs">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="pre-h1">Perguntas Frequentes</div>
<h1>Faq</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<ul id="accordion">
<h3>Fica atento</h3>
</ul>
</div>
</div>
</section>
<!-- footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-4 col-xs-6">
<p>© 2019 ENEI . Todos os direitos reservados</p>
</div>
<div class="col-lg-8 col-xs-6">
<ul id="social-network">
<li><a href="https://www.facebook.com/ENEIConf/" title="Facebook" target="_blank" class="icon-facebook"></a></li>
<li><a href="https://www.instagram.com/eneiconf/" title="Instagram" target="_blank" class="icon-instagram"></a></li>
<li><a href="https://www.linkedin.com/company/enei/" title="Linkedin" target="_blank" class="icon-linkedin"></a></li>
<li><a href="mailto:geral@enei.pt" title="Email" target="_blank" class="icon-email"></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-130588243-1"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
resetPassword = () => {
var input = document.getElementById("email-input");
if (input != " ") {
console.log(input.value);
axios({
url: `https://tickets.enei.pt/internal/api/User/RecoverPassword?input=${input.value}&type=0`,
method: 'get',
}).then(a => {
console.log(a);
Swal.fire(
'Sucesso!',
'Foi enviado para o teu email um pedido de recuperação. Pode demorar demorar alguns minutos...',
'success'
)
}).catch(err => {
if (err.response.status === 500) {
Swal.fire(
'Utilizador não existe!',
'Verifica se o email é válido, caso o erro continue contacta a comissão organizadora',
'error'
)
}
else {
Swal.fire(
'Erro!',
'Aconteceu algum erro com o teu pedido...',
'error'
)
}
})
} else {
Swal.fire(
'Erro!',
'Deves preencher o campo de email.',
'warning'
)
}
}
</script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
<script src="https://cdn.jsdelivr.net/npm/promise-polyfill"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-130588243-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-130588243-1');
</script>
<script>
AOS.init();
</script>
</body>
</html>