This commit is contained in:
henrydays 2019-04-01 15:50:42 +01:00
commit 6ec9b5e835
15 changed files with 1592 additions and 189 deletions

Binary file not shown.

View File

@ -1,96 +0,0 @@
<!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 - Career Path</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 - Career Path" />
<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/career-path.html" />
<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/career-path.html" />
<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=Montserrat:400,600,700" rel="stylesheet">
</head>
<body>
<header id="main-menu">
<nav>
<a href="#" title="Abrir menu" rel="nofollow" id="open-menu-mobile">Menu</a>
<ul>
<li><a href="/career-path.html" title="Career path">Career path</a></li>
<li class="unavailable">Oradores</li>
<li class="unavailable">Programa</li>
<li><a href="#precos" title="Preços">Preços</a></li>
<li class="unavailable">App</li>
<li class="unavailable">Patrocinadores</li>
<li><a href="/faqs.html" title="Faq's">Faq's</a></li>
</ul>
</nav>
</header>
<!-- apresentation section -->
<div id="apresentation">
<img src="imgs/logo-enei.png" alt="Logótipo ENEI" width="221" height="333" class="logo-enei">
</div>
<!-- social network section -->
<aside id="social-network">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h1>Siga-nos</h1>
<ul>
<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>
</aside>
<!-- footer -->
<footer>
<div class="container">
<div class="col-lg-12">
<p>© 2018 ENEI . Todos os direitos reservados</p>
</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>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag(js, new Date());
gtag(config, UA - 130588243 - 1);
</script>
</body>
</html>

View File

@ -0,0 +1,310 @@
<!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>Career Path - Inteligência Artificial</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="Career Path - Inteligência Artificial" />
<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="Career Path - Inteligência Artificial" />
<meta property="og:url" content="http://www.enei.pt/cp-inteligencia-artificial.html" />
<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/cp-inteligencia-artificial.html" />
<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">
</head>
<body class="career-path ai-color">
<header id="main-menu">
<nav>
<a href="#" title="Abrir menu" rel="nofollow" id="open-menu-mobile">Menu</a>
<ul>
<li><a href="#enei" title="Enei">Sobre</a></li>
<li><a href="#calendar" title="Calendário">Calendário</a></li>
<li><a href="#speakers" title="Speakers">Speakers</a></li>
</ul>
</nav>
</header>
<!-- apresentation section -->
<div id="apresentation">
<div class="career-apresentation">
<div class="career-name">Inteligência Artificial <span>Powered by:</span></div>
<img src="imgs/blip-sponsor.png" alt="Blip Image">
</div>
</div>
<!-- enei section -->
<section id="enei">
<div class="container">
<div class="row">
<div class="col-lg-7 col-sm-7">
<div class="pre-h1">Career Path</div>
<h1>Inteligência Artificial</h1>
<hr>
<p>O Encontro Nacional de Estudantes de Informática é um dos maiores eventos na área da tecnologia
em
Portugal
reunindo estudantes de informática de todas as faculdades do país.</p>
<p>Reconhecido pela sua qualidade e variedade de temas e atividades, tem como prioridade o contacto
entre
participantes e empresas, bem como a socialização, o convívio e a troca de experiências e
conhecimentos
entre os presentes.</p>
</div>
</div>
</div>
</section>
<!-- calendario section -->
<section id="calendar" class="grey">
<div class="container">
<div class="row">
<div class="col-lg-6 col-lg-offset-3">
<h1>Calendário</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div id="calendar-container">
<div id="event-days-list">
<button class="selected" data-eventDay="12">12 <span>Abril</span> </button>
<button data-eventDay="13">13 <span>Abril</span></button>
<button data-eventDay="14">14 <span>Abril</span></button>
<button data-eventDay="15">15 <span>Abril</span></button>
</div>
<div class="day-night-filter">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-6">
<div class="half-day">Diurno</div>
</div>
<div class="col-lg-6">
<div class="half-day">Noturno</div>
</div>
</div>
</div>
</div>
</div>
<div id="content-container">
<section class="content visible" data-eventContent="12">
<div class="row">
<div class="col-lg-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>8:00 - 10:00
</div>
</div>
<div class="col-lg-8 event-details">
<h2>Palestra sobre a fome em África</h2>
<h3>Pedro Duarte</h3>
<div class="event-location"><span class="icon-company"></span>Microsoft
Corporation</div>
<div class="event-location"><span class="icon-location"></span>Edíficio
Gerais (G1)</div>
<button class="event-description"><span
class="arrow">&#10132;</span>Descrição</button>
<h2>Palestra sobre a fome em África</h2>
<h3>Pedro Duarte</h3>
<div class="event-location"><span class="icon-company"></span>Microsoft
Corporation</div>
<div class="event-location"><span class="icon-location"></span>Edíficio
Gerais (G1)</div> <button class="event-description"><span
class="arrow">&#10132;</span>Descrição</button>
</div>
</div>
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>8:00 - 10:00
</div>
</div>
<div class="col-lg-8 event-details">
<h2>Palestra sobre a fome em África</h2>
<h3>Pedro Duarte</h3>
<div class="event-location"><span class="icon-company"></span>Microsoft
Corporation</div>
<div class="event-location"><span class="icon-location"></span>Edíficio
Gerais (G1)</div> <button class="event-description"><span
class="arrow">&#10132;</span>Descrição</button>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>18:00 - 19:00
</div>
</div>
<div class="col-lg-8 event-details">
<h2>Palestra sobre a fome em África</h2>
<h3>Pedro Duarte</h3>
<div class="event-location"><span class="icon-company"></span>Microsoft
Corporation</div>
<div class="event-location"><span class="icon-location"></span>Edíficio
Gerais (G1)</div> <button class="event-description"><span
class="arrow">&#10132;</span>Descrição</button>
</div>
</div>
</div>
</div>
</section>
<div class="content" data-eventContent="13">
<div class="row">
<div class="col-lg-6">Conteudo para dia (13 de Abril)</div>
<div class="col-lg-6">Conteudo para noite (13 de Abril)</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- oradores section -->
<section id="speakers">
<div class="container">
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-sm-12 col-sm-offset-0 col-xs-10 col-xs-offset-1">
<h1>Speakers</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-lg-3">
<a href="https://www.linkedin.com/in/pedroazeredoduarte/" title="Pedro Duarte" target="_blank"
class="speaker-button">
<div class="speaker-image">
<img src="imgs/speakers-image/pedro-duarte.jpg" alt="Pedro Duarte">
<img src="imgs/speakers-company/microsoft.png" alt="Microsoft" class="company-image">
</div>
<h2 class="speaker-name">Pedro Duarte</h2>
<div class="speaker-company">Microsoft Corporation</div>
</a>
</div>
<div class="col-lg-3">
<a href="https://www.linkedin.com/in/pedroazeredoduarte/" title="Pedro Duarte" target="_blank"
class="speaker-button">
<div class="speaker-image">
<img src="imgs/speakers-image/pedro-duarte.jpg" alt="Pedro Duarte">
<img src="imgs/speakers-company/microsoft.png" alt="Microsoft" class="company-image">
</div>
<h2 class="speaker-name">Pedro Duarte</h2>
<div class="speaker-company">Microsoft Corporation</div>
</a>
</div>
<div class="col-lg-3">
<a href="https://www.linkedin.com/in/pedroazeredoduarte/" title="Pedro Duarte" target="_blank"
class="speaker-button">
<div class="speaker-image">
<img src="imgs/speakers-image/pedro-duarte.jpg" alt="Pedro Duarte">
<img src="imgs/speakers-company/microsoft.png" alt="Microsoft" class="company-image">
</div>
<h2 class="speaker-name">Pedro Duarte</h2>
<div class="speaker-company">Microsoft Corporation</div>
</a>
</div>
<div class="col-lg-3">
<a href="https://www.linkedin.com/in/pedroazeredoduarte/" title="Pedro Duarte" target="_blank"
class="speaker-button">
<div class="speaker-image">
<img src="imgs/speakers-image/pedro-duarte.jpg" alt="Pedro Duarte">
<img src="imgs/speakers-company/microsoft.png" alt="Microsoft" class="company-image">
</div>
<h2 class="speaker-name">Pedro Duarte</h2>
<div class="speaker-company">Microsoft Corporation</div>
</a>
</div>
<div class="col-lg-3">
<a href="https://www.linkedin.com/in/pedroazeredoduarte/" title="Pedro Duarte" target="_blank"
class="speaker-button">
<div class="speaker-image">
<img src="imgs/speakers-image/pedro-duarte.jpg" alt="Pedro Duarte">
<img src="imgs/speakers-company/microsoft.png" alt="Microsoft" class="company-image">
</div>
<h2 class="speaker-name">Pedro Duarte</h2>
<div class="speaker-company">Microsoft Corporation</div>
</a>
</div>
<div class="col-lg-3">
<a href="https://www.linkedin.com/in/pedroazeredoduarte/" title="Pedro Duarte" target="_blank"
class="speaker-button">
<div class="speaker-image">
<img src="imgs/speakers-image/pedro-duarte.jpg" alt="Pedro Duarte">
<img src="imgs/speakers-company/microsoft.png" alt="Microsoft" class="company-image">
</div>
<h2 class="speaker-name">Pedro Duarte</h2>
<div class="speaker-company">Microsoft Corporation</div>
</a>
</div>
</div>
</div>
</section>
<!-- social network section -->
<aside id="social-network">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Segue-nos</h2>
<ul>
<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>
</aside>
<!-- footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-12">
<p>© 2019 ENEI . Todos os direitos reservados</p>
</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>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-130588243-1');
</script>
</body>
</html>

