-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
113 lines (99 loc) · 8.92 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Wiberg Tech!</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Fonts -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- Styles -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="/assets/css/style.css">
</head>
<body>
<div class="container">
<div class="row">
<h1 class="text-center">Anders Wiberg Olsen <br/><small>[email protected]</small></h1>
<hr>
<!-- Menu for a later stage... Or maybe not... I might... Perhaps -->
<!--<div class="text-center">
<a href="/" id="active">Home</a> <span class="grey">//</span>
<a href="/projects" id="active">Projects</a> <span class="grey">//</span>
<a href="/contact" id="active">Contact</a>
</div>-->
<div class="col-md-6 col-sm-6 hidden-xs"><br>
<p class="grey">// Information</p>
<p>
<span class="fuschia"><?php</span><br/>
<span class="blue"><em>function</em></span> <span class="green">getData</span> (<span class="fuschia">$person</span>){<span class="string-indent">
<span class="fuschia">$person</span> = <span class="purple">json_decode</span>(<br/>{<br/>
  <span class="yellow">"Name"</span>: <span class="yellow">"Anders Wiberg Olsen"</span>,<br/>
<span class="yellow">"Occupation"</span>: <span class="yellow"><em>"Next Advertising ApS</em> as <em>Fullstack Developer</em>"</span>,<br/>
<span class="yellow">"age"</span>: <span class="orange">23</span>,<br/>
<span class="yellow">"contactInformation"</span>: [{<br/>
<span class="yellow">"type"</span>: <span class="yellow">"home"</span>,<br/>
<span class="yellow">"number"</span>: <span class="yellow">"(+45) 22 52 87 15"</span>,<br/>
<span class="yellow">"e-mail"</span>: <span class="yellow">"<a href="mailto:[email protected]">[email protected]</a>"</span><br/>
}, {<br>
<span class="yellow">"type"</span>: <span class="yellow">"office"</span>,<br/>
<span class="yellow">"e-mail"</span>: <span class="yellow">"<a href="mailto:[email protected]">[email protected]</a>"</span><br/>
}]<br/>}<br/>
</span>
<span class="string-indent">);<br/><br/></span>
<span class="string-indent"><span class="purple">return</span> <span class="fuschia">$person</span>;</span>
}<br/><span class="fuschia">?></span>
</p>
</div>
<div class="col-md-6 col-sm-6"><br>
<p class="green">About Me</p>
<p class="white">My name is <span class="blue"><em>Anders Wiberg Olsen</em></span>. I am currently <span class="orange"><em>22</em></span> years old and I love technology.</p>
<p class="white">I live in Denmark, where I am currently studying Software Technology at <em>Technical University of Denmark</em> (DTU).</p>
<p class="white">I have been fascinated by technology my whole life. As a kid I started learning <span class="purple"><em>HTML</em></span>, <span class="purple"><em>vbscript</em></span> and <span class="purple"><em>batch</em></span>. At that time, I just loved how I could automate things. Other than that, I have been playing and producing music. I play the piano as my primary instrument, but can also play guitar and drums. I have produced quite a bit of electronic dance music (primarily house). Furthermore, I have a big interest in photography, and have also been working voluntarily as a press photographer at <span class="fuschia">Roskilde Festival</span>.</p>
<p class="white">At DTU I have become the president of the local radio, broadcasting radio on FM and the internet.</p>
<hr>
<p class="green">Experience</p>
<p class="white">I am primarily a self-taught programmer. I started programming as a kid, making small HTML websites. Then progressed to <span class="purple"><em>Visual Basic</em></span>. When I knew that language fairly well, I started learning <span class="purple"><em>C#</em></span>, <span class="purple"><em>Java</em></span>, <span class="purple"><em>C++</em></span>, <span class="purple"><em>SQL</em></span>, <span class="purple"><em>PHP</em></span>, <span class="purple"><em>JavaScript</em></span>, <span class="purple"><em>TypeScript</em></span>, <span class="purple"><em>Python</em></span>, <span class="purple"><em>Bash</em></span>. I have experience working as a <span class="blue">System Administrator</span> at <em>SoftBASE A/S</em>, working with Cisco ASA routers, Linux Servers, Windows Servers, Oracle RESTful Services, Oracle Forms and Reports and a lot of other Oracle stuff.</p>
<p class="white">One day I decided that I wanted to become a game developer, so I started learning <span class="fuschia"><em>GameMaker</em></span>. Then later <span class="fuschia"><em>Unity3D</em></span> at <span class="fuschia"><em>Unreal Engine</em></span>.</p>
<p class="white">I then started making a lot of web applications and got a taste for making <span class="blue">RESTful API</span>’s and <span class="blue">Progressive Web Applications</span>. I have been working with <span class="purple"><em>.NET</em></span> core (C#), <span class="purple"><em>Jersey</em></span> (Java), <span class="purple"><em>vue.js</em></span> (JavaScript), <span class="purple"><em>Aurelia</em></span> (TypeScript), <span class="purple"><em>Laravel 5</em></span> (PHP) and a lot of other things.</p>
<p class="white">Additionally, I have a lot of experience with microservices in <span class="fuschia"><em>Docker</em></span>, <span class="fuschia"><em>Amazon AWS</em></span> and <span class="fuschia"><em>Microsoft Azure</em></span>. At my current occupation at Nexta, I administrate a lot of services hosted in Microsoft Azure, and integrate our web application to <span class="blue"><em>Azure Active Directory</em></span>.</p>
</div>
<br><br><br><br><br>
</div>
<footer class="footer">
<div class="container hidden-xs">
<div class="row">
<!--<br>-->
<div class="col-md-4 hidden-sm"><div class="grey"><span class="green">Copyright</span><br> © 2016 by Anders Wiberg Olsen</div></div>
<div class="col-md-2 col-sm-3">
<div class="green">Links</div>
<a href="https://github.com/awo-dev" target="_blank" class="no-underline"><i class="fa fa-github white"></i> awo-dev</a><br/>
<a href="https://twitter.com/AndersWiberg" target="_blank" class="no-underline"><i class="fa fa-twitter white"></i> AndersWiberg</a>
</div>
<div class="col-md-2 col-sm-3"><br/>
<a href="https://linkedin.com/in/anderswolsen" target="_blank" class="no-underline"><i class="fa fa-linkedin white"></i> anderswolsen</a><br>
<a href="https://awo-dev.slack.com" target="_blank" class="no-underline"><i class="fa fa-slack white"></i> anderswolsen</a>
</div>
<div class="col-md-4 col-sm-6"><span class="green">Contact</span><br>
<a href="mailto:[email protected]" class="no-underline"><i class="fa fa-envelope white"></i> [email protected]</a><br>
<a href="tel:+4522528715" class="no-underline"><i class="fa fa-phone white"></i> (+45) 22 52 87 15</a>
</div>
</div>
</div>
</footer>
<footer class="footer visible-xs" id="xs">
<div class="container">
<div class="row text-center">
<!--<br>-->
<!--<div class="grey"><span class="green">Copyright</span><br> © 2016 by Anders Wiberg Olsen</div>-->
<br>
<p class="green">Contact</p>
<a href="mailto:[email protected]" class="no-underline"><i class="fa fa-envelope white"></i> [email protected]</a><br>
<a href="tel:+4522528715" class="no-underline"><i class="fa fa-phone white"></i> (+45) 22 52 87 15</a>
</div>
</div>
</footer>
<br><br>
</div>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>