This repository was archived by the owner on Mar 2, 2025. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
201 lines (201 loc) · 12.1 KB
/
Copy pathindex.html
File metadata and controls
201 lines (201 loc) · 12.1 KB
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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html>
<head>
<title>Anders Markendahl</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu">
<link rel="stylesheet" href=
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href=
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body class="w3-black w3-text-light-grey">
<!-- Icon Bar (Sidebar - hidden on small screens) -->
<nav class="w3-sidebar w3-bar-block w3-small w3-hide-small w3-center">
<a href="#" style="padding-top: 30px" class=
"w3-bar-item w3-button w3-hover-black"><i class=
"glyphicon glyphicon-home w3-xxlarge"></i>
<p>HOME</p></a> <a href="#about" class=
"w3-bar-item w3-button w3-padding-large w3-hover-black"><i class=
"glyphicon glyphicon-user w3-xxlarge"></i>
<p>ABOUT</p></a> <a href="#github" class=
"w3-bar-item w3-button w3-padding-large w3-hover-black"><i class=
"fa fa-github w3-xxlarge"></i>
<p>GITHUB</p></a> <a href="#server" class=
"w3-bar-item w3-button w3-padding-large w3-hover-black"><i class=
"fa fa-server w3-xxlarge"></i>
<p>SERVER</p></a> <a href="#photos" class=
"w3-bar-item w3-button w3-padding-large w3-hover-black"><i class=
"glyphicon glyphicon-camera w3-xxlarge"></i>
<p>PHOTOS</p></a> <a href="#contact" class=
"w3-bar-item w3-button w3-padding-large w3-hover-black"><i class=
"fa fa-envelope w3-xxlarge"></i>
<p>CONTACT</p></a>
</nav><!-- Navbar on small screens (Hidden on medium and large screens) -->
<div class="smallnav w3-top w3-hide-large w3-hide-medium" id="myNavbar">
<div class=
"w3-bar w3-black w3-opacity w3-hover-opacity-off w3-center w3-small">
<a href="#" class="w3-bar-item w3-button w3-padding-small">HOME</a>
<a href="#about" class="w3-bar-item w3-button w3-padding-small">ABOUT</a>
<a href="#github" class="w3-bar-item w3-button w3-padding-small">GITHUB</a>
<a href="#server" class="w3-bar-item w3-button w3-padding-small">SERVER</a>
<a href="#photos" class="w3-bar-item w3-button w3-padding-small">PHOTOS</a>
<a href="#contact" class="w3-bar-item w3-button w3-padding-small">CONTACT</a>
</div>
</div><!-- Page Content -->
<div class="w3-padding-large" id="main">
<!-- Header/Home -->
<header class="w3-container w3-padding-32 w3-center w3-black" id="home">
<h1 class="w3-xxlarge w3-wide"><span class="w3-hide-small">I'm</span>
Anders Markendahl.</h1>
<p>Software Developer and Software Architect</p><img src=
"images/oddoswim.jpg" alt="Intro Image" class="w3-image" width="50%"
height="50%">
</header><!-- About Section -->
<div class="w3-content w3-justify w3-padding-64" id="about">
<h2>Anders Markendahl</h2>
<hr class="w3-opacity">
<div class="w3-table">
<div class="w3-half w3-padding">
<p>My name is Anders Markendahl and I live in Uppsala, Sweden, with
my wife and three kids. Uppsala is a small and vibrant city 50km
north of Stockholm.</p>
<p>Professionally I am a software developer with +10 years of
experience. My technical expertise revolves mostly around IP
Networking software, which includes loadbalancing and routing. I am
also experienced in leading a team of developers and working
according to Agile workflows.</p>
<p>In my spare time I usually play around with some coding projects
that is outside the area of my professional life. You can find some
of those projects under the Projects tab and another project is this
very webpage that you are looking at (written by me).</p>
</div>
<div class="w3-half w3-padding"><img src="images/anders.jpg" alt=
"Personal Image" class="w3-card" style="width:50%"></div>
</div><!-- End About Section -->
</div><!-- Skills Section -->
<div class="skills w3-content w3-justify w3-padding-64" id="skills">
<h2>My Skills</h2>
<hr class="w3-opacity">
<!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) -->
<div class="w3-content w3-container w3-padding-64">
<div class="w3-row-padding w3-center">
<div class="w3-col m3"><img src="images/cicd.png"
onclick="onClick(this)" class="w3-opacity w3-hover-opacity-off" alt=
"Continous Intergration and Continous Deployment: I have worked with large organizations migrating from a waterfall model to full CI/CD development pipeline including integration with customer. Full automation of: build, test (including test reports and specifications), and product documentation. I have many years experience developing using Jenkins, including hosting and managing my own Jenkins server. I also possess basic knowledge of CircleCI."></div>
<div class="w3-col m3"><img src="images/programming.png" onclick="onClick(this)" class=
"w3-opacity w3-hover-opacity-off" alt="Programming: During my career I have written most code in C and Golang. I have also extensive experience writing Linux shell scripts (Posix standard or Bash) for utility, builds and test. I have also worked as a software architect (+3 years) for products in the networking domain."></div>
<div class="w3-col m3"><img src="images/linux.png"
onclick="onClick(this)" class="w3-opacity w3-hover-opacity-off" alt=
"Linux and Linux Distributions: I have deployed production grade software on multiple Linux distributions including Ubuntu, SLES, Redhat and CentOS. I have directly been managing Ubuntu based servers for many years. I also possess knowledge about Linux file structure and basic knowledge of the Linux kernel. For development I use Ubuntu distribution on my local machine."></div>
</div>
<div class="w3-row-padding w3-center w3-section">
<div class="w3-col m3"><img src="images/iplb.png"
onclick="onClick(this)" class="w3-opacity w3-hover-opacity-off" alt=
"IP Networking and Loadbalancing: I have worked with software loadbalancers for network traffic in OSI Layers 3/4/7. The software I have developed also includes external connectivity interacting with Routers and Data Center Gateways using protocols such as BGP, OSPF and BFD. Routing software suites I have integrated includes Quagga/Zebra and BIRD."></div>
<div class="w3-col m3"><img src="images/agile.png"
onclick="onClick(this)" class="w3-opacity w3-hover-opacity-off" alt=
"Agile Methodologies: I have been working with Agile software development using Kanban or Scrum for +10 years. In addition to working as a Software Developer in Agile teams, I have also worked as Scrum Master (+4 years) and Agile Product Owner (+2 years)"></div>
</div>
</div><!-- Modal for full size images on click-->
<div id="modal01" class="w3-modal w3-black" onclick=
"this.style.display='none'">
<span class="w3-button w3-large w3-black w3-display-topright" title=
"Close Modal Image"><i class="fa fa-remove"></i></span>
<div class=
"w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
<img id="img01" alt="modal image" class="w3-image">
<p id="caption" class="w3-opacity w3-large w3-padding-32"></p>
</div>
</div><!-- End Skills Section -->
</div><!-- GitHub Section -->
<div class="github w3-padding-64 w3-content" id="github">
<h2>My Github</h2>
<hr class="w3-opacity">
<p>A list of personal software projects, also linked on
my <a href="https://github.com/andersmarkendahl/" class="w3-hover-text-grey extlink"
target="_blank">Github Profile</a>.</p>
<p>These projects are outside the area of Networking, but instead written
for educational purposes.</p><a href="https://github.com/andersmarkendahl/satellit"
class="w3-block w3-padding-large w3-hover-white w3-round-large extlink" target=
"_blank"><img src="images/satellit.png" alt="satellit" class=
"w3-left w3-margin-right">
<p><span class="w3-large w3-margin-right">Satellit</span> Space Arcade
Game</p>
<p><em>C (Programming Language), SDL2.0,
Unit-Test, CUnit, DoxyGen</em></p><br></a> <a href=
"https://github.com/andersmarkendahl/go-star-sim" class=
"w3-block w3-padding-large w3-hover-white w3-round-large extlink" target=
"_blank"><img src="images/gostarsim.png" alt="gostarsim" class=
"w3-left w3-margin-right">
<p><span class="w3-large w3-margin-right">Go-Star-Sim</span> Star System
Simulation</p>
<p><em>Go (Programming Language),
N-Body-Problem, Goroutines, CircleCi</em></p><br></a> <a href=
"https://github.com/andersmarkendahl/go-ball-sim" class=
"w3-block w3-padding-large w3-hover-white w3-round-large extlink" target=
"_blank"><img src="images/goballsim.png" alt="goballsim" class=
"w3-left w3-margin-right">
<p><span class="w3-large w3-margin-right">Go-Ball-Sim</span> Ball
Simulation</p>
<p><em>Go (Programming Language),
Unit-Test, Github-PR-Tests, Jenkins</em></p><br></a>
<!-- End Github Section -->
</div><!-- Server Section -->
<div class="server w3-padding-64 w3-content" id="server">
<h2>My Server (CURRENTLY OFFLINE: COST SAVINGS)</h2>
<hr class="w3-opacity">
<p>This server is hosted by me and contain a changing set of services.
Over the course of time the server have hosted Jenkins, TeamSpeak and various
games such as Terraria, Minecraft, Starbound and Rust etc.</p>
<a href="https://andersmarkendahl.ddns.net" class=
"w3-block w3-padding-large w3-hover-white w3-round-large extlink" target=
"_blank"><i class="fa fa-server w3-xxxlarge w3-left w3-margin-right"></i>
<p><span class="w3-large w3-margin-right">Server</span> Hosted server</p>
<p><em>Ubuntu Server, Apache, MySQL</em></p><br></a>
<!-- End Server Section -->
</div>
<div class="photos w3-padding-64 w3-content" id="photos">
<h2>My Photos</h2>
<hr class="w3-opacity">
<!-- Grid for photos -->
<div class="w3-row-padding" style="margin:0 -16px">
<div class="w3-half">
<img src="images/falunbath.jpg" alt="Falun Bath">
<img src="images/falunsyren.jpg" alt="Falun Vegetation">
<img src="images/oddocliffs.jpg" alt="Öddö Cliffs">
</div>
<div class="w3-half">
<img src="images/oddohouse.jpg" alt="Öddö House">
<img src="images/oddosunset.jpg" alt="Öddö Sunset">
<img src="images/oddowestcoast.jpg" alt="Westcoast">
</div><!-- End photo grid -->
</div><!-- End Portfolio Section -->
</div><!-- Contact Section -->
<div class="w3-padding-64 w3-content" id="contact">
<h2>Contact Me</h2>
<hr class="w3-opacity">
<div class="w3-section">
<p><i class="fa fa-envelope fa-fw w3-xxlarge w3-margin-right"></i>
Email: andersmarkendahl@gmail.com</p>
<p><i class="fa fa-linkedin fa-fw w3-xxlarge w3-margin-right"></i>
<a href="https://www.linkedin.com/in/andersmarkendahl/" target="_blank"
class="w3-hover-text-white extlink">Linkedin Profile</a></p>
<p><i class="fa fa-map-marker fa-fw w3-xxlarge w3-margin-right"></i>
<a href="https://goo.gl/maps/B54bUncus6tHotbj6/" target="_blank" class=
"w3-hover-text-white extlink">Uppsala, Sweden</a></p>
</div><!-- End Contact Section -->
</div><!-- Footer -->
<footer class="w3-content w3-padding-64 w3-text-grey w3-xlarge w3-center">
<p class="w3-medium">Credit where credit is due, powered by <a href=
"https://www.w3schools.com/w3css/default.asp" target="_blank" class=
"w3-hover-text-white extlink">w3.css</a></p><!-- End footer -->
</footer><!-- END PAGE CONTENT -->
</div>
<script src="js/scripts.js">
</script>
</body>
</html>