Binary file not shown.

View File

@ -14,4 +14,9 @@
<glyph unicode="&#xe904;" glyph-name="linkedin" horiz-adv-x="1027" d="M941.133 960h-855.306c-47.353 0-85.827-38.474-85.827-85.827v-855.306c0-47.353 38.474-85.827 85.827-85.827h855.306c47.353 0 85.827 38.474 85.827 85.827v855.306c0 47.353-38.474 85.827-85.827 85.827zM941.133 18.867h-855.306v855.306h855.306v-855.306zM248.601 548.624c-8.879 8.879-14.798 20.717-14.798 35.514s5.919 26.636 14.798 35.514c8.879 8.879 20.717 14.798 38.474 14.798s26.636-5.919 38.474-14.798c8.879-8.879 14.798-20.717 14.798-35.514s-5.919-26.636-14.798-38.474c-8.879-8.879-23.676-14.798-38.474-14.798-17.757 2.96-29.595 8.879-38.474 17.757zM242.682 474.636h82.867v-361.064h-82.867v361.064zM751.723 439.121c26.636-26.636 41.434-65.11 41.434-118.382v-207.168h-82.867v195.329c0 32.555-8.879 56.231-23.676 71.029s-35.514 23.676-65.11 23.676c-29.595 0-56.231-8.879-73.988-26.636s-26.636-44.393-26.636-79.908v-183.491h-82.867v361.064h79.908v-47.353c14.798 17.757 32.555 29.595 53.272 38.474s44.393 11.838 71.029 11.838c44.393 0 82.867-11.838 109.503-38.474z" />
<glyph unicode="&#xe905;" glyph-name="plus" d="M992 576h-352v352c0 17.664-14.304 32-32 32h-192c-17.696 0-32-14.336-32-32v-352h-352c-17.696 0-32-14.336-32-32v-192c0-17.696 14.304-32 32-32h352v-352c0-17.696 14.304-32 32-32h192c17.696 0 32 14.304 32 32v352h352c17.696 0 32 14.304 32 32v192c0 17.664-14.304 32-32 32z" />
<glyph unicode="&#xe906;" glyph-name="less" d="M32 576h960c17.696 0 32-14.336 32-32v-192c0-17.696-14.304-32-32-32h-960c-17.664 0-32 14.304-32 32v192c0 17.664 14.336 32 32 32z" />
<glyph unicode="&#xe907;" glyph-name="clock" d="M576 512v192h-128v-320h256v128zM512 960c-282.75 0-512-229.25-512-512s229.25-512 512-512 512 229.25 512 512-229.25 512-512 512zM512 64c-212.062 0-384 171.938-384 384s171.938 384 384 384 384-171.938 384-384-171.938-384-384-384z" />
<glyph unicode="&#xe908;" glyph-name="location" d="M512 960c-212.062 0-384-171.938-384-384s384-640 384-640 384 427.938 384 640-171.938 384-384 384zM512 320c-141.376 0-256 114.624-256 256s114.624 256 256 256 256-114.624 256-256-114.624-256-256-256zM512 704c-70.688 0-128-57.312-128-128s57.312-128 128-128 128 57.312 128 128-57.312 128-128 128z" />
<glyph unicode="&#xe909;" glyph-name="company" d="M716.8 704h102.4v-716.8h-614.4v716.8h102.4v51.2c0 56.554 45.846 102.4 102.4 102.4v0h204.8c56.554 0 102.4-45.846 102.4-102.4v0-51.2zM870.4 704h51.2c56.554 0 102.4-45.846 102.4-102.4v0-512c0-56.554-45.846-102.4-102.4-102.4v0h-51.2v716.8zM153.6 704v-716.8h-51.2c-56.554 0-102.4 45.846-102.4 102.4v0 512c0 56.32 46.080 102.4 102.4 102.4h51.2zM409.6 755.2v-51.2h204.8v51.2h-204.8z" />
<glyph unicode="&#xe90a;" glyph-name="linkedin_speaker" d="M928 960h-832c-52.8 0-96-43.2-96-96v-832c0-52.8 43.2-96 96-96h832c52.8 0 96 43.2 96 96v832c0 52.8-43.2 96-96 96zM384 128h-128v448h128v-448zM320 640c-35.4 0-64 28.6-64 64s28.6 64 64 64c35.4 0 64-28.6 64-64s-28.6-64-64-64zM832 128h-128v256c0 35.4-28.6 64-64 64s-64-28.6-64-64v-256h-128v448h128v-79.4c26.4 36.2 66.8 79.4 112 79.4 79.6 0 144-71.6 144-160v-288z" />
<glyph unicode="&#xeac9;" glyph-name="linkedin1" d="M928 960h-832c-52.8 0-96-43.2-96-96v-832c0-52.8 43.2-96 96-96h832c52.8 0 96 43.2 96 96v832c0 52.8-43.2 96-96 96zM384 128h-128v448h128v-448zM320 640c-35.4 0-64 28.6-64 64s28.6 64 64 64c35.4 0 64-28.6 64-64s-28.6-64-64-64zM832 128h-128v256c0 35.4-28.6 64-64 64s-64-28.6-64-64v-256h-128v448h128v-79.4c26.4 36.2 66.8 79.4 112 79.4 79.6 0 144-71.6 144-160v-288z" />
</font></defs></svg>

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

