zmiguel
/
ENEI2019-Public
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

u

This commit is contained in:
henrydays 2019-04-08 20:25:32 +01:00
parent 75fc88904f
commit 2f508c87ac
8 changed files with 165 additions and 186 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
api/wwwroot/.DS_Store vendored
View File

Binary file not shown.

57
api/wwwroot/app.html
View File

@ -43,13 +43,13 @@
<a href="#" title="Abrir menu" rel="nofollow" id="open-menu-mobile">Menu</a> <a href="#" title="Abrir menu" rel="nofollow" id="open-menu-mobile">Menu</a>
<ul> <ul>
<li><a href="#enei" title="Enei">Enei</a></li> <li><a href="#enei" title="Enei">Enei</a></li>
<li class="unavailable">Oradores</li>
<li class="unavailable">Programa</li> <li><a href="https://enei.pt/#calendar">Programa</a></li>
<li><a href="#precos" title="Preços">Preços</a></li> <li><a href="https://enei.pt/#precos" title="Preços">Preços</a></li>
<li class="unavailable">App</li> <li><a href="https://enei.pt/app" title="Preços">App</a></li>
<!-- <li><a href="#ctf" title="Faq's">CTF</li> --> <li><a href="https://enei.pt/ctf" title="CTF">CTF</li> -->
<li><a href="#sponsors" title="Sponsors">Sponsors</a></li> <li><a href="https://enei.pt/#sponsors" title="Sponsors">Sponsors</a></li>
<li><a href="#faqs" title="Faq's">Faq's</a></li> <li><a href="https://enei.pt/#faqs" title="Faq's">Faq's</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
@ -79,14 +79,11 @@
<div class="card-body"> <div class="card-body">
<h3 class="card-title"> <h3 class="card-title">
Jogo do ENEI Página Inicial e de Perfil
</h3> </h3>
<p class="card-text">Nesta página podes encontrar as tuas informações pessoais, o que tens direito com o <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>
teu bilhete, e ainda as tuas equipas</p>
<p class="card-text">
Caso o tipo de equipa seja do rally tascas, deves efectuar o pagamento da inscrição na banca do ENEI.
</p>
</div> </div>
<div class="card-body"> <div class="card-body">
@ -95,7 +92,7 @@
</h3> </h3>
<p class="card-text">Através da aplicação é ainda possível fazer inscrições nas palestras e workshops <p class="card-text">Através da aplicação é ainda possível fazer inscrições nas palestras e workshops
</p> </p>
<p class="card-text">À medida que vão saindo confirmações, as inscrições ficaram disponíveis na APP</p> <p class="card-text">À medida que vão saindo confirmações, as inscrições ficarão disponíveis na APP</p>
</div> </div>
<div class="card-body"> <div class="card-body">
@ -156,9 +153,9 @@
<div class="tabText"> <div class="tabText">
<h2>Home</h2> <h2>Home</h2>
<h3>Página inicial e de perfil.</h3>
<p>Nesta página podes encontrar as tua informações pessoais. </p> <p>Nesta página podes encontrar as tua informações pessoais. </p>
<p>Esta informação será atualizada nos próximos dias</p>
<p> <p>
</p> </p>
@ -170,9 +167,9 @@
<div id="teams" class="tabcontent"> <div id="teams" class="tabcontent">
<div class="tabText"> <div class="tabText">
<h2>Equipas</h2> <h2>Equipas</h2>
<h3>Página inicial e de perfil.</h3>
<p>Nesta página podes encontrar os detalhes da tua equipa. </p> <p>Encontra todos os detalhes da tua equipa. Podes criar, editar e eliminar equipas para o ENEI Caching e Rally Tascas.</p>
<p>Esta informação será atualizada nos próximos dias</p>
<p> <p>
</p> </p>
@ -182,9 +179,9 @@
<div id="events" class="tabcontent"> <div id="events" class="tabcontent">
<div class="tabText"> <div class="tabText">
<h2>Eventos</h2> <h2>Eventos</h2>
<h3>Página inicial e de perfil.</h3>
<p>Nesta página podes encontrar todas as informações sobre os eventos que ocorrem dentro do evento. </p> <p>Nesta página podes encontrar todas as informações sobre as atividades que ocorrem no evento!</p>
<p>Esta informação será atualizada nos próximos dias</p>
<p> <p>
</p> </p>
@ -194,9 +191,9 @@
<div id="game" class="tabcontent"> <div id="game" class="tabcontent">
<div class="tabText"> <div class="tabText">
<h2>Jogo do ENEI</h2> <h2>Jogo do ENEI</h2>
<h3>Página inicial e de perfil.</h3>
<p>Nesta página podes encontrar os teus cromos. </p> <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>Esta informação será atualizada nos próximos dias</p>
<p> <p>
</p> </p>
@ -205,9 +202,9 @@
<div id="calendar" class="tabcontent"> <div id="calendar" class="tabcontent">
<div class="tabText"> <div class="tabText">
<h2>Calendário</h2> <h2>Calendário</h2>
<h3>Página inicial e de perfil.</h3>
<p>Nesta página podes encontrar as tua informações relativas ao calendário </p> <p>Nesta página podes encontrar as tua informações relativas ao calendário </p>
<p>Esta informação será atualizada nos próximos dias</p>
<p> <p>
</p> </p>
@ -216,10 +213,10 @@
<div id="sign" class="tabcontent"> <div id="sign" class="tabcontent">
<div class="tabText"> <div class="tabText">
<h2>Inscrições</h2> <h2>Inscrições</h2>
<h3>Página inicial e de perfil.</h3>
<p>Nesta página podes efectuar as incrições em palestras </p> <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>Neste momento existe um bug no IOS, deves esperar pela aprovação da Apple para obter a nova versão.</p>
<p>Esta informação será atualizada nos próximos dias</p>
<p> <p>
</p> </p>
@ -286,7 +283,7 @@
<div class="col-lg-12"> <div class="col-lg-12">
<ul id="accordion"> <ul id="accordion">
<h3>Mais informações em breve...</h3> <h3>Fica atento</h3>
</ul> </ul>
</div> </div>

