Merge pull request #32 from henrydays/filipe

Filipe
This commit is contained in:
Henrique Dias 2019-04-07 16:00:32 +01:00 committed by GitHub
commit 4cb8e6ed0d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 931 additions and 286 deletions

View File

@ -358,12 +358,9 @@
</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="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>

Binary file not shown.

View File

@ -18,5 +18,6 @@
<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="&#xe90b;" glyph-name="clipboard" horiz-adv-x="725" d="M658.852-64h-592.967c-36.443 0-65.885 29.442-65.885 65.782v793.814c0 36.34 29.442 65.679 65.885 65.679h164.713v-68.459h-131.77c-18.221 0-32.943-14.721-32.943-32.84v-725.252c0-18.221 14.721-32.84 32.943-32.84h527.082c18.221 0 32.943 14.618 32.943 32.84v725.252c0 18.221-14.721 32.84-32.943 32.84h-131.77v68.562h164.713c36.34 0 65.885-29.442 65.885-65.679v-793.814c0-36.443-29.545-65.885-65.885-65.885zM230.598 595.573h362.369v-32.84h-362.369v32.84zM230.598 496.951h362.369v-32.84h-362.369v32.84zM230.598 398.329h362.369v-32.84h-362.369v32.84zM230.598 299.707h362.369v-32.84h-362.369v32.84zM592.967 69.623h-362.369v32.84h362.369v-32.84zM230.598 201.085h362.369v-32.84h-362.369v32.84zM131.77 596.293h32.943v-32.84h-32.943v32.84zM131.77 497.671h32.943v-32.84h-32.943v32.84zM131.77 399.049h32.943v-32.84h-32.943v32.84zM131.77 300.427h32.943v-32.84h-32.943v32.84zM164.713 70.241h-32.943v32.84h32.943v-32.84zM131.77 201.806h32.943v-32.84h-32.943v32.84zM560.024 757.918c18.221 0 32.943-14.721 32.943-32.943 0-18.118 0-63.723 0-63.723h-461.196c0 0 0 45.502 0 63.723s14.721 32.943 32.943 32.943h98.828c0 0 0.412 46.737 0.412 100.166 0 55.488 42.825 101.916 98.416 101.916s99.96-48.796 99.96-102.225c0-57.547-1.132-99.857-1.132-99.857h98.828zM362.369 861.378c-18.221 0-32.943-14.721-32.943-32.84 0-18.221 14.721-32.84 32.943-32.84s32.943 14.721 32.943 32.84c0 18.118-14.721 32.84-32.943 32.84z" />
<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: 6.1 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

Binary file not shown.

Binary file not shown.

View File