View File

@ -39,8 +39,9 @@
<a href="#" title="Abrir menu" rel="nofollow" id="open-menu-mobile">Menu</a>
<ul>
<li><a href="#enei" title="Enei">Enei</a></li>
<li class="unavailable">Career Path</li>
<li><a href="#calendar" title="Programa">Programa</a></li>
<li class="unavailable">Oradores</li>
<li class="unavailable">Programa</li>
<li><a href="#precos" title="Preços">Preços</a></li>
<li class="unavailable">App</li>
<!-- <li><a href="#ctf" title="Faq's">CTF</li> -->
@ -50,8 +51,7 @@
</nav>
</header>
<!-- apresentation section -->
<div id="apresentation" class="">
<!-- <img src="imgs/logo-enei.png" alt="Logótipo ENEI" width="221" height="333" class="logo-enei"> -->
<div id="apresentation" class="main-landing">
<svg version="1.1" id="logo-enei" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 225 335" style="enable-background:new 0 0 225 335;" xml:space="preserve">
<path id="linha" d="M220.7,5.4L5.6,63v269.1l215.2-57.6V5.4z" />
@ -113,14 +113,314 @@
</div>
</aside>
<!-- career path section -->
<!-- <section id="career-path">
<div class="container">
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
<h1>career Path</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-lg-2 ai">
<a href="cp-inteligencia-artificial.html" title="Carrer Path X" class="career-path-links">
<h2>Inteligência Artificial</h2>
<span class="separator"></span>
<span class="powered-by">Powered by:</span>
<img src="imgs/blip-sponsor.png" alt="Blip Image">
</a>
</div>
<div class="col-lg-2 web">
<a href="#" title="Carrer Path X" class="career-path-links">
<h2>Web Development</h2>
<span class="separator"></span>
<span class="powered-by">Powered by:</span>
<img src="imgs/blip-sponsor.png" alt="Blip Image">
</a>
</div>
<div class="col-lg-2 ai">
<a href="#" title="Carrer Path X" class="career-path-links">
<h2>Inteligência Artificial</h2>
<span class="separator"></span>
<span class="powered-by">Powered by:</span>
<img src="imgs/blip-sponsor.png" alt="Blip Image">
</a>
</div>
<div class="col-lg-2 web">
<a href="#" title="Carrer Path X" class="career-path-links">
<h2>Web Development</h2>
<span class="separator"></span>
<span class="powered-by">Powered by:</span>
<img src="imgs/blip-sponsor.png" alt="Blip Image">
</a>
</div>
<div class="col-lg-2 ai">
<a href="#" title="Carrer Path X" class="career-path-links">
<h2>Inteligência Artificial</h2>
<span class="separator"></span>
<span class="powered-by">Powered by:</span>
<img src="imgs/blip-sponsor.png" alt="Blip Image">
</a>
</div>
<div class="col-lg-2 web">
<a href="#" title="Carrer Path X" class="career-path-links">
<h2>Web Development</h2>
<span class="separator"></span>
<span class="powered-by">Powered by:</span>
<img src="imgs/blip-sponsor.png" alt="Blip Image">
</a>
</div>
</div>
</div>
</section> -->
<!-- calendario section -->
<section id="calendar" class="grey">
<div class="container">
<div class="row">
<div class="col-lg-6 col-lg-offset-3">
<h1>Programa Geral</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div id="calendar-container">
<div id="event-days-list">
<button class="selected" data-eventDay="12">12 <span>Abril</span> </button>
<button data-eventDay="13">13 <span>Abril</span></button>
<button data-eventDay="14">14 <span>Abril</span></button>
<button data-eventDay="15">15 <span>Abril</span></button>
</div>
<div class="day-night-filter">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-6">
<div class="half-day">Diurno</div>
</div>
<div class="col-lg-6">
<div class="half-day">Noturno</div>
</div>
</div>
</div>
</div>
</div>
<div id="content-container">
<section class="content visible" data-eventContent="12">
<div class="row">
<div class="col-lg-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>8:00 - 10:00
</div>
</div>
<div class="col-lg-8 event-details">
<h2>Palestra sobre a fome em África</h2>
<h3>Pedro Duarte</h3>
<div class="event-location"><span class="icon-company"></span>Microsoft
Corporation</div>
<a href="#" target="_blank" class="event-location"><span
class="icon-linkedin_speaker"></span>Linkedin</a>
<div class="event-location"><span class="icon-location"></span>Edíficio
Gerais (G1)</div>
<button class="event-description"><span
class="arrow">&#10132;</span>Descrição</button>
<h2>Palestra sobre a fome em África</h2>
<h3>Pedro Duarte</h3>
<div class="event-location"><span class="icon-company"></span>Microsoft
Corporation</div>
<div class="event-location"><span class="icon-location"></span>Edíficio
Gerais (G1)</div> <button class="event-description"><span
class="arrow">&#10132;</span>Descrição</button>
</div>
</div>
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>8:00 - 10:00
</div>
</div>
<div class="col-lg-8 event-details">
<h2>Palestra sobre a fome em África</h2>
<h3>Pedro Duarte</h3>
<div class="event-location"><span class="icon-company"></span>Microsoft
Corporation</div>
<a href="#" target="_blank" class="event-location"><span
class="icon-linkedin_speaker"></span>Linkedin</a>
<div class="event-location"><span class="icon-location"></span>Edíficio
Gerais (G1)</div> <button class="event-description"><span
class="arrow">&#10132;</span>Descrição</button>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>18:00 - 19:00
</div>
</div>
<div class="col-lg-8 event-details">
<h2>Palestra sobre a fome em África</h2>
<h3>Pedro Duarte</h3>
<div class="event-location"><span class="icon-company"></span>Microsoft
Corporation</div>
<a href="#" target="_blank" class="event-location"><span
class="icon-linkedin_speaker"></span>Linkedin</a>
<div class="event-location"><span class="icon-location"></span>Edíficio
Gerais (G1)</div> <button class="event-description"><span
class="arrow">&#10132;</span>Descrição</button>
</div>
</div>
</div>
</div>
</section>
<section class="content" data-eventContent="13">
<div class="row">
<div class="col-lg-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>8:00 - 10:00
</div>
</div>
<div class="col-lg-8 event-details">
<h2>Palestra sobre a fome em África</h2>
<h3>Pedro Duarte</h3>
<div class="event-location"><span class="icon-company"></span>Microsoft
Corporation</div>
<a href="#" target="_blank" class="event-location"><span
class="icon-linkedin_speaker"></span>Linkedin</a>
<div class="event-location"><span class="icon-location"></span>Edíficio
Gerais (G1)</div>
<button class="event-description"><span
class="arrow">&#10132;</span>Descrição</button>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>18:00 - 19:00
</div>
</div>
<div class="col-lg-8 event-details">
<h2>Palestra sobre a fome em África</h2>
<h3>Pedro Duarte</h3>
<div class="event-location"><span class="icon-company"></span>Microsoft
Corporation</div>
<div class="event-location"><span class="icon-location"></span>Edíficio
Gerais (G1)</div> <button class="event-description"><span
class="arrow">&#10132;</span>Descrição</button>
</div>
</div>
</div>
</div>
</section>
<section class="content" data-eventContent="14">
<div class="row">
<div class="col-lg-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>9:00 - 10:00
</div>
</div>
<div class="col-lg-8 event-details">
<h2>Palestra sobre a fome em África</h2>
<h3>Pedro Duarte</h3>
<div class="event-location"><span class="icon-company"></span>Microsoft
Corporation</div>
<div class="event-location"><span class="icon-location"></span>Edíficio
Gerais (G1)</div>
<button class="event-description"><span
class="arrow">&#10132;</span>Descrição</button>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>19:00 - 19:00
</div>
</div>
<div class="col-lg-8 event-details">
<h2>Palestra sobre a fome em África</h2>
<h3>Pedro Duarte</h3>
<div class="event-location"><span class="icon-company"></span>Microsoft
Corporation</div>
<div class="event-location"><span class="icon-location"></span>Edíficio
Gerais (G1)</div> <button class="event-description"><span
class="arrow">&#10132;</span>Descrição</button>
</div>
</div>
</div>
</div>
</section>
<section class="content" data-eventContent="15">
<div class="row">
<div class="col-lg-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>10:00 - 11:00
</div>
</div>
<div class="col-lg-8 event-details">
<h2>Palestra sobre a fome em África</h2>
<h3>Pedro Duarte</h3>
<div class="event-location"><span class="icon-company"></span>Microsoft
Corporation</div>
<div class="event-location"><span class="icon-location"></span>Edíficio
Gerais (G1)</div>
<button class="event-description"><span
class="arrow">&#10132;</span>Descrição</button>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>20:00 - 19:00
</div>
</div>
<div class="col-lg-8 event-details">
<h2>Palestra sobre a fome em África</h2>
<h3>Pedro Duarte</h3>
<div class="event-location"><span class="icon-company"></span>Microsoft
Corporation</div>
<div class="event-location"><span class="icon-location"></span>Edíficio
Gerais (G1)</div> <button class="event-description"><span
class="arrow">&#10132;</span>Descrição</button>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- precos section -->
<section id="precos">
<div class="container">
<div class="row">
<div class="col-lg-10 col-lg-offset-1 col-sm-12 col-sm-offset-0 col-xs-10 col-xs-offset-1">
<div class="col-lg-6 col-lg-offset-3 col-sm-12 col-sm-offset-0 col-xs-10 col-xs-offset-1">
<div class="pre-h1">ENEI'19</div>
<h1>Preços</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-lg-10 col-lg-offset-1 col-sm-12 col-sm-offset-0 col-xs-10 col-xs-offset-1">
<div class="price-block">
<div class="type">Normal</div>
<div>
@ -172,10 +472,10 @@
</section> -->
<!-- sponsors section -->
<section id="sponsors">
<section id="sponsors" class="grey">
<div class="container">
<div class="row">
<div class="col-lg-4 col-lg-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
<div class="col-lg-6 col-lg-offset-3 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
<h1>Main Sponsor</h1>
<hr>
</div>
@ -195,13 +495,14 @@
</div>
</div>
<div class="row">
<div class="col-lg-10 col-lg-offset-1 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1 vertically-aligned">
<div
class="col-lg-10 col-lg-offset-1 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1 vertically-aligned">
<a href="http://www.novabase.pt/pt" title="Novabase" target="_blank" class="sponsor-image"><img
src="imgs/novaBase-sponsor.jpg" alt="Novabase Image"></a>
<a href="https://blip.pt/" title="Blip" target="_blank" class="sponsor-image"><img
src="imgs/blip-sponsor.png" alt="Blip Image"></a>
<!-- <a href="https://www2.deloitte.com" title="Deloitte." target="_blank" class="sponsor-image"><img
src="imgs/deloitte-sponsor.png" alt="Deloitte Image"></a> -->
<a href="https://www2.deloitte.com" title="Deloitte." target="_blank" class="sponsor-image"><img
src="imgs/deloitte-sponsor.png" alt="Deloitte Image"></a>
</div>
</div>
</div>