212
api/wwwroot/ctf.html
View File

@ -47,13 +47,12 @@
<a href="#" title="Abrir menu" rel="nofollow" id="open-menu-mobile">Menu</a> <a href="#" title="Abrir menu" rel="nofollow" id="open-menu-mobile">Menu</a>
<ul> <ul>
<li><a href="#enei" title="Enei">Enei</a></li> <li><a href="#enei" title="Enei">Enei</a></li>
<li class="unavailable">Oradores</li> <li><a href="https://enei.pt/#calendar">Programa</a></li>
<li class="unavailable">Programa</li> <li><a href="https://enei.pt/#precos" title="Preços">Preços</a></li>
<li><a href="#precos" title="Preços">Preços</a></li> <li><a href="https://enei.pt/app" title="Preços">App</a></li>
<li class="unavailable">App</li> <li><a href="https://enei.pt/ctf" title="CTF">CTF</li>
<li><a href="#ctf" title="Faq's">CTF</li> <li><a href="https://enei.pt/#sponsors" title="Sponsors">Sponsors</a></li>
<li><a href="#sponsors" title="Sponsors">Sponsors</a></li> <li><a href="https://enei.pt/#faqs" title="Faq's">Faq's</a></li>
<li><a href="#faqs" title="Faq's">Faq's</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
@ -61,44 +60,7 @@
<div class="ctf-header"> <div class="ctf-header">
<div class="ctf-top10"> <div class="ctf-top10">
<h1 class="top-title">Melhores classificados CTF </h1> <h1 class="top-title">Melhores classificados CTF </h1>
<table class="table table-striped table-dark"> <center><h3>Revelados em breve</h3></center>
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Nome Completo</th>
<th scope="col">Pontuação</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Henrique Dias</td>
<td>1024 pts</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Fernando Manuel Nunes Gonçalves</td>
<td>1024 pts</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Francisco xavier santos petronilho </td>
<td>1024 pts</td>
</tr>
<tr>
<th scope="row">4</th>
<td>Joao eduardo santos alcatrão</td>
<td>1024 pts</td>
</tr>
<tr>
<th scope="row">5</th>
<td>Mariana Luísa Lança Miguel e Fernandes Marques</td>
<td>1024 pts</td>
</tr>
</tbody>
</table>
</div> </div>
@ -154,45 +116,75 @@
<div class="sub-container"> <div class="sub-container">
<div class="sub-level"> <div class="sub-level">
<h4>1 - WHATSTHEPASSWORD<i>(31 pontos)</i></h4> <h4>1 - WHATSTHEPASSWORD<i>(31 pontos)</i></h4>
<p>Começa esta jornada, com um desafio fácil relacionado com WEB. Talvez desta forma fiques motivado a continuar!</p> <p>Começa esta jornada, com um desafio fácil relacionado com WEB. Talvez desta forma fiques motivado
<a href="#"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> a continuar!</p>
<a href="https://enei.pt/level1ctf">
<div class="btn-dwn-ctf">
<h3>Visitar</h3> <i class="fas fa-link"></i>
</div>
</a>
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>2 - ROT13 <i>(37 pontos)</i></h4> <h4>2 - ROT13 <i>(37 pontos)</i></h4>
<p> De forma a provares melhor o significado deste concurso, deixamos-te um desafio WEB com alguma análise.</p> <p> De forma a provares melhor o significado deste concurso, deixamos-te um desafio WEB com alguma
<a href="#"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> análise.</p>
<a href="https://enei.pt/level1ctf">
<div class="btn-dwn-ctf">
<h3>Visitar</h3> <i class="fas fa-link"></i>
</div>
</a>
</div> </div>
</div> </div>
</div> </div>
<div class="level2-ctf level"> <div class="level2-ctf level">
<h3>Analyse</h3> <h3>Analyse</h3>
<div class="sub-container"> <div class="sub-container">
<div class="sub-level"> <div class="sub-level">
<h4>3 - BURRO <i>(41 pontos)</i></h4> <h4>3 - BURRO <i>(41 pontos)</i></h4>
<p>Com este desafio pomos à prova a tua análise de ficheiros e até pode ser que te rias a completar o 3º de muita diversão.</p> <p>Com este desafio pomos à prova a tua análise de ficheiros e até pode ser que te rias a completar
<a href="https://enei.pt/ctf/Burro.zip"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> o 3º de muita diversão.</p>
<a href="https://enei.pt/ctf/Burro.zip">
<div class="btn-dwn-ctf">
<h3>Download</h3> <i class="fas fa-file-download"></i>
</div> </div>
<div class="sub-level"> </a>
<h4>4 - WHOAMI <i>(43 pontos)</i></h4> </div>
<p> Vamos lá continuar a desenvolver esse raciocínio, mas desta vez com um pouco de pacotes à mistura. É uma confusão!! </p> <div class="sub-level">
<a href="https://enei.pt/ctf/WHOAMI.zip"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> <h4>4 - WHOAMI <i>(43 pontos)</i></h4>
<p> Vamos lá continuar a desenvolver esse raciocínio, mas desta vez com um pouco de pacotes à
mistura. É uma confusão!! </p>
<a href="https://enei.pt/ctf/WHOAMI.zip">
<div class="btn-dwn-ctf">
<h3>Download</h3> <i class="fas fa-file-download"></i>
</div> </div>
</a>
</div>
</div> </div>
</div> </div>
<div class="level3-ctf level"> <div class="level3-ctf level">
<h3>Reverse Engeneering </h3> <h3>Reverse Engeneering </h3>
<div class="sub-container"> <div class="sub-container">
<div class="sub-level"> <div class="sub-level">
<h4>5 - REVERSEENGINEERING <i>(47 pontos)</i></h4> <h4>5 - REVERSEENGINEERING <i>(47 pontos)</i></h4>
<p> Daqui em diante a dificuldade começa a mudar de direção, vais acompanhar? Fica aqui um desafio de reverse_engineering, nada de muito complicado (para ti).</p> <p> Daqui em diante a dificuldade começa a mudar de direção, vais acompanhar? Fica aqui um desafio
<a href="https://enei.pt/ctf/Try_Me.zip"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> de reverse_engineering, nada de muito complicado (para ti).</p>
<a href="https://enei.pt/ctf/Try_Me.zip">
<div class="btn-dwn-ctf">
<h3>Download</h3> <i class="fas fa-file-download"></i>
</div> </div>
<div class="sub-level"> </a>
<h4>6 -OLD <i>(59 pontos)</i></h4> </div>
<p>Prova o cerne destes desafios, explorando, analisando e percebendo como descobrir a flag escondida, o típico desafio crypto.</p> <div class="sub-level">
<a href="https://enei.pt/ctf/OLD.zip"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> <h4>6 -OLD <i>(59 pontos)</i></h4>
<p>Prova o cerne destes desafios, explorando, analisando e percebendo como descobrir a flag
escondida, o típico desafio crypto.</p>
<a href="https://enei.pt/ctf/OLD.zip">
<div class="btn-dwn-ctf">
<h3>Download</h3> <i class="fas fa-file-download"></i>
</div> </div>
</a>
</div>
</div> </div>
</div> </div>
@ -200,31 +192,52 @@
<div class="level4-ctf level"> <div class="level4-ctf level">
<h3> Crypto</h3> <h3> Crypto</h3>
<div class="sub-container"> <div class="sub-container">
<div class="sub-level"> <div class="sub-level">
<h4>7 - ASM_IS_LIFE <i>(61 pontos)</i></h4> <h4>7 - ASM_IS_LIFE <i>(61 pontos)</i></h4>
<p> Deixamos aqui um desafio destruidor de sonhos, é verdade.. Estás pronto para um bocadinho de assembly? </p> <p> Deixamos aqui um desafio destruidor de sonhos, é verdade.. Estás pronto para um bocadinho de
<a href="https://enei.pt/ctf/ASM_IS_LIFE.zip"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> assembly? </p>
<a href="https://enei.pt/ctf/ASM_IS_LIFE.zip">
<div class="btn-dwn-ctf">
<h3>Download</h3> <i class="fas fa-file-download"></i>
</div> </div>
<div class="sub-level"> </a>
<h4>8 - OLD2 <i>(89 pontos)</i></h4> </div>
<p>Aqui fica a continuação do desafio nº 6, se ainda não o completas-te, não faz sentido continuares este. Se já o fizes-te, então estás pronto para experimentar esta aventura que teve início em 2002 (DosBox). </p> <div class="sub-level">
<a href="https://enei.pt/ctf/OLD2.zip"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> <h4>8 - OLD2 <i>(89 pontos)</i></h4>
<p>Aqui fica a continuação do desafio nº 6, se ainda não o completas-te, não faz sentido continuares
este. Se já o fizes-te, então estás pronto para experimentar esta aventura que teve início em
2002 (DosBox). </p>
<a href="https://enei.pt/ctf/OLD2.zip">
<div class="btn-dwn-ctf">
<h3>Download</h3> <i class="fas fa-file-download"></i>
</div> </div>
</a>
</div>
</div> </div>
</div> </div>
<div class="level5-ctf level"> <div class="level5-ctf level">
<h3>Engeneering</h3> <h3>Engeneering</h3>
<div class="sub-container"> <div class="sub-container">
<div class="sub-level"> <div class="sub-level">
<h4>9 - ZIPZIPZIPZIP <i>(101 pontos)</i></h4> <h4>9 - ZIPZIPZIPZIP <i>(101 pontos)</i></h4>
<p>(WARNING) Não aconselhado a pessoas sensíveis, este nível irá exigir de ti algum tempo, raciocínio e conhecimento. Descobre a flag neste desafio propício a dares em louco. (SPOILER ALERT) </p> <p>(WARNING) Não aconselhado a pessoas sensíveis, este nível irá exigir de ti algum tempo,
<a href="https://enei.pt/ctf/ZIPZIPZIPZIP.zip"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> raciocínio e conhecimento. Descobre a flag neste desafio propício a dares em louco. (SPOILER
ALERT) </p>
<a href="https://enei.pt/ctf/ZIPZIPZIPZIP.zip">
<div class="btn-dwn-ctf">
<h3>Download</h3> <i class="fas fa-file-download"></i>
</div> </div>
<div class="sub-level"> </a>
<h4>10 - THE_END <i>(109 pontos)</i></h4> </div>
<p> (WARNING) Nem preciso de comentar... Um nível como este não requer descrições. Boa Sorte! </p> <div class="sub-level">
<a href="https://enei.pt/ctf/THEEND.zip"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> <h4>10 - THE_END <i>(109 pontos)</i></h4>
<p> (WARNING) Nem preciso de comentar... Um nível como este não requer descrições. Boa Sorte! </p>
<a href="https://enei.pt/ctf/THEEND.zip">
<div class="btn-dwn-ctf">
<h3>Download</h3> <i class="fas fa-file-download"></i>
</div> </div>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -234,14 +247,14 @@
<img src="imgs/QRstart.png" alt="app"> <img src="imgs/QRstart.png" alt="app">
<div class="explain"> <div class="explain">
<h3>Como registar progresso no CTF?</h3> <h3>Como registar progresso no CTF?</h3>
<p>Depois de obter a flag (string) do nível, deves gerar um QR code com a mesma.</p> <p>Depois de obter a flag (string) do nível, deves gerar um QR code com a mesma.</p>
<p>Em seguida, deves usar a App para ler este QR code.</p> <p>Em seguida, deves usar a App para ler este QR code.</p>
<p>Caso seja válida, a flag irá dar-te acesso ao cromo que representa o nível.</p> <p>Caso seja válida, a flag irá dar-te acesso ao cromo que representa o nível.</p>
<p>Para testar podes usar este QR code (free points).</p> <p>Para testar podes usar este QR code (free points).</p>
<p>Boa sorte, a equipa do ENEI'19</p> <p>Boa sorte, a equipa do ENEI'19</p>
</div> </div>
</div> </div>
<!-- faqs section --> <!-- faqs section -->
<section id="faqs"> <section id="faqs">
<div class="container"> <div class="container">
@ -256,26 +269,33 @@
<div class="col-lg-10"> <div class="col-lg-10">
<ul id="accordion"> <ul id="accordion">
<li> <li>
<a href="#" title="Como posso participar?" rel="nofollow" class="toggle">Como posso participar?</a> <a href="#" title="Como posso participar?" rel="nofollow" class="toggle">Como posso
participar?</a>
<div class="content-accordion"> <div class="content-accordion">
<p> Tal como o descrito acima, basta efetuares a compra do bilhete e fazeres scan do QR code da página do CTF. <p> Tal como o descrito acima, basta efetuares a compra do bilhete e fazeres scan do QR
code da página do CTF.
</p> </p>
<p>Deves então prosseguir à descoberta das frases escondidas em cada desafio, e procederes à geração de um QR code com essa string.</p> <p>Deves então prosseguir à descoberta das frases escondidas em cada desafio, e
procederes à geração de um QR code com essa string.</p>
</div> </div>
</li> </li>
<li> <li>
<a href="#" title="Quando posso começar?" rel="nofollow" class="toggle">Quando posso começar? <a href="#" title="Quando posso começar?" rel="nofollow" class="toggle">Quando posso
começar?
inscrever?</a> inscrever?</a>
<div class="content-accordion"> <div class="content-accordion">
<p> O concurso irá iniciar no domingo (dia 7) às 14:30 horas e terminar no sábado (dia 13) às 00:00 horas.</p> <p> O concurso irá iniciar no domingo (dia 7) às 14:30 horas e terminar no sábado (dia
13) às 00:00 horas.</p>
</div> </div>
</li> </li>
<li> <li>
<a href="#" title="O que tenho eu a ganhar?" rel="nofollow" <a href="#" title="O que tenho eu a ganhar?" rel="nofollow" class="toggle">O que tenho eu a
class="toggle">O que tenho eu a ganhar?</a> ganhar?</a>
<div class="content-accordion"> <div class="content-accordion">
<p>Com a realização do concurso não só irás evoluir as tuas competências gerais relacionadas com Informática e Raciocínio Mental, como estás sujeito a ganhar prémios fenomenais.</p> <p>Com a realização do concurso não só irás evoluir as tuas competências gerais
relacionadas com Informática e Raciocínio Mental, como estás sujeito a ganhar
prémios fenomenais.</p>
</div> </div>
</li> </li>
</ul> </ul>
@ -321,4 +341,4 @@
</script> </script>
</body> </body>
</html> </html>