@ -131,10 +131,10 @@
<div class="col-lg-12">
<div class="row">
<div class="col-lg-6">
<div class="half-day">Diurno</div>
<div class="half-day">Manhã</div>
</div>
<div class="col-lg-6">
<div class="half-day">Noturno</div>
<div class="half-day">Tarde</div>
</div>
</div>
</div>
@ -144,20 +144,20 @@
---- modelo ----
<div class="col-lg-8 event-details">
<h2>Palestra sobre a fome em África</h2>
<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>
<div class="event-details"><span class="icon-company"></span>Microsoft Corporation</div>
<a href="#" target="_blank" class="event-details"><span class="icon-linkedin_speaker"></span>Linkedin</a>
<div class="event-details"><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>
<div class="event-details"><span class="icon-company"></span>Microsoft Corporation</div>
<div class="event-details"><span class="icon-location"></span>Edíficio Gerais (G1)</div>
<button class="event-description"><span class="arrow">&#10132;</span>Descrição</button>
</div> -->
<div id="content-container">
<section class="content visible" data-eventContent="12">
<section class="content" data-eventContent="12">
<div class="row">
<div class="col-lg-6">
<div class="col-lg-6 col-lg-offset-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>14:00 - 17:30</div>
@ -173,7 +173,7 @@
<div class="col-lg-8 event-details">
<h2>Abertura</h2>
<h3>Grupo de Fado Maio e Isecotuna</h3>
<div class="event-location"><span class="icon-location"></span>FALTA</div>
<div class="event-details"><span class="icon-location"></span>FALTA</div>
</div>
</div>
<div class="row event-data">
@ -182,11 +182,9 @@
</div>
<div class="col-lg-8 event-details">
<h2>Jantar</h2>
<div class="event-location"><span class="icon-location"></span>Cantina</div>
<div class="event-details"><span class="icon-location"></span>Cantina</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>22:00 - 01:00</div>
@ -194,7 +192,7 @@
<div class="col-lg-8 event-details">
<h2>Festarola</h2>
<h3>DJ 24 Bar</h3>
<div class="event-location"><span class="icon-location"></span>FALTA</div>
<div class="event-details"><span class="icon-location"></span>FALTA</div>
</div>
</div>
<div class="row event-data">
@ -204,13 +202,13 @@
<div class="col-lg-8 event-details">
<h2>Festarola</h2>
<h3>DJ Nuka</h3>
<div class="event-location"><span class="icon-location"></span>FALTA</div>
<div class="event-details"><span class="icon-location"></span>FALTA</div>
</div>
</div>
</div>
</div>
</section>
<section class="content" data-eventContent="13">
<section class="content visible" data-eventContent="13">
<div class="row">
<div class="col-lg-6">
<div class="row event-data">
@ -227,7 +225,7 @@
</div>
<div class="col-lg-8 event-details">
<h2>Pequeno-Almoço</h2>
<div class="event-location"><span class="icon-location"></span>Cantina</div>
<div class="event-details"><span class="icon-location"></span>Cantina</div>
</div>
</div>
<div class="row event-data">
@ -235,17 +233,17 @@
<div class="event-time"></span>10:00 - 11:00</div>
</div>
<div class="col-lg-8 event-details">
<div class="event-type">Palestra</div>
<h2>Será que o Picasso tinha razão?</h2>
<h3>Miguel Gonçalves</h3>
<a href="#" target="_blank" class="event-location"><span class="icon-linkedin_speaker"></span>Linkedin FALTA</a>
<div class="event-location"><span class="icon-company"></span>Spark</div>
<div class="event-location"><span class="icon-location"></span>Auditório 1</div>
<div class="event-details"><span class="icon-company"></span>Spark</div>
<div class="event-details"><span class="icon-location"></span>Auditório 1</div>
<button class="event-description"><span class="arrow">&#10132;</span>Descrição FALTA</button>
<div class="event-type">Palestra</div>
<h2>Do we need Smarter Cities? Why?</h2>
<h3>Pedro Carvalho</h3>
<a href="#" target="_blank" class="event-location"><span class="icon-linkedin_speaker"></span>Linkedin FALTA</a>
<div class="event-location"><span class="icon-company"></span>Altice Labs</div>
<div class="event-location"><span class="icon-location"></span>Auditório 2</div>
<div class="event-details"><span class="icon-company"></span>Altice Labs</div>
<div class="event-details"><span class="icon-location"></span>Auditório 2</div>
<button class="event-description"><span class="arrow">&#10132;</span>Descrição FALTA</button>
</div>
</div>
@ -254,13 +252,13 @@
<div class="event-time"></span>11:15 - 12:15</div>
</div>
<div class="col-lg-8 event-details">
<div class="event-type">Workshop</div>
<h2>CV, entrevistas, tech challenges e outros terrores</h2>
<h3>Andrei Motta</h3>
<a href="#" target="_blank" class="event-location"><span class="icon-linkedin_speaker"></span>Linkedin FALTA</a>
<div class="event-location"><span class="icon-company"></span>Landing Jobs</div>
<div class="event-location"><span class="icon-location"></span>FALTA</div>
<div class="event-details"><span class="icon-company"></span>Landing Jobs</div>
<div class="event-details"><span class="icon-location"></span>FALTA</div>
<button class="event-description"><span class="arrow">&#10132;</span>Descrição FALTA</button>
<p>Requisitos: Computador Pessoal</p>
<div class="event-details"><span class="icon-clipboard"></span>Computador Pessoal</div>
</div>
</div>
<div class="row event-data">
@ -269,45 +267,35 @@
</div>
<div class="col-lg-8 event-details">
<h2>Almoço</h2>
<div class="event-location"><span class="icon-location"></span>Cantina</div>
<div class="event-details"><span class="icon-location"></span>Cantina</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>14:30 - 15:30</div>
</div>
<div class="col-lg-8 event-details">
<div class="event-type">Palestra</div>
<h2>FALTA</h2>
<h3>Pedro Duarte</h3>
<a href="#" target="_blank" class="event-location"><span class="icon-linkedin_speaker"></span>Linkedin FALTA</a>
<div class="event-location"><span class="icon-company"></span>FALTA</div>
<div class="event-location"><span class="icon-location"></span>FALTA</div>
<div class="event-details"><span class="icon-company"></span>FALTA</div>
<div class="event-details"><span class="icon-location"></span>FALTA</div>
<button class="event-description"><span class="arrow">&#10132;</span>Descrição FALTA</button>
<h2>FALTA</h2>
<div class="event-type">Palestra</div>
<h2>Sistemas Críticos para o Espaço</h2>
<h3>José Silva</h3>
<a href="#" target="_blank" class="event-location"><span class="icon-linkedin_speaker"></span>Linkedin FALTA</a>
<div class="event-location"><span class="icon-company"></span>SRON Netherlands Institute for Space Research</div>
<div class="event-location"><span class="icon-location"></span>FALTA</div>
<div class="event-details"><span class="icon-company"></span>SRON Netherlands Institute for Space Research</div>
<div class="event-details"><span class="icon-location"></span>FALTA</div>
<button class="event-description"><span class="arrow">&#10132;</span>Descrição FALTA</button>
<div class="event-type">Workshop</div>
<h2>O mercado de trabalho tech europeu - know your sh*t</h2>
<h3>Andrei Motta</h3>
<a href="#" target="_blank" class="event-location"><span class="icon-linkedin_speaker"></span>Linkedin FALTA</a>
<div class="event-location"><span class="icon-company"></span>Landing Jobs</div>
<div class="event-location"><span class="icon-location"></span>FALTA</div>
<button class="event-description"><span class="arrow">&#10132;</span>Descrição FALTA</button>
<p>Requisitos: Computador Pessoal</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row event-data">
<div class="col-lg-4">
<div class="event-time"></span>08:00 - 10:30
</div>
</div>
<div class="col-lg-8 event-details">
<h2>Pequeno-Almoço</h2>
<div class="event-location"><span class="icon-location"></span>Cantina</div>
<div class="event-details"><span class="icon-company"></span>Landing Jobs</div>
<div class="event-details"><span class="icon-location"></span>FALTA</div>
<div class="event-details"><span class="icon-clipboard"></span>Computador Pessoal</div>
</div>
</div>
</div>
@ -324,9 +312,9 @@
<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
<div class="event-details"><span class="icon-company"></span>Microsoft
Corporation</div>
<div class="event-location"><span class="icon-location"></span>Edíficio
<div class="event-details"><span class="icon-location"></span>Edíficio
Gerais (G1)</div>
<button class="event-description"><span class="arrow">&#10132;</span>Descrição</button>
@ -343,9 +331,9 @@
<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
<div class="event-details"><span class="icon-company"></span>Microsoft
Corporation</div>
<div class="event-location"><span class="icon-location"></span>Edíficio
<div class="event-details"><span class="icon-location"></span>Edíficio
Gerais (G1)</div> <button class="event-description"><span class="arrow">&#10132;</span>Descrição</button>
</div>
@ -364,9 +352,9 @@
<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
<div class="event-details"><span class="icon-company"></span>Microsoft
Corporation</div>
<div class="event-location"><span class="icon-location"></span>Edíficio
<div class="event-details"><span class="icon-location"></span>Edíficio
Gerais (G1)</div>
<button class="event-description"><span class="arrow">&#10132;</span>Descrição</button>
@ -383,9 +371,9 @@
<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
<div class="event-details"><span class="icon-company"></span>Microsoft
Corporation</div>
<div class="event-location"><span class="icon-location"></span>Edíficio
<div class="event-details"><span class="icon-location"></span>Edíficio
Gerais (G1)</div> <button class="event-description"><span class="arrow">&#10132;</span>Descrição</button>
</div>