View File

@ -83,11 +83,38 @@ if (cookie) {
*/
// end cookies code
// functionalitys of calendar
function calendarFunctionality() {
var dayButtons = document.getElementById("event-days-list");
var daySelected = null;
var contentVisible = null;
if (dayButtons) {
dayButtons.querySelectorAll("button").forEach(function (button) {
button.addEventListener("click", function () {
daySelected = this.getAttribute("data-eventday");
contentVisible = document.getElementById("content-container").querySelector(".content[data-eventContent='" + daySelected + "']");
// actions on links
document.getElementById("event-days-list").querySelector(".selected").classList.remove("selected");
this.classList.add("selected");
// actions on content
document.getElementById("content-container").querySelector(".visible").classList.remove("visible");
contentVisible.classList.add("visible");
});
})
}
}
$(document).ready(function () {
calendarFunctionality();
// inicial animation
setTimeout(function () {
document.getElementById("apresentation").classList.add("animated");
if (document.querySelector(".main-landing")) {
document.getElementById("apresentation").classList.add("animated");
}
}, 1200);
// main menu anchors

View File

@ -71,6 +71,7 @@
font-style: normal;
font-weight: normal;
font-variant: normal;
display: inline-block;
text-transform: none;
line-height: 1;
transition: color 150ms ease;
@ -90,18 +91,30 @@
color: #ffffff;
}
.icon-plus:before {
content: "";
.icon-linkedin_speaker:before {
content: "";
}
.icon-less:before {
content: "";
.icon-company:before {
content: "";
}
.icon-clock:before {
content: "";
}
.icon-location:before {
content: "";
}
.icon-email:before {
content: "";
}
.icon-instagram:before {
content: "";
}
.icon-facebook:before {
content: "";
}
@ -110,8 +123,16 @@
content: "";
}
.icon-instagram:before {
content: "";
.icon-menu:before {
content: "";
}
.icon-plus:before {
content: "";
}
.icon-less:before {
content: "";
}
* {
@ -138,6 +159,16 @@ body {
width: 100%;
position: relative;
overflow-x: hidden;
font-family: "Bai Jamjuree", sans-serif;
font-weight: 400;
}
button:hover {
cursor: pointer;
}
span {
display: block;
}
section,
@ -168,13 +199,6 @@ img {
height: auto;
}
h1,
h2,
h3,
h4 {
font-family: "Bai Jamjuree";
}
h1 {
font-size: 38px;
line-height: 34px;
@ -218,6 +242,14 @@ h2 {
}
}
h3 {
font-size: 20px;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 5px;
}
p {
font-family: "Bai Jamjuree", sans-serif;
font-size: 20px;
@ -366,7 +398,7 @@ select {
}
hr {
width: 60%;
width: 55%;
height: 1px;
background-color: #eeeeee;
margin-bottom: 30px;
@ -389,6 +421,10 @@ hr::after {
background-color: #cc1a17;
}
.grey {
background-color: #eeeeee;
}
#error-message {
font-size: 115px;
line-height: 140px;
@ -617,11 +653,14 @@ hr::after {
background: url("imgs/coimbra-image.jpg") no-repeat center;
background-size: cover;
background-attachment: fixed;
z-index: 10;
position: relative;
}
#apresentation::after {
#apresentation.main-landing {
z-index: 10;
}
#apresentation.main-landing::after {
content: " ";
position: fixed;
top: 0;
@ -634,25 +673,25 @@ hr::after {
transition: opacity 150ms ease-out;
}
#apresentation.animated {
#apresentation.main-landing.animated {
z-index: 0;
}
#apresentation.animated::after {
#apresentation.main-landing.animated::after {
opacity: 0;
}
#apresentation.animated #logo-enei {
#apresentation.main-landing.animated #logo-enei {
position: absolute;
}
#apresentation.animated #linha {
#apresentation.main-landing.animated #linha {
fill: #000000;
-webkit-animation: none;
animation: none;
}
#apresentation.animated .letras-logo {
#apresentation.main-landing.animated .letras-logo {
fill: #ffffff;
-webkit-animation: none;
animation: none;
@ -875,7 +914,6 @@ hr::after {
#programa hr {
display: table;
margin: 0 auto;
width: 50%;
}
#programa hr::after {
@ -895,7 +933,6 @@ hr::after {
#precos hr {
display: table;
margin: 0 auto 60px;
width: 40%;
}
#precos hr::after {
@ -1128,7 +1165,7 @@ hr::after {
font-family: "Bai Jamjuree", sans-serif;
font-size: 18px;
line-height: 14px;
color: #CC1A17;
color: #cc1a17;
font-weight: 700;
text-transform: uppercase;
border: 1px solid #eeeeee;
@ -1199,14 +1236,12 @@ hr::after {
}
#sponsors {
background-color: #eeeeee;
text-align: center;
}
#sponsors hr {
display: table;
margin: 0 auto;
width: 60%;
background-color: #353535;
}
@ -1374,4 +1409,430 @@ footer p {
#tab-container .tab.visible {
display: block;
}
#career-path {
text-align: center;
}
#career-path hr {
display: table;
margin: 0 auto 60px;
}
#career-path hr::after {
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
#career-path h2 {
color: #ffffff;
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
}
#career-path .powered-by {
font-family: "Bai Jamjuree", sans-serif;
font-size: 16px;
line-height: 20px;
color: #ffffff;
margin-bottom: 15px;
}
#career-path .separator {
display: block;
margin: 0 auto;
width: 40%;
height: 1px;
background-color: #ffffff;
margin-bottom: 10px;
}
#career-path .career-path-links {
position: relative;
padding: 20px;
display: inline-block;
}
#career-path .career-path-links::after {
content: "";
width: calc(100% + 8px);
height: calc(100% + 8px);
position: absolute;
top: -5px;
left: -5px;
border: 1px solid red;
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
left: -5px;
left: -5px;
-webkit-transition: border-width 150ms ease-in-out, top 150ms ease-in-out, border-width 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
transition: border-width 150ms ease-in-out, top 150ms ease-in-out, border-width 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
transition: transform 150ms ease-in-out, border-width 150ms ease-in-out, top 150ms ease-in-out, border-width 150ms ease-in-out;
transition: transform 150ms ease-in-out, border-width 150ms ease-in-out, top 150ms ease-in-out, border-width 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}
#career-path .career-path-links:hover:after {
-webkit-transform: skewX(0);
transform: skewX(0);
border-width: 2px;
top: -6px;
left: -6px;
}
#career-path .career-path-links img {
-webkit-filter: invert(100%);
filter: invert(100%);
max-width: 70%;
margin: 0 auto;
}
#career-path .ai .career-path-links {
background-color: #17cc70;
}
#career-path .ai .career-path-links::after {
border-color: #17cc70;
}
#career-path .web .career-path-links {
background-color: #004994;
}
#career-path .web .career-path-links::after {
border-color: #004994;
}
#speakers {
text-align: center;
}
#speakers hr {
display: table;
margin: 0 auto 60px;
}
#speakers hr::after {
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
#calendar h1 {
text-align: center;
}
#calendar hr {
display: table;
margin: 0 auto 60px;
background-color: #353535;
}
#calendar hr::after {
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.career-apresentation {
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.career-apresentation .career-name {
font-size: 46px;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
text-align: center;
}
.career-apresentation .career-name span {
font-size: 22px;
text-transform: none;
}
.career-apresentation img {
-webkit-filter: invert(100%);
filter: invert(100%);
max-width: 250px;
margin: 35px auto 0;
}
.career-path #apresentation::after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5;
}
.speaker-button {
display: block;
margin-bottom: 50px;
position: relative;
}
.speaker-button:hover .speaker-image::before {
border-color: #17cc70;
}
.speaker-button:hover .speaker-image::after {
opacity: 0.85;
}
.speaker-button:hover .company-image {
opacity: 1;
width: 85%;
}
.speaker-button .speaker-image {
width: 200px;
height: 200px;
display: table;
margin: 0 auto 20px;
position: relative;
}
.speaker-button .speaker-image::before {
content: "";
width: calc(100% + 8px);
height: calc(100% + 8px);
position: absolute;
top: -6px;
left: -6px;
border: 2px solid #353535;
-webkit-transition: border-color 150ms ease-in-out;
transition: border-color 150ms ease-in-out;
}
.speaker-button .speaker-image::after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
-webkit-transition: opacity 150ms ease-in-out;
transition: opacity 150ms ease-in-out;
opacity: 0;
}
.speaker-button .company-image {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 82%;
z-index: 1;
-webkit-transition: opacity 150ms ease-in-out, width 150ms ease-in-out;
transition: opacity 150ms ease-in-out, width 150ms ease-in-out;
opacity: 0;
}
.speaker-button .speaker-name {
font-weight: 700;
font-size: 22px;
line-height: 26px;
color: #353535;
margin-bottom: 5px;
}
.speaker-button .speaker-company {
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #777777;
}
/* CAREER PATH COLORS */
.ai-color #main-menu nav ul li a:hover,
.ai-color #event-days-list button.selected,
.ai-color #event-days-list button:hover,
.ai-color #content-container h2,
.ai-color #social-network ul li a:hover,
.ai-color #content-container .event-description:hover {
color: #17cc70;
}
.ai-color #main-menu nav ul li a::after,
.ai-color #apresentation::after,
.ai-color hr::after,
.ai-color #calendar-container .event-details::before {
background-color: #17cc70;
}
#calendar-container .event-details::before {
content: " ";
position: absolute;
top: 5px;
left: 0px;
width: 1px;
height: 100%;
background-color: #cc1a17;
}
#calendar-container .event-data {
margin-top: 50px;
}
#calendar-container .event-data:first-child {
margin-top: 0;
}
#calendar-container .event-data h2:first-child {
margin-top: 0;
}
#event-days-list {
border-bottom: 1px solid #353535;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#event-days-list button {
width: 25%;
padding: 20px 0;
background-color: transparent;
color: #353535;
font-size: 32px;
font-weight: 700;
-webkit-transition: color 150ms ease, -webkit-transform 150ms ease;
transition: color 150ms ease, -webkit-transform 150ms ease;
transition: color 150ms ease, transform 150ms ease;
transition: color 150ms ease, transform 150ms ease, -webkit-transform 150ms ease;
}
#event-days-list button:last-child {
border-right: 0;
}
#event-days-list button.selected {
color: #cc1a17;
}
#event-days-list button.selected:hover {
cursor: default;
-webkit-transform: scale(1);
transform: scale(1);
}
#event-days-list button:hover {
color: #cc1a17;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
#event-days-list button span {
display: block;
font-weight: 500;
font-size: 20px;
}
.day-night-filter {
border-bottom: 1px solid #353535;
}
.day-night-filter button {
width: 50%;
padding: 30px 0;
border-right: 1px solid #353535;
}
.day-night-filter button:last-child {
border-right: 0;
}
.day-night-filter .half-day {
text-align: center;
padding: 20px 0;
color: #353535;
font-size: 27px;
font-weight: 700;
text-transform: uppercase;
}
#content-container {
padding: 30px 30px 0;
color: #353535;
}
#content-container .content {
display: none;
}
#content-container .content.visible {
display: block;
}
#content-container .event-description {
font-family: "Bai Jamjuree";
font-weight: 600;
font-size: 17px;
background-color: transparent;
color: #353535;
-webkit-transition: color 150ms ease;
transition: color 150ms ease;
}
#content-container .event-description:hover {
color: #cc1a17;
}
#content-container .event-description span {
display: inline-block;
font-size: 16px;
margin-right: 10px;
}
#content-container section {
padding: 0;
}
#content-container h2 {
font-size: 23px;
color: #cc1a17;
margin-bottom: 10px;
margin-top: 35px;
}
#content-container h3 {
margin-bottom: 10px;
}
#content-container .event-location {
color: #353535;
margin-bottom: 5px;
display: block;
}
#content-container .event-location span {
margin-right: 10px;
-webkit-transition: none;
transition: none;
}
#content-container a.event-location:hover {
color: #cc1a17;
}
#content-container .event-time {
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
#content-container .container-speaker-image::after {
content: " ";
}
/*# sourceMappingURL=main.css.map */