BIN
api/wwwroot/imgs/.DS_Store vendored
View File

Binary file not shown.

BIN
api/wwwroot/imgs/jogoenei.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

63
api/wwwroot/main.css
View File

@ -1,12 +1,12 @@
@charset "UTF-8"; @charset "UTF-8";
/*@font-face { /*@font-face {
font-family: 'mont Jamjuree', sans-serif; font-family: 'mont Jamjuree', sans-serif;
src: url('fonts/Champagne-Limousines.eot?#iefix') format('embedded-opentype'), src: url('fonts/Champagne-Limousines.eot?#iefix') format('embedded-opentype'),
url('fonts/Champagne-Limousines.woff') format('woff'), url('fonts/Champagne-Limousines.woff') format('woff'),
url('fonts/Champagne-Limousines.ttf') format('truetype'), url('fonts/Champagne-Limousines.ttf') format('truetype'),
url('fonts/Champagne-Limousines.svg#Champagne&Limousines') format('svg'); url('fonts/Champagne-Limousines.svg#Champagne&Limousines') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
}*/ }*/
@-webkit-keyframes animateLineLogo { @-webkit-keyframes animateLineLogo {
15% { 15% {
@ -126,7 +126,6 @@
.icon-close { .icon-close {
font-size: 30px; font-size: 30px;
} }
.icon-close:hover { .icon-close:hover {
color: #cc1a17; color: #cc1a17;
} }
@ -209,7 +208,6 @@ body {
font-family: "Bai Jamjuree", sans-serif; font-family: "Bai Jamjuree", sans-serif;
font-weight: 400; font-weight: 400;
} }
body.blockY { body.blockY {
overflow-y: hidden; overflow-y: hidden;
} }
@ -217,7 +215,6 @@ body.blockY {
button { button {
background-color: transparent; background-color: transparent;
} }
button:hover { button:hover {
cursor: pointer; cursor: pointer;
} }
@ -877,8 +874,8 @@ hr::after {
#precos { #precos {
text-align: center; text-align: center;
position: relative; position: relative;
/*@include portable { /*@include portable {
padding-bottom: 100px; padding-bottom: 100px;
}*/ }*/
} }
#precos hr { #precos hr {
@ -1413,13 +1410,11 @@ footer p {
margin: 0 auto 60px; margin: 0 auto 60px;
background-color: #353535; background-color: #353535;
} }
@media (max-width: 769px) { @media (max-width: 769px) {
#calendar hr { #calendar hr {
margin-bottom: 30px; margin-bottom: 30px;
} }
} }
#calendar hr::after { #calendar hr::after {
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
@ -1556,29 +1551,24 @@ footer p {
#calendar-container .event-data { #calendar-container .event-data {
margin-top: 50px; margin-top: 50px;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
#calendar-container .event-data { #calendar-container .event-data {
margin-top: 30px; margin-top: 30px;
} }
} }
#calendar-container .event-data:first-child { #calendar-container .event-data:first-child {
margin-top: 0; margin-top: 0;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
#calendar-container .event-data:first-child { #calendar-container .event-data:first-child {
margin-top: 30px; margin-top: 30px;
} }
} }
@media (max-width: 769px) { @media (max-width: 769px) {
#calendar-container .event-data:first-child { #calendar-container .event-data:first-child {
margin-top: 30px; margin-top: 30px;
} }
} }
#calendar-container .event-data h2:first-child { #calendar-container .event-data h2:first-child {
margin-top: 0; margin-top: 0;
} }
@ -1619,13 +1609,11 @@ footer p {
.day-night-filter { .day-night-filter {
border-bottom: 1px solid #353535; border-bottom: 1px solid #353535;
} }
@media (max-width: 769px) { @media (max-width: 769px) {
.day-night-filter { .day-night-filter {
display: none; display: none;
} }
} }
.day-night-filter button { .day-night-filter button {
width: 50%; width: 50%;
padding: 30px 0; padding: 30px 0;
@ -1653,10 +1641,8 @@ footer p {
background-color: #ffffff; background-color: #ffffff;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
-webkit-transition: opacity 150ms ease;
transition: opacity 150ms ease; transition: opacity 150ms ease;
} }
#overlay.visible { #overlay.visible {
visibility: visible; visibility: visible;
} }
@ -1672,15 +1658,12 @@ footer p {
max-height: 747px; max-height: 747px;
overflow-y: scroll; overflow-y: scroll;
background-color: #fff; background-color: #fff;
-webkit-box-shadow: 0 0px 40px 15px #b9b8b8; box-shadow: 0 0px 40px 15px #b9b8b8;
box-shadow: 0 0px 40px 15px #b9b8b8;
padding: 10px 10%; padding: 10px 10%;
text-align: center; text-align: center;
opacity: 0; opacity: 0;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease; transition: opacity 200ms ease;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.modal-container { .modal-container {
width: calc(100% - 100px); width: calc(100% - 100px);
@ -1691,7 +1674,6 @@ footer p {
max-height: inherit; max-height: inherit;
} }
} }
@media (max-width: 769px) { @media (max-width: 769px) {
.modal-container { .modal-container {
width: calc(100% - 30px); width: calc(100% - 30px);
@ -1701,21 +1683,17 @@ footer p {
padding: 10px 30px 30px 30px; padding: 10px 30px 30px 30px;
} }
} }
.modal-container[data-status=opened] {
.modal-container[data-status="opened"] {
visibility: visible; visibility: visible;
} }
.modal-container h2 { .modal-container h2 {
margin: 50px 0 15px; margin: 50px 0 15px;
} }
@media (max-width: 769px) { @media (max-width: 769px) {
.modal-container h2 { .modal-container h2 {
margin: 30px 0 10px; margin: 30px 0 10px;
} }
} }
.modal-container p { .modal-container p {
font-size: 17px; font-size: 17px;
margin-bottom: 15px; margin-bottom: 15px;
@ -1727,14 +1705,12 @@ footer p {
right: 30px; right: 30px;
color: #353535; color: #353535;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.modal-close { .modal-close {
top: 20px; top: 20px;
right: 20px; right: 20px;
} }
} }
@media (max-width: 769px) { @media (max-width: 769px) {
.modal-close { .modal-close {
top: 10px; top: 10px;
@ -1746,13 +1722,11 @@ footer p {
padding: 30px 30px 0; padding: 30px 30px 0;
color: #353535; color: #353535;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
#content-container { #content-container {
padding: 0 15px 0; padding: 0 15px 0;
} }
} }
#content-container .content { #content-container .content {
display: none; display: none;
} }
@ -1807,7 +1781,6 @@ footer p {
font-weight: 700; font-weight: 700;
line-height: 28px; line-height: 28px;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
#content-container .event-time { #content-container .event-time {
margin-bottom: 10px; margin-bottom: 10px;
@ -2278,10 +2251,10 @@ footer p {
flex: 1; flex: 1;
display: flex; display: flex;
color: blue; color: blue;
/* First we need to help some browsers along for this to work. /* First we need to help some browsers along for this to work.
Just because a vendor prefix is there, doesn't mean it will Just because a vendor prefix is there, doesn't mean it will
work in a browser made by that vendor either, it's just for work in a browser made by that vendor either, it's just for
future-proofing purposes I guess. */ future-proofing purposes I guess. */
-o-transition: 0.5s; -o-transition: 0.5s;
-ms-transition: 0.5s; -ms-transition: 0.5s;
-moz-transition: 0.5s; -moz-transition: 0.5s;
@ -2364,7 +2337,7 @@ footer p {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
background-color: #eeeeee; background-color: #eeeeee;
padding: 40px; padding: 40px 100px;
} }
.ctf-explain h3 { .ctf-explain h3 {
padding: 30px; padding: 30px;
@ -2484,7 +2457,7 @@ footer p {
} }
.ctf-prizes { .ctf-prizes {
padding: 50px; padding: 50px 100px;
} }
.ctf-prizes h3 { .ctf-prizes h3 {
padding: 30px; padding: 30px;

14
api/wwwroot/main.css.map
View File

File diff suppressed because one or more lines are too long

5
api/wwwroot/main.scss
View File

@ -2246,7 +2246,8 @@ footer {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
background-color: #eeeeee; background-color: #eeeeee;
padding: 40px; padding: 40px 100px;
h3 { h3 {
padding: 30px; padding: 30px;
padding-bottom: 0px; padding-bottom: 0px;
@ -2364,7 +2365,7 @@ footer {
} }
} }
.ctf-prizes { .ctf-prizes {
padding: 50px; padding: 50px 100px;
h3 { h3 {
padding: 30px; padding: 30px;
padding-bottom: 0px; padding-bottom: 0px;