-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhackthefuture.html
184 lines (168 loc) · 11.4 KB
/
hackthefuture.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="PXL iTalent Portfolio" name="description">
<meta content="Anthony Stulens" name="author">
<title>Anthony Stulens - PXL iTalent Portfolio</title>
<link href="img/icons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="img/icons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic'
rel='stylesheet' type='text/css'>
<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/creative.css" rel="stylesheet">
</head>
<body id="page-top">
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="/Portfolio/index.html">Anthony Stulens</a>
<button aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"
class="navbar-toggler navbar-toggler-right" data-target="#navbarResponsive" data-toggle="collapse"
type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="/Portfolio/index.html#about">About me</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="/Portfolio/index.html#overzicht">Overzicht</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="/Portfolio/index.html#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="/Portfolio/index.html#reflectie">Reflectie</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="/Portfolio/index.html#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="masthead text-center text-white d-flex htf">
<div class="container my-auto">
<div class="row">
<div class="col-lg-10 mx-auto">
<h1 class="text-uppercase">
<strong>Hack The Future</strong>
</h1>
</div>
<div class="col-lg-8 mx-auto">
<i class="fas fa-4x fa-paper-plane text-white mb-3 sr-icon-1"></i>
<p class="text-faded mb-3">Student engagement</p>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#inhoud">Lees meer</a>
</div>
</div>
</div>
</header>
<section id="inhoud">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="section-heading">Verslag</h2>
<p>In het begin van het 3e jaar van mijn opleiding toegepaste informatica op de PXL begon er zich een
interesse te ontwikkelen voor cyber security. Daarom schreef ik mij in voor de Hack The Future
Challenge samen met Joren Knieper. Als aanvulling op de innovatieroute in de security die wij
aangeboden kregen als deel van het vak iTalent, wilden wij deze kennis die we hier hadden opgedaan
testen tijdens een security challenge.</p>
<p>Tijdens dag 2 van het event vond de security challenge plaats op donderdag 29/11/18 (aka Hackerday).
Joren en ik waren al heel vroeg vertrokken om op tijd aan te komen in Fort-V in Edegem, waar het
event plaats vond. Bij onze aankomst werden we hartelijk ontvangen en kregen we een T-shirt in het
thema van de wedstrijd. Na een toespraak van de organisatie werden we in groepen ingedeeld en
begeleid naar de locatie
waar onze challenge doorging. Daar werd een korte introductie gegeven hoe onze dag ging verlopen
(voor de security challenge) en mochten we beginnen aan onze opgaves. We kregen toegang tot een platform
in piratenthema met de opdrachten verspreid over verschillende eilandjes.</p>
<p>Deze wedstrijd was gebaseerd op het Capture the flag principe. Dit wil zeggen dat er gezocht moet
worden naar een flag verstopt in de opgaves. Er waren opdrachten uit verschillende domeinen. Deze
varieerden van een simpele vraag van wat het 508304de nummer van PI was (wat uiteraard gewoon te
vinden is via een simpele zoekopdracht op google) tot moeilijkere cryptografische vraagstukken en
webchallenges.</p>
<p>Enkele voorbeelden van de challenges:</p>
<h4>Steven Seagull</h4>
<p>We kregen een afbeelding waar een verborgen boodschap achter zat. Deze hebben we in verschillende
stappen moeten ontcijferen. Eerst hebben we met de stegcracker tool een hidden file extract. Daarna
hebben we deze unsquashfs ontcijferd. De boodschap die we hieruit vonden, was een link naar een
dropbox folder online. Hierin zat een filmpje. In de metadata van dat filmpje konden we dan de flag
vinden.</p>
<img src="img/portfolio/fullsize/HTF/Stevenseagull1.png">
<img src="img/portfolio/fullsize/HTF/Stevenseagull2.png">
<img src="img/portfolio/fullsize/HTF/Stevenseagull3.png">
<img src="img/portfolio/fullsize/HTF/Stevenseagull4.png">
<img src="img/portfolio/fullsize/HTF/Stevenseagull5.png">
<h4>Sunflower</h4>
<p>Dit vonden we een hele leuke opgave omdat deze te maken had met encryptie methodes die gebruikt werd
ten tijde van de 2e wereldoorlog, namelijk de Enigma machine.</p>
<img src="img/portfolio/fullsize/HTF/Sunflower.png">
<p>Uit de opgave moesten we dan afleiden welke reflector we moesten gebruiken en welke rotor op welke
positie stond om de opgave (waswardas.txt) te kunnen ontcijferen. Eenmaal we dit hadden gevonden
was het gewoon een kwestie van deze informatie in te geven in een online tool om het te
ontcijferen.</p>
<img src="img/portfolio/fullsize/HTF/Sunflower2.png">
<p>Aan het einde van de wedstrijd werd er verwacht dat wij onze bevindingen konden presenteren voor een
jury. In 5 minuten moesten we een korte pitch geven over wie we waren, over hoe de challenge voor
ons verlopen was, onze favoriete opgave uitlichten en hoe we deze hadden opgelost. Als laatste
moesten we een idee bedenken hoe we het platform konden uitbreiden en of eventueel konden
commercialiseren. Deze pitch werd samen in rekening gebracht voor de uiteindelijke puntentelling. Zo
zijn we uiteindelijk op een verdienstelijke 3de plaats geëindigd. Op het einde van de dag werden we
nog op frieten getrakteerd en mochten we onze prijs in ontvangst nemen. Daarna hebben we nog even na
gepraat met de organisatoren van onze challenge van het bedrijf Nynox waarna we terug huiswaarts
zijn gekeerd.</p>
<p>Nog een leuke anekdote uit onze wedstrijd was dat we een challenge kapot hadden gemaakt, of althans
dat wilden de organisatoren ons wijsmaken. Ze zagen natuurlijk dat wij een XSS attack op de website
wilden proberen, maar dit lukte echter niet omdat de webserver deze niet aankon. Achteraf hebben ze
ons uitgelegd dat dit wel de juiste aanpak was om de flag te vinden en hebben we hier nog een extra
punt voor gekregen omdat de site niet werkte.</p>
<hr class="my-4">
<h2 class="section-heading">Reflectie</h2>
<p>Deze opdracht was een zeer leuke aanvulling op het innovatie traject van de PXL dat onderdeel
uitmaakt van het vak iTalent. Samen met Joren hebben wij onze skills kunnen testen op verschillende
gebieden van de Security. Dit was voor ons de eerste keer dat we meededen aan zo een wedstrijd en we
hadden meteen de 3e plaats te pakken.</p>
<p>Onze aanpak voor de wedstrijd was in het begin zeer duidelijk, we focusten ons elk op onze eigen
challenge en probeerden er zo elk zoveel mogelijk op te lossen. Als we dan zelf niet meer verder
konden, schoten we elkaar te hulp. In het begin liep dit zeer vlot. We konden elkaar zeer goed aan
vullen doorheen de verschillende domeinen. Joren zijn sterkte waren de webchallenges, mijn sterkte
waren de cryptografische challenges. Na verloop van tijd hadden we de meeste opgaves die we konden
oplossen opgelost en waren alleen nog de moeilijkere uitdagingen over. Hiervoor probeerden we steeds
out of the box the denken en niet de hele tijd terug te vallen op onze gebruikelijke denkwijze. Door
deze strategie toe te passen hebben we dan nog 1 moeilijke opdracht kunnen oplossen. </p>
<p>De deelname aan deze wedstrijd was een zeer leuke ervaring, zowel voor de dingen die we hebben
bijgeleerd als ons plezier tijdens de wedstrijd. Het behalen van een 3e plaats was dan ook een mooie
kers op de taart. Ook hebben we tijdens en na het evenement kunnen netwerken met verschillende
mensen uit de securitysector. Dit gaf ons mooie uitgangspositie om een stage te zoeken. We
keken al dadelijk uit om mee te doen met de volgende security challenge.</p>
</div>
</div>
</div>
</section>
<footer class="bg-light py-5">
<div class="container">
<div class="small text-center text-muted">Copyright © 2019 Anthony Stulens - De broncode is beschikbaar op
<a href="https://github.com/AnthonyStulens/Portfolio/tree/gh-pages">Github</a>.
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="vendor/scrollreveal/scrollreveal.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/creative.min.js"></script>
</body>
</html>