File diff suppressed because one or more lines are too long

View File

@ -5,7 +5,10 @@ $grey: #777777;
$light-grey: #eeeeee;
$dark-grey: #353535;
$red: #cc1a17;
$light-red: #ff2923;
$dark-blue: #080014;
$ai-color: #17cc70;
$web-color: #004994;
//dimensions
$mobile: 769px;
@ -121,6 +124,10 @@ $bold: 700;
//icons
$icomoon-font-path: "fonts" !default;
$icon-linkedin_speaker: "\e90a";
$icon-company: "\e909";
$icon-clock: "\e907";
$icon-location: "\e908";
$icon-email: "\e902";
$icon-instagram: "\e900";
$icon-facebook: "\e901";
@ -128,6 +135,7 @@ $icon-linkedin: "\e904";
$icon-menu: "\e903";
$icon-plus: "\e905";
$icon-less: "\e906";
$icon-linkedin1: "\eac9";
@font-face {
font-family: "icomoon";
@ -147,6 +155,7 @@ $icon-less: "\e906";
font-style: normal;
font-weight: normal;
font-variant: normal;
display: inline-block;
text-transform: none;
line-height: 1;
transition: color $standard-animation-time ease;
@ -166,14 +175,24 @@ $icon-less: "\e906";
color: $white;
}
.icon-plus {
.icon-linkedin_speaker {
&:before {
content: $icon-plus;
content: $icon-linkedin_speaker;
}
}
.icon-less {
.icon-company {
&:before {
content: $icon-less;
content: $icon-company;
}
}
.icon-clock {
&:before {
content: $icon-clock;
}
}
.icon-location {
&:before {
content: $icon-location;
}
}
.icon-email {
@ -181,6 +200,11 @@ $icon-less: "\e906";
content: $icon-email;
}
}
.icon-instagram {
&:before {
content: $icon-instagram;
}
}
.icon-facebook {
&:before {
content: $icon-facebook;
@ -191,9 +215,19 @@ $icon-less: "\e906";
content: $icon-linkedin;
}
}
.icon-instagram {
.icon-menu {
&:before {
content: $icon-instagram;
content: $icon-menu;
}
}
.icon-plus {
&:before {
content: $icon-plus;
}
}
.icon-less {
&:before {
content: $icon-less;
}
}
@ -220,6 +254,18 @@ body {
width: 100%;
position: relative;
overflow-x: hidden;
font-family: $mont-font, sans-serif;
font-weight: $regular;
}
button {
&:hover {
cursor: pointer;
}
}
span {
display: block;
}
section,
@ -240,13 +286,6 @@ img {
height: auto;
}
h1,
h2,
h3,
h4 {
font-family: $mont-font;
}
h1 {
font-size: 38px;
line-height: 34px;
@ -278,6 +317,14 @@ h2 {
}
}
h3 {
font-size: 20px;
line-height: 22px;
font-weight: $bold;
text-transform: uppercase;
margin-bottom: 5px;
}
p {
@include font($mont-font, 20px, 32px, $grey);
@include portable {
@ -360,10 +407,10 @@ select {
margin-left: 25px;
}
.vertically-aligned{
.vertically-aligned {
display: flex;
align-items: center;
justify-content: center;
align-items: center;
justify-content: center;
}
.btn {
@ -397,7 +444,7 @@ select {
}
hr {
@include size(60%, 1px);
@include size(55%, 1px);
background-color: $light-grey;
margin-bottom: 30px;
position: relative;
@ -412,6 +459,10 @@ hr {
}
}
.grey {
background-color: $light-grey;
}
#error-message {
font-size: 115px;
line-height: 140px;
@ -570,10 +621,12 @@ hr {
background: url("imgs/coimbra-image.jpg") no-repeat center;
background-size: cover;
background-attachment: fixed;
z-index: 10;
position: relative;
&.main-landing {
z-index: 10;
}
&::after {
&.main-landing::after {
content: " ";
@include position(fixed, 0, null, null, 0);
@include size(100%, 100%);
@ -581,7 +634,7 @@ hr {
opacity: 1;
transition: opacity 150ms ease-out;
}
&.animated {
&.main-landing.animated {
z-index: 0;
&::after {
opacity: 0;
@ -736,7 +789,6 @@ hr {
hr {
display: table;
margin: 0 auto;
width: 50%;
&::after {
left: 50%;
transform: translateX(-50%);
@ -754,7 +806,6 @@ hr {
hr {
display: table;
margin: 0 auto 60px;
width: 40%;
&::after {
left: 50%;
transform: translateX(-50%);
@ -898,17 +949,14 @@ hr {
}
}
#ctf{
background-image: url("imgs/image.png");
#ctf {
background-image: url("imgs/image.png");
text-align: center;
h1 {
color: white;
margin-top: 80px;
margin-bottom: 50px;
}
.button-ctf {
&:hover {
@ -917,18 +965,13 @@ hr {
color: $grey;
}
}
}
.prectf-h1{
.prectf-h1 {
@include font($mont-font, 20px, 22px, $grey);
font-weight: $semi-bold;
text-transform: uppercase;
margin-bottom:100px;
margin-bottom: 100px;
@include portable {
font-size: 17px;
}
@ -937,21 +980,18 @@ hr {
}
color: #cc1a17;
}
.button-ctf{
font-family: "Bai Jamjuree", sans-serif;
font-size: 18px;
line-height: 14px;
color: #CC1A17;
font-weight: 700;
text-transform: uppercase;
border: 1px solid #eeeeee;
padding: 20px 40px;
margin: 200;
transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
-webkit-transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
.button-ctf {
font-family: "Bai Jamjuree", sans-serif;
font-size: 18px;
line-height: 14px;
color: #cc1a17;
font-weight: 700;
text-transform: uppercase;
border: 1px solid #eeeeee;
padding: 20px 40px;
margin: 200;
transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
-webkit-transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
}
#faqs,
#tickets {
@ -1007,12 +1047,10 @@ hr {
}
#sponsors {
background-color: $light-grey;
text-align: center;
hr {
display: table;
margin: 0 auto;
width: 60%;
background-color: $dark-grey;
&::after {
left: 50%;
@ -1031,7 +1069,7 @@ hr {
filter: grayscale(0);
transform: scale(1.03);
}
@include mobile{
@include mobile {
max-width: 160px;
margin: 40px 15px 0;
}
@ -1041,10 +1079,10 @@ hr {
font-size: 30px;
line-height: 26px;
margin-top: 75px;
@include portable{
@include portable {
font-size: 27px;
}
@include mobile{
@include mobile {
font-size: 23px;
}
}
@ -1140,3 +1178,360 @@ footer {
}
}
}
#career-path {
text-align: center;
hr {
display: table;
margin: 0 auto 60px;
&::after {
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
}
h2 {
color: $white;
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
}
.powered-by {
@include font($mont-font, 16px, 20px, $white);
margin-bottom: 15px;
}
.separator {
display: block;
margin: 0 auto;
@include size(40%, 1px);
background-color: $white;
margin-bottom: 10px;
}
.career-path-links {
position: relative;
padding: 20px;
display: inline-block;
&::after {
content: "";
@include size(calc(100% + 8px), calc(100% + 8px));
@include position(absolute, -5px, null, null, -5px);
border: 1px solid red;
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
left: -5px;
left: -5px;
transition: transform $transition-time ease-in-out, border-width $transition-time ease-in-out,
top $transition-time ease-in-out, border-width $transition-time ease-in-out;
}
&:hover:after {
-webkit-transform: skewX(0);
transform: skewX(0);
border-width: 2px;
top: -6px;
left: -6px;
}
img {
-webkit-filter: invert(100%);
filter: invert(100%);
max-width: 70%;
margin: 0 auto;
}
}
.ai {
.career-path-links {
background-color: $ai-color;
&::after {
border-color: $ai-color;
}
}
}
.web {
.career-path-links {
background-color: $web-color;
&::after {
border-color: $web-color;
}
}
}
}
#speakers {
text-align: center;
hr {
display: table;
margin: 0 auto 60px;
&::after {
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
}
}
#calendar {
h1 {
text-align: center;
}
hr {
display: table;
margin: 0 auto 60px;
background-color: #353535;
&::after {
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
}
}
.career-apresentation {
z-index: 1;
@include position(absolute, 50%, null, null, 50%);
transform: translate(-50%, -50%);
.career-name {
font-size: 46px;
font-weight: $bold;
color: $white;
text-transform: uppercase;
text-align: center;
span {
font-size: 22px;
text-transform: none;
}
}
img {
-webkit-filter: invert(100%);
filter: invert(100%);
max-width: 250px;
margin: 35px auto 0;
}
}
.career-path {
#apresentation {
&::after {
content: " ";
@include position(absolute, 0, null, null, 0);
@include size(100%, 100%);
opacity: 0.5;
}
}
}
.speaker-button {
display: block;
margin-bottom: 50px;
position: relative;
&:hover {
.speaker-image::before {
border-color: $ai-color;
}
.speaker-image::after {
opacity: 0.85;
}
.company-image {
opacity: 1;
width: 85%;
}
}
.speaker-image {
@include size(200px, 200px);
display: table;
margin: 0 auto 20px;
position: relative;
&::before {
content: "";
@include size(calc(100% + 8px), calc(100% + 8px));
@include position(absolute, -6px, null, null, -6px);
border: 2px solid $dark-grey;
transition: border-color $transition-time ease-in-out;
}
&::after {
content: " ";
@include position(absolute, 0, null, null, 0);
@include size(100%, 100%);
background-color: $white;
transition: opacity $transition-time ease-in-out;
opacity: 0;
}
}
.company-image {
@include position(absolute, 50%, null, null, 50%);
transform: translate(-50%, -50%);
width: 82%;
z-index: 1;
transition: opacity $transition-time ease-in-out, width $transition-time ease-in-out;
opacity: 0;
}
.speaker-name {
font-weight: $bold;
font-size: 22px;
line-height: 26px;
color: $dark-grey;
margin-bottom: 5px;
}
.speaker-company {
font-weight: $semi-bold;
font-size: 16px;
line-height: 20px;
color: $grey;
}
}
/* CAREER PATH COLORS */
.ai-color {
#main-menu nav ul li a:hover,
#event-days-list button.selected,
#event-days-list button:hover,
#content-container h2,
#social-network ul li a:hover,
#content-container .event-description:hover {
color: $ai-color;
}
#main-menu nav ul li a::after,
#apresentation::after,
hr::after,
#calendar-container .event-details::before {
background-color: $ai-color;
}
}
#calendar-container {
.event-details {
&::before {
content: " ";
@include position(absolute, 5px, null, null, 0px);
@include size(1px, 100%);
background-color: $red;
}
}
.event-data {
margin-top: 50px;
&:first-child {
margin-top: 0;
}
h2:first-child {
margin-top: 0;
}
}
}
#event-days-list {
border-bottom: 1px solid $dark-grey;
display: flex;
button {
width: 25%;
padding: 20px 0;
background-color: transparent;
color: $dark-grey;
font-size: 32px;
font-weight: 700;
transition: color $transition-time ease, transform $transition-time ease;
&:last-child {
border-right: 0;
}
&.selected {
color: $red;
&:hover {
cursor: default;
transform: scale(1);
}
}
&:hover {
color: $red;
transform: scale(1.02);
}
span {
display: block;
font-weight: 500;
font-size: 20px;
}
}
}
.day-night-filter {
border-bottom: 1px solid $dark-grey;
button {
width: 50%;
padding: 30px 0;
border-right: 1px solid $dark-grey;
&:last-child {
border-right: 0;
}
}
.half-day {
text-align: center;
padding: 20px 0;
color: $dark-grey;
font-size: 27px;
font-weight: 700;
text-transform: uppercase;
}
}
#content-container {
padding: 30px 30px 0;
color: $dark-grey;
.content {
display: none;
&.visible {
display: block;
}
}
.event-description {
font-family: $mont-font;
font-weight: 600;
font-size: 17px;
background-color: transparent;
color: $dark-grey;
transition: color $transition-time ease;
&:hover {
color: $red;
}
span {
display: inline-block;
font-size: 16px;
margin-right: 10px;
}
}
section {
padding: 0;
}
h2 {
font-size: 23px;
color: $red;
margin-bottom: 10px;
margin-top: 35px;
}
h3 {
margin-bottom: 10px;
}
.event-location {
color: $dark-grey;
margin-bottom: 5px;
display: block;
span {
margin-right: 10px;
transition: none;
}
}
a.event-location:hover{
color: $red;
}
.event-time {
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
.container-speaker-image {
&::after {
content: " ";
}
}
}

File diff suppressed because one or more lines are too long