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

ctf changes

This commit is contained in:
henrydays 2019-04-07 02:13:04 +01:00
parent 7773447913
commit dc8ceeb788
16 changed files with 391 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored
View File

Binary file not shown.

4
App/ios/app/Info.plist
View File

@ -19,7 +19,7 @@
<key>CFBundleSignature</key> <key>CFBundleSignature</key>
<string>????</string> <string>????</string>
<key>CFBundleVersion</key> <key>CFBundleVersion</key>
<string>13</string> <string>14</string>
<key>LSApplicationCategoryType</key> <key>LSApplicationCategoryType</key>
<string>public.app-category.utilities</string> <string>public.app-category.utilities</string>
<key>LSRequiresIPhoneOS</key> <key>LSRequiresIPhoneOS</key>
@ -50,7 +50,7 @@
<key>NSLocationWhenInUseUsageDescription</key> <key>NSLocationWhenInUseUsageDescription</key>
<string>Not used, just added this key because i used react-native and needed this keys for approval.</string> <string>Not used, just added this key because i used react-native and needed this keys for approval.</string>
<key>NSMicrophoneUsageDescription</key> <key>NSMicrophoneUsageDescription</key>
<string>Not used, just added this key because i used react-native and needed this keys for approval.</string> <string>Not really used, but the module asks for it when openning the camera.</string>
<key>NSMotionUsageDescription</key> <key>NSMotionUsageDescription</key>
<string>Not used, just added this key because i used react-native and needed this keys for approval.</string> <string>Not used, just added this key because i used react-native and needed this keys for approval.</string>
<key>NSPhotoLibraryAddUsageDescription</key> <key>NSPhotoLibraryAddUsageDescription</key>

BIN
api/.DS_Store vendored
View File

Binary file not shown.

51
api/Views/Landing/ctf.cshtml
View File

@ -102,7 +102,7 @@
</div> </div>
<h3 class="about-top">Estas pontuações refletem o somatório das pontuçãoes dos níveis cumpridos.</h3> <h3 class="about-top">Estas pontuações refletem o somatório das pontuações dos níveis cumpridos.</h3>
</div> </div>
<div class="ctf-explain"> <div class="ctf-explain">
@ -112,12 +112,12 @@
O Capture The Flag é um concurso que vamos realizar diretamente relacionado com o jogo do ENEI, e com os O Capture The Flag é um concurso que vamos realizar diretamente relacionado com o jogo do ENEI, e com os
respetivos prémios espetaculares que temos a oferecer (Nintendo Switch, entre outros). respetivos prémios espetaculares que temos a oferecer (Nintendo Switch, entre outros).
Este jogo é uma mistura de temas altamente relacionados com Informática, temas como WEB, CRYPTO, Este jogo é uma mistura de temas altamente relacionados com Informática, temas como WEB, CRYPTO,
REVERSE_ENGINNERING, e uma mistura de tantos outros. Todos os niveis tem o memo objetivo: Encontrar uma REVERSE_ENGINNERING, e uma mistura de tantos outros. Todos os níveis têm o mesmo objetivo: Encontrar uma
frase (string) que por norma se encontra escondida. frase (string) que por norma se encontra escondida.
Qualquer um pode participar no jogo (desde que já detenha um bilhete) apenas com um simples scan a este Qualquer um pode participar no jogo (desde que já detenha um bilhete) apenas com um simples scan a este
QR code. QR code.
No fim de encontráres a string, deves gerar um QR code com ela e prontos, o nivél está completado! No fim de encontrares a string, deves gerar um QR code com ela e pronto, o nível está completo!
Basta então fazeres um scan a esse QR e obteres todos os pontos que mereces. Basta então fazeres um scan a esse QR e obteres todos os pontos que mereces.
</p> </p>
@ -153,14 +153,14 @@
<h3>Web</h3> <h3>Web</h3>
<div class="sub-container"> <div class="sub-container">
<div class="sub-level"> <div class="sub-level">
<h4>1 - WHATSTHEPASSWORD<i>(5 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 continuar!</p>
<a href="#"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> <a href="#"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a>
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>2 - ROT13 <i>(31 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 análise.</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></a> <a href="#"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a>
</div> </div>
</div> </div>
</div> </div>
@ -168,29 +168,29 @@
<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>(37 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 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></a> <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>
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>4 - Whoami <i>(41 pontos)</i></h4> <h4>4 - WHOAMI <i>(43 pontos)</i></h4>
<p> Vamos lá continuar a desenvolver esse raciocinio, mas desta vez com um pouco de pacotes à mistura. É uma confusão!!</p> <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></a> <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>
</div> </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 - REVERSEENGINNERING <i>(47 pontos)</i></h4> <h4>5 - REVERSEENGINNERING <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_enginnering, 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 de reverse_enginnering, nada de muito complicado (para ti).</p>
<a href="#"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> <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>
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>6 -OLD <i>(59 pontos)</i></h4> <h4>6 -OLD <i>(59 pontos)</i></h4>
<p>Prova o cerne destes desafios, explorando, analisando e percebendo como descobrir a flag escondida, o tipico desafio crypto.</p> <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></a> <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>
</div> </div>
</div> </div>
@ -207,7 +207,7 @@
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>8 - OLD2 <i>(89 pontos)</i></h4> <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 provar esta aventura começada em 2002 (DosBox).</p> <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></a> <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>
</div> </div>
</div> </div>
@ -217,12 +217,12 @@
<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 sensivéis, este nivél irá exigir de ti algum tempo, raciocínio e conhecimento. Descobre a flag neste desafio propício a dares em louco (SPOILER ALERT) (WARNING)</p> <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>
<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> <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>
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>10 - THE_END <i>(109 pontos)</i></h4> <h4>10 - THE_END <i>(109 pontos)</i></h4>
<p> (WARNING) Nem preciso de comentar... Um nivel como este não requer descrições! Boa Sorte.(WARNING)</p> <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></a> <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>
</div> </div>
</div> </div>
@ -233,14 +233,15 @@
<div class="explain-qr"> <div class="explain-qr">
<img src="imgs/QRstart.png" alt="app"> <img src="imgs/QRstart.png" alt="app">
<div class="explain"> <div class="explain">
<h3>Como registar progesso 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">
@ -260,27 +261,23 @@
<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á começar no domingo (dia 7) às 14:30 e irá terminar na sexta (dia 13) às 00:00.</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 ganhar?</a> class="toggle">O que tenho eu 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 competençias 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>
</div> </div>
</div> </div>
@ -324,4 +321,4 @@
</script> </script>
</body> </body>
</html> </html>

5
api/wwwroot/app.html
View File

@ -385,7 +385,6 @@
<script> <script>
resetPassword = () => { resetPassword = () => {
var input = document.getElementById("email-input"); var input = document.getElementById("email-input");
if (input != " ") { if (input != " ") {
@ -418,9 +417,6 @@
'error' 'error'
) )
} }
}) })
} else { } else {
Swal.fire( Swal.fire(
@ -432,7 +428,6 @@
} }
</script> </script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
<script src="https://cdn.jsdelivr.net/npm/promise-polyfill"></script> <script src="https://cdn.jsdelivr.net/npm/promise-polyfill"></script>

53
api/wwwroot/ctf.html
View File

@ -102,7 +102,7 @@
</div> </div>
<h3 class="about-top">Estas pontuações refletem o somatório das pontuçãoes dos níveis cumpridos.</h3> <h3 class="about-top">Estas pontuações refletem o somatório das pontuações dos níveis cumpridos.</h3>
</div> </div>
<div class="ctf-explain"> <div class="ctf-explain">
@ -112,12 +112,12 @@
O Capture The Flag é um concurso que vamos realizar diretamente relacionado com o jogo do ENEI, e com os O Capture The Flag é um concurso que vamos realizar diretamente relacionado com o jogo do ENEI, e com os
respetivos prémios espetaculares que temos a oferecer (Nintendo Switch, entre outros). respetivos prémios espetaculares que temos a oferecer (Nintendo Switch, entre outros).
Este jogo é uma mistura de temas altamente relacionados com Informática, temas como WEB, CRYPTO, Este jogo é uma mistura de temas altamente relacionados com Informática, temas como WEB, CRYPTO,
REVERSE_ENGINNERING, e uma mistura de tantos outros. Todos os niveis tem o memo objetivo: Encontrar uma REVERSE_ENGINNERING, e uma mistura de tantos outros. Todos os níveis têm o mesmo objetivo: Encontrar uma
frase (string) que por norma se encontra escondida. frase (string) que por norma se encontra escondida.
Qualquer um pode participar no jogo (desde que já detenha um bilhete) apenas com um simples scan a este Qualquer um pode participar no jogo (desde que já detenha um bilhete) apenas com um simples scan a este
QR code. QR code.
No fim de encontráres a string, deves gerar um QR code com ela e prontos, o nivél está completado! No fim de encontrares a string, deves gerar um QR code com ela e pronto, o nível está completo!
Basta então fazeres um scan a esse QR e obteres todos os pontos que mereces. Basta então fazeres um scan a esse QR e obteres todos os pontos que mereces.
</p> </p>
@ -153,14 +153,14 @@
<h3>Web</h3> <h3>Web</h3>
<div class="sub-container"> <div class="sub-container">
<div class="sub-level"> <div class="sub-level">
<h4>1 - WHATSTHEPASSWORD<i>(5 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 continuar!</p>
<a href="#"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> <a href="#"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a>
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>2 - ROT13 <i>(31 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 análise.</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></a> <a href="#"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a>
</div> </div>
</div> </div>
</div> </div>
@ -168,29 +168,29 @@
<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>(37 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 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></a> <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>
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>4 - Whoami <i>(41 pontos)</i></h4> <h4>4 - WHOAMI <i>(43 pontos)</i></h4>
<p> Vamos lá continuar a desenvolver esse raciocinio, mas desta vez com um pouco de pacotes à mistura. É uma confusão!!</p> <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></a> <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>
</div> </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 - REVERSEENGINNERING <i>(47 pontos)</i></h4> <h4>5 - REVERSEENGINNERING <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_enginnering, 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 de reverse_enginnering, nada de muito complicado (para ti).</p>
<a href="#"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> <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>
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>6 -OLD <i>(59 pontos)</i></h4> <h4>6 -OLD <i>(59 pontos)</i></h4>
<p>Prova o cerne destes desafios, explorando, analisando e percebendo como descobrir a flag escondida, o tipico desafio crypto.</p> <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></a> <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>
</div> </div>
</div> </div>
@ -207,7 +207,7 @@
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>8 - OLD2 <i>(89 pontos)</i></h4> <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 provar esta aventura começada em 2002 (DosBox).</p> <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></a> <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>
</div> </div>
</div> </div>
@ -217,13 +217,13 @@
<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 sensivéis, este nivél irá exigir de ti algum tempo, raciocínio e conhecimento. Descobre a flag neste desafio propício a dares em louco (SPOILER ALERT) (WARNING)</p> <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>
<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> <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>
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>10 - THE_END <i>(109 pontos)</i></h4> <h4>10 - THE_END <i>(109 pontos)</i></h4>
<p> (WARNING) Nem preciso de comentar... Um nivel como este não requer descrições! Boa Sorte.(WARNING)</p> <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></a> <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>
</div> </div>
</div> </div>
</div> </div>
@ -233,14 +233,15 @@
<div class="explain-qr"> <div class="explain-qr">
<img src="imgs/QRstart.png" alt="app"> <img src="imgs/QRstart.png" alt="app">
<div class="explain"> <div class="explain">
<h3>Como registar progesso 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">
@ -260,27 +261,23 @@
<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á começar no domingo (dia 7) às 14:30 e irá terminar na sexta (dia 13) às 00:00.</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 ganhar?</a> class="toggle">O que tenho eu 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 competençias 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>
</div> </div>
</div> </div>
@ -324,4 +321,4 @@
</script> </script>
</body> </body>
</html> </html>

19
api/wwwroot/index.html
View File

@ -334,6 +334,25 @@
</div> </div>
</aside> </aside>
<!-- footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-4 col-xs-6">
<p>© 2019 ENEI . Todos os direitos reservados</p>
</div>
<div class="col-lg-8 col-xs-6">
<ul id="social-network">
<li><a href="https://www.facebook.com/ENEIConf/" title="Facebook" target="_blank" class="icon-facebook"></a></li>
<li><a href="https://www.instagram.com/eneiconf/" title="Instagram" target="_blank" class="icon-instagram"></a></li>
<li><a href="https://www.linkedin.com/company/enei/" title="Linkedin" target="_blank" class="icon-linkedin"></a></li>
<li><a href="mailto:geral@enei.pt" title="Email" target="_blank" class="icon-email"></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Scripts --> <!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

73
api/wwwroot/main.css
View File

@ -1730,12 +1730,23 @@ footer p {
.ctf-header .ctf-top10 td { .ctf-header .ctf-top10 td {
text-align: center; text-align: center;
} }
@media screen and (max-width: 769px) {
.ctf-header .ctf-top10 {
width: 95%;
padding-top: 20px;
}
}
.ctf-header .about-top { .ctf-header .about-top {
color: white; color: white;
font-size: 15px; font-size: 15px;
text-align: center; text-align: center;
margin: 2%; margin: 2%;
} }
@media screen and (max-width: 769px) {
.ctf-header {
width: 100%;
}
}
.container-app { .container-app {
background-image: linear-gradient(0deg, #d02e2c 20%, #e1494e 100%); background-image: linear-gradient(0deg, #d02e2c 20%, #e1494e 100%);
@ -2101,9 +2112,19 @@ footer p {
justify-content: center; justify-content: center;
background-image: url("./imgs/bg_phone.png"); background-image: url("./imgs/bg_phone.png");
} }
@media screen and (max-width: 769px) {
.explain-qr {
padding: 10px;
}
}
.explain-qr .explain { .explain-qr .explain {
margin: 30px; margin: 30px;
} }
@media screen and (max-width: 769px) {
.explain-qr .explain {
margin: 10px;
}
}
.explain-qr .explain h3 { .explain-qr .explain h3 {
margin-bottom: 0; margin-bottom: 0;
color: white; color: white;
@ -2149,6 +2170,20 @@ footer p {
width: 30%; width: 30%;
height: 30%; height: 30%;
} }
@media screen and (max-width: 769px) {
.ctf-explain {
flex-direction: column;
padding: 1px;
}
.ctf-explain img {
width: 100%;
height: 100%;
}
.ctf-explain p {
width: 100%;
padding: 15px;
}
}
.ctf-levels .level1-ctf { .ctf-levels .level1-ctf {
background-color: #de6d6b; background-color: #de6d6b;
@ -2168,6 +2203,11 @@ footer p {
.ctf-levels .level { .ctf-levels .level {
padding: 80px; padding: 80px;
} }
@media screen and (max-width: 769px) {
.ctf-levels .level {
padding: 30px 10px;
}
}
.ctf-levels .level h3 { .ctf-levels .level h3 {
color: white; color: white;
padding-left: 30px; padding-left: 30px;
@ -2177,6 +2217,11 @@ footer p {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
@media screen and (max-width: 769px) {
.ctf-levels .level .sub-container {
flex-direction: column;
}
}
.ctf-levels .level .sub-container .sub-level { .ctf-levels .level .sub-container .sub-level {
width: 100%; width: 100%;
border: 1px dashed white; border: 1px dashed white;
@ -2188,6 +2233,12 @@ footer p {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
} }
@media screen and (max-width: 769px) {
.ctf-levels .level .sub-container .sub-level {
padding: 5;
margin: 10px 0;
}
}
.ctf-levels .level .sub-container .sub-level p { .ctf-levels .level .sub-container .sub-level p {
color: black; color: black;
text-align: justify; text-align: justify;
@ -2234,6 +2285,19 @@ footer p {
padding-left: 30px; padding-left: 30px;
color: #cc1a17; color: #cc1a17;
} }
@media screen and (max-width: 769px) {
.ctf-prizes {
padding: 0;
}
.ctf-prizes h3 {
padding: 20px;
text-align: center;
}
.ctf-prizes h5 {
text-align: center;
padding: 10px;
}
}
.ctf-prizes .prizes-container { .ctf-prizes .prizes-container {
flex: 1; flex: 1;
display: flex; display: flex;
@ -2252,5 +2316,14 @@ footer p {
.ctf-prizes .prizes-container .prize .prize-logo { .ctf-prizes .prizes-container .prize .prize-logo {
font-size: 100px; font-size: 100px;
} }
@media screen and (max-width: 769px) {
.ctf-prizes .prizes-container {
flex-direction: column;
padding-bottom: 20px;
}
.ctf-prizes .prizes-container .prize {
margin: 0;
}
}
/*# sourceMappingURL=main.css.map */ /*# sourceMappingURL=main.css.map */

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

File diff suppressed because one or more lines are too long

69
api/wwwroot/main.scss
View File

@ -1659,6 +1659,10 @@ footer {
td { td {
text-align: center; text-align: center;
} }
@media screen and (max-width: $mobile) {
width: 95%;
padding-top: 20px;
}
} }
.about-top { .about-top {
color: white; color: white;
@ -1666,6 +1670,9 @@ footer {
text-align: center; text-align: center;
margin: 2%; margin: 2%;
} }
@media screen and (max-width: $mobile) {
width: 100%;
}
} }
.container-app { .container-app {
background-image: linear-gradient(0deg, rgba(208, 46, 44, 1) 20%, rgb(225, 73, 78) 100%); background-image: linear-gradient(0deg, rgba(208, 46, 44, 1) 20%, rgb(225, 73, 78) 100%);
@ -2030,15 +2037,21 @@ footer {
padding: 20px; padding: 20px;
} }
.explain-qr { .explain-qr {
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding: 50px; padding: 50px;
justify-content:center; justify-content: center;
@media screen and (max-width: $mobile) {
padding: 10px;
}
.explain { .explain {
margin: 30px; margin: 30px;
@media screen and (max-width: $mobile) {
margin: 10px;
}
h3 { h3 {
//margin-left: 20px; //margin-left: 20px;
margin-bottom: 0; margin-bottom: 0;
@ -2049,8 +2062,9 @@ footer {
color: white; color: white;
margin-left: 20px; margin-left: 20px;
} }
} }
img { img {
width: 20%; width: 20%;
height: 20%; height: 20%;
@ -2088,8 +2102,21 @@ footer {
width: 30%; width: 30%;
height: 30%; height: 30%;
} }
@media screen and (max-width: $mobile) {
flex-direction: column;
img {
width: 100%;
height: 100%;
}
p {
width: 100%;
padding: 15px;
}
padding: 1px;
}
} }
.ctf-levels { .ctf-levels {
.level1-ctf { .level1-ctf {
background-color: #de6d6b; background-color: #de6d6b;
} }
@ -2106,12 +2133,20 @@ footer {
background-color: #cc1a17; background-color: #cc1a17;
} }
.level { .level {
@media screen and (max-width: $mobile) {
padding: 30px 10px;
}
padding: 80px; padding: 80px;
h3 { h3 {
color: white; color: white;
padding-left: 30px; padding-left: 30px;
} }
.sub-container { .sub-container {
@media screen and (max-width: $mobile) {
flex-direction: column;
}
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -2125,6 +2160,12 @@ footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@media screen and (max-width: $mobile) {
// flex-direction: column;
padding:5;
margin:10px 0;
}
p { p {
color: black; color: black;
text-align: justify; text-align: justify;
@ -2177,6 +2218,17 @@ footer {
padding-left: 30px; padding-left: 30px;
color: #cc1a17; color: #cc1a17;
} }
@media screen and (max-width: $mobile) {
padding: 0;
h3{
padding: 20px;
text-align: center;
}
h5{
text-align: center;
padding: 10px;
}
}
.prizes-container { .prizes-container {
flex: 1; flex: 1;
display: flex; display: flex;
@ -2195,5 +2247,14 @@ footer {
font-size: 100px; font-size: 100px;
} }
} }
@media screen and (max-width: $mobile) {
flex-direction: column;
.prize{
margin: 0
}
padding-bottom: 20px;
}
} }
} }

5
website/app.html
View File

@ -385,7 +385,6 @@
<script> <script>
resetPassword = () => { resetPassword = () => {
var input = document.getElementById("email-input"); var input = document.getElementById("email-input");
if (input != " ") { if (input != " ") {
@ -418,9 +417,6 @@
'error' 'error'
) )
} }
}) })
} else { } else {
Swal.fire( Swal.fire(
@ -432,7 +428,6 @@
} }
</script> </script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
<script src="https://cdn.jsdelivr.net/npm/promise-polyfill"></script> <script src="https://cdn.jsdelivr.net/npm/promise-polyfill"></script>

51
website/ctf.html
View File

@ -102,7 +102,7 @@
</div> </div>
<h3 class="about-top">Estas pontuações refletem o somatório das pontuçãoes dos níveis cumpridos.</h3> <h3 class="about-top">Estas pontuações refletem o somatório das pontuações dos níveis cumpridos.</h3>
</div> </div>
<div class="ctf-explain"> <div class="ctf-explain">
@ -112,12 +112,12 @@
O Capture The Flag é um concurso que vamos realizar diretamente relacionado com o jogo do ENEI, e com os O Capture The Flag é um concurso que vamos realizar diretamente relacionado com o jogo do ENEI, e com os
respetivos prémios espetaculares que temos a oferecer (Nintendo Switch, entre outros). respetivos prémios espetaculares que temos a oferecer (Nintendo Switch, entre outros).
Este jogo é uma mistura de temas altamente relacionados com Informática, temas como WEB, CRYPTO, Este jogo é uma mistura de temas altamente relacionados com Informática, temas como WEB, CRYPTO,
REVERSE_ENGINNERING, e uma mistura de tantos outros. Todos os niveis tem o memo objetivo: Encontrar uma REVERSE_ENGINNERING, e uma mistura de tantos outros. Todos os níveis têm o mesmo objetivo: Encontrar uma
frase (string) que por norma se encontra escondida. frase (string) que por norma se encontra escondida.
Qualquer um pode participar no jogo (desde que já detenha um bilhete) apenas com um simples scan a este Qualquer um pode participar no jogo (desde que já detenha um bilhete) apenas com um simples scan a este
QR code. QR code.
No fim de encontráres a string, deves gerar um QR code com ela e prontos, o nivél está completado! No fim de encontrares a string, deves gerar um QR code com ela e pronto, o nível está completo!
Basta então fazeres um scan a esse QR e obteres todos os pontos que mereces. Basta então fazeres um scan a esse QR e obteres todos os pontos que mereces.
</p> </p>
@ -153,14 +153,14 @@
<h3>Web</h3> <h3>Web</h3>
<div class="sub-container"> <div class="sub-container">
<div class="sub-level"> <div class="sub-level">
<h4>1 - WHATSTHEPASSWORD<i>(5 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 continuar!</p>
<a href="#"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> <a href="#"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a>
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>2 - ROT13 <i>(31 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 análise.</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></a> <a href="#"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a>
</div> </div>
</div> </div>
</div> </div>
@ -168,29 +168,29 @@
<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>(37 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 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></a> <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>
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>4 - Whoami <i>(41 pontos)</i></h4> <h4>4 - WHOAMI <i>(43 pontos)</i></h4>
<p> Vamos lá continuar a desenvolver esse raciocinio, mas desta vez com um pouco de pacotes à mistura. É uma confusão!!</p> <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></a> <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>
</div> </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 - REVERSEENGINNERING <i>(47 pontos)</i></h4> <h4>5 - REVERSEENGINNERING <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_enginnering, 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 de reverse_enginnering, nada de muito complicado (para ti).</p>
<a href="#"><div class="btn-dwn-ctf"> <h3>Download</h3> <i class="fas fa-file-download"></i></div></a> <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>
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>6 -OLD <i>(59 pontos)</i></h4> <h4>6 -OLD <i>(59 pontos)</i></h4>
<p>Prova o cerne destes desafios, explorando, analisando e percebendo como descobrir a flag escondida, o tipico desafio crypto.</p> <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></a> <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>
</div> </div>
</div> </div>
@ -207,7 +207,7 @@
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>8 - OLD2 <i>(89 pontos)</i></h4> <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 provar esta aventura começada em 2002 (DosBox).</p> <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></a> <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>
</div> </div>
</div> </div>
@ -217,12 +217,12 @@
<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 sensivéis, este nivél irá exigir de ti algum tempo, raciocínio e conhecimento. Descobre a flag neste desafio propício a dares em louco (SPOILER ALERT) (WARNING)</p> <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>
<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> <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>
</div> </div>
<div class="sub-level"> <div class="sub-level">
<h4>10 - THE_END <i>(109 pontos)</i></h4> <h4>10 - THE_END <i>(109 pontos)</i></h4>
<p> (WARNING) Nem preciso de comentar... Um nivel como este não requer descrições! Boa Sorte.(WARNING)</p> <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></a> <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>
</div> </div>
</div> </div>
@ -233,14 +233,15 @@
<div class="explain-qr"> <div class="explain-qr">
<img src="imgs/QRstart.png" alt="app"> <img src="imgs/QRstart.png" alt="app">
<div class="explain"> <div class="explain">
<h3>Como registar progesso 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">
@ -260,27 +261,23 @@
<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á começar no domingo (dia 7) às 14:30 e irá terminar na sexta (dia 13) às 00:00.</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 ganhar?</a> class="toggle">O que tenho eu 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 competençias 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>
</div> </div>
</div> </div>
@ -324,4 +321,4 @@
</script> </script>
</body> </body>
</html> </html>

19
website/index.html
View File

@ -334,6 +334,25 @@
</div> </div>
</aside> </aside>
<!-- footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-4 col-xs-6">
<p>© 2019 ENEI . Todos os direitos reservados</p>
</div>
<div class="col-lg-8 col-xs-6">
<ul id="social-network">
<li><a href="https://www.facebook.com/ENEIConf/" title="Facebook" target="_blank" class="icon-facebook"></a></li>
<li><a href="https://www.instagram.com/eneiconf/" title="Instagram" target="_blank" class="icon-instagram"></a></li>
<li><a href="https://www.linkedin.com/company/enei/" title="Linkedin" target="_blank" class="icon-linkedin"></a></li>
<li><a href="mailto:geral@enei.pt" title="Email" target="_blank" class="icon-email"></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Scripts --> <!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

73
website/main.css
View File

@ -1730,12 +1730,23 @@ footer p {
.ctf-header .ctf-top10 td { .ctf-header .ctf-top10 td {
text-align: center; text-align: center;
} }
@media screen and (max-width: 769px) {
.ctf-header .ctf-top10 {
width: 95%;
padding-top: 20px;
}
}
.ctf-header .about-top { .ctf-header .about-top {
color: white; color: white;
font-size: 15px; font-size: 15px;
text-align: center; text-align: center;
margin: 2%; margin: 2%;
} }
@media screen and (max-width: 769px) {
.ctf-header {
width: 100%;
}
}
.container-app { .container-app {
background-image: linear-gradient(0deg, #d02e2c 20%, #e1494e 100%); background-image: linear-gradient(0deg, #d02e2c 20%, #e1494e 100%);
@ -2101,9 +2112,19 @@ footer p {
justify-content: center; justify-content: center;
background-image: url("./imgs/bg_phone.png"); background-image: url("./imgs/bg_phone.png");
} }
@media screen and (max-width: 769px) {
.explain-qr {
padding: 10px;
}
}
.explain-qr .explain { .explain-qr .explain {
margin: 30px; margin: 30px;
} }
@media screen and (max-width: 769px) {
.explain-qr .explain {
margin: 10px;
}
}
.explain-qr .explain h3 { .explain-qr .explain h3 {
margin-bottom: 0; margin-bottom: 0;
color: white; color: white;
@ -2149,6 +2170,20 @@ footer p {
width: 30%; width: 30%;
height: 30%; height: 30%;
} }
@media screen and (max-width: 769px) {
.ctf-explain {
flex-direction: column;
padding: 1px;
}
.ctf-explain img {
width: 100%;
height: 100%;
}
.ctf-explain p {
width: 100%;
padding: 15px;
}
}
.ctf-levels .level1-ctf { .ctf-levels .level1-ctf {
background-color: #de6d6b; background-color: #de6d6b;
@ -2168,6 +2203,11 @@ footer p {
.ctf-levels .level { .ctf-levels .level {
padding: 80px; padding: 80px;
} }
@media screen and (max-width: 769px) {
.ctf-levels .level {
padding: 30px 10px;
}
}
.ctf-levels .level h3 { .ctf-levels .level h3 {
color: white; color: white;
padding-left: 30px; padding-left: 30px;
@ -2177,6 +2217,11 @@ footer p {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
@media screen and (max-width: 769px) {
.ctf-levels .level .sub-container {
flex-direction: column;
}
}
.ctf-levels .level .sub-container .sub-level { .ctf-levels .level .sub-container .sub-level {
width: 100%; width: 100%;
border: 1px dashed white; border: 1px dashed white;
@ -2188,6 +2233,12 @@ footer p {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
} }
@media screen and (max-width: 769px) {
.ctf-levels .level .sub-container .sub-level {
padding: 5;
margin: 10px 0;
}
}
.ctf-levels .level .sub-container .sub-level p { .ctf-levels .level .sub-container .sub-level p {
color: black; color: black;
text-align: justify; text-align: justify;
@ -2234,6 +2285,19 @@ footer p {
padding-left: 30px; padding-left: 30px;
color: #cc1a17; color: #cc1a17;
} }
@media screen and (max-width: 769px) {
.ctf-prizes {
padding: 0;
}
.ctf-prizes h3 {
padding: 20px;
text-align: center;
}
.ctf-prizes h5 {
text-align: center;
padding: 10px;
}
}
.ctf-prizes .prizes-container { .ctf-prizes .prizes-container {
flex: 1; flex: 1;
display: flex; display: flex;
@ -2252,5 +2316,14 @@ footer p {
.ctf-prizes .prizes-container .prize .prize-logo { .ctf-prizes .prizes-container .prize .prize-logo {
font-size: 100px; font-size: 100px;
} }
@media screen and (max-width: 769px) {
.ctf-prizes .prizes-container {
flex-direction: column;
padding-bottom: 20px;
}
.ctf-prizes .prizes-container .prize {
margin: 0;
}
}
/*# sourceMappingURL=main.css.map */ /*# sourceMappingURL=main.css.map */

2
website/main.css.map
View File

File diff suppressed because one or more lines are too long

69
website/main.scss
View File

@ -1659,6 +1659,10 @@ footer {
td { td {
text-align: center; text-align: center;
} }
@media screen and (max-width: $mobile) {
width: 95%;
padding-top: 20px;
}
} }
.about-top { .about-top {
color: white; color: white;
@ -1666,6 +1670,9 @@ footer {
text-align: center; text-align: center;
margin: 2%; margin: 2%;
} }
@media screen and (max-width: $mobile) {
width: 100%;
}
} }
.container-app { .container-app {
background-image: linear-gradient(0deg, rgba(208, 46, 44, 1) 20%, rgb(225, 73, 78) 100%); background-image: linear-gradient(0deg, rgba(208, 46, 44, 1) 20%, rgb(225, 73, 78) 100%);
@ -2030,15 +2037,21 @@ footer {
padding: 20px; padding: 20px;
} }
.explain-qr { .explain-qr {
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding: 50px; padding: 50px;
justify-content:center; justify-content: center;
@media screen and (max-width: $mobile) {
padding: 10px;
}
.explain { .explain {
margin: 30px; margin: 30px;
@media screen and (max-width: $mobile) {
margin: 10px;
}
h3 { h3 {
//margin-left: 20px; //margin-left: 20px;
margin-bottom: 0; margin-bottom: 0;
@ -2049,8 +2062,9 @@ footer {
color: white; color: white;
margin-left: 20px; margin-left: 20px;
} }
} }
img { img {
width: 20%; width: 20%;
height: 20%; height: 20%;
@ -2088,8 +2102,21 @@ footer {
width: 30%; width: 30%;
height: 30%; height: 30%;
} }
@media screen and (max-width: $mobile) {
flex-direction: column;
img {
width: 100%;
height: 100%;
}
p {
width: 100%;
padding: 15px;
}
padding: 1px;
}
} }
.ctf-levels { .ctf-levels {
.level1-ctf { .level1-ctf {
background-color: #de6d6b; background-color: #de6d6b;
} }
@ -2106,12 +2133,20 @@ footer {
background-color: #cc1a17; background-color: #cc1a17;
} }
.level { .level {
@media screen and (max-width: $mobile) {
padding: 30px 10px;
}
padding: 80px; padding: 80px;
h3 { h3 {
color: white; color: white;
padding-left: 30px; padding-left: 30px;
} }
.sub-container { .sub-container {
@media screen and (max-width: $mobile) {
flex-direction: column;
}
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -2125,6 +2160,12 @@ footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@media screen and (max-width: $mobile) {
// flex-direction: column;
padding:5;
margin:10px 0;
}
p { p {
color: black; color: black;
text-align: justify; text-align: justify;
@ -2177,6 +2218,17 @@ footer {
padding-left: 30px; padding-left: 30px;
color: #cc1a17; color: #cc1a17;
} }
@media screen and (max-width: $mobile) {
padding: 0;
h3{
padding: 20px;
text-align: center;
}
h5{
text-align: center;
padding: 10px;
}
}
.prizes-container { .prizes-container {
flex: 1; flex: 1;
display: flex; display: flex;
@ -2195,5 +2247,14 @@ footer {
font-size: 100px; font-size: 100px;
} }
} }
@media screen and (max-width: $mobile) {
flex-direction: column;
.prize{
margin: 0
}
padding-bottom: 20px;
}
} }
} }