View File

@ -84,11 +84,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.getElementById("apresentation")) {
document.getElementById("apresentation").classList.add("animated");
}
}, 1200);
// main menu anchors
@ -180,32 +207,34 @@ function openPage(pageName, elmnt, color) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
tabcontent[i].style.display = "none";
}
// Remove the background color of all tablinks/buttons
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].style.backgroundColor = "";
tablinks[i].style.color = "";
tablinks[i].style.borderTop= "0px";
tablinks[i].style.fontWeight= "";
tablinks[i].style.backgroundColor = "";
tablinks[i].style.color = "";
tablinks[i].style.borderTop = "0px";
tablinks[i].style.fontWeight = "";
}
// Show the specific tab content
document.getElementById(pageName).style.display = "block";
// Add the specific color to the button used to open the tab content
elmnt.style.backgroundColor = color;
elmnt.style.color="#CC1A17";
elmnt.style.borderTop= "2px solid #cc1a17";
elmnt.style.borderRadius="2px"
elmnt.style.fontWeight="bold"
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
elmnt.style.color = "#CC1A17";
elmnt.style.borderTop = "2px solid #cc1a17";
elmnt.style.borderRadius = "2px"
elmnt.style.fontWeight = "bold"
}
// Get the element with id="defaultOpen" and click on it
if (document.getElementById("defaultOpen")) {
document.getElementById("defaultOpen").click();
}

857
website/main.css Normal file → Executable file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -123,6 +123,7 @@ $bold: 700;
//icons
$icomoon-font-path: "fonts" !default;
$icon-clipboard: "\e90b";
$icon-linkedin_speaker: "\e90a";
$icon-company: "\e909";
$icon-clock: "\e907";
@ -170,17 +171,43 @@ $icon-linkedin1: "\eac9";
.icon-less,
.icon-plus,
.icon-email {
font-size: 34px;
color: $white;
@include mobile {
font-size: 30px;
}
font-size: 34px;
color: $white;
@include mobile {
font-size: 30px;
}
}
.icon-clipboard {
font-size: 20px;
margin-left: 2px;
}
.icon-linkedin_speaker {
&:before {
content: $icon-linkedin_speaker;
}
font-size: 16px;
}
.icon-company {
font-size: 18px;
}
.icon-clock {
font-size: 16px;
}
.icon-location {
font-size: 18px;
}
.icon-clipboard {
&:before {
content: $icon-clipboard;
}
}
.icon-linkedin_speaker {
&:before {
content: $icon-linkedin_speaker;
}
}
.icon-company {
&:before {
@ -1516,58 +1543,77 @@ footer {
}
}
.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: 20px;
line-height: 28px;
color: $red;
margin-bottom: 10px;
margin-top: 35px;
}
h3 {
margin-bottom: 5px;
}
.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;
}
.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: 20px;
line-height: 28px;
color: $red;
margin-bottom: 10px;
}
h3 {
margin-bottom: 7px;
font-size: 19px;
}
.event-details {
color: $dark-grey;
margin-bottom: 8px;
display: block;
line-height: 18px;
span {
margin-right: 10px;
transition: none;
vertical-align: bottom;
}
}
a.event-details:hover {
color: $red;
}
.event-time {
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
.container-speaker-image {
&::after {
content: " ";
}
}
.container-speaker-image {
&::after {
content: " ";
}
}
.event-type {
font-size: 16px;
line-height: 20px;
display: table;
margin-bottom: 7px;
padding: 2px 10px;
background-color: $red;
color: white;
margin-top: 5px;
font-weight: 600;
text-transform: uppercase;
margin-top: 40px;
&:first-child{
margin-top: 5px;
}
}
}
#institucional-support {
@ -2258,3 +2304,4 @@ footer {
}
}

File diff suppressed because one or more lines are too long