-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
156 lines (155 loc) · 12.1 KB
/
index.html
File metadata and controls
156 lines (155 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Árni Gunnarsson - Freelance Programmer</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
<link href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top"
><span class="d-block d-lg-none">Árni Gunnarsson</span><span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets/img/profile.jpg" alt="Profile image" /></span></a
><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#learning">Currently learning</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#interests">Interests</a></li>
</ul>
</div>
</nav>
<!-- Page Content-->
<div class="container-fluid p-0">
<!-- About-->
<section class="resume-section" id="about">
<div class="resume-section-content">
<h1 class="mb-0">Árni<span class="text-primary"> Gunnarsson</span></h1>
<div class="subheading mb-5">Iceland ·<a href="mailto:arni1981@gmail.com"> arni1981@gmail.com</a></div>
<p class="lead mb-5">Hello and welcome to my portfolio. I'm a fullstack web developer working mainly with Ruby on Rails and Angular, with Postgres as a go-to database</p>
<p class="lead mb-5">I'm currently looking for remote jobs, either as a freelancer or full-time. For more info on availability and rates please contact me via email.</p>
<div class="social-icons">
<a class="social-icon" title="LinkedIn account" href="https://www.linkedin.com/in/arni1981/"><i class="fab fa-linkedin"></i></a><a class="social-icon" title="Github account" href="https://github.com/arni1981"><i class="fab fa-github"></i></a><a class="social-icon" title="Gitlab account" href="https://gitlab.com/arni1981"><i class="fab fa-gitlab"></i></a><a class="social-icon" title="Stackoverflow account" href="https://stackoverflow.com/story/arni1981"><i class="fab fa-stack-overflow"></i></a>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Currently learning-->
<section class="resume-section" id="learning">
<div class="resume-section-content">
<h2 class="mb-5">Currently learning</h2>
<div class="subheading mb-3">Angular - The Complete Guide (2020 Edition)</div>
<p>Been going through this course over the last few weeks.</p>
<p>I have a good grasp on the basics like, components, modules, services, dependency injection, and routing to name some of the most important parts of Angular.</p>
<p>Rxjs can be a bit of a mind-bender, but I'm currently reading through the documentation on it to try to understand it better</p>
<a href="https://www.udemy.com/course/the-complete-guide-to-angular-2/">Link to course on Udemy</a>
<div class="subheading mb-3 mt-5">Angular Course on Fireship.io</div>
<p>Great course that teaches real-world usage with Angular Material and Firebase and authentication among other things</p>
<a href="https://fireship.io/courses/angular/">Link to course on Fireship.io</a>
<div class="subheading mb-3 mt-5">Advanced CSS and Sass</div>
<p>Really needed to get up to speed on HTML5 and CSS3 and this course did not disappoint, really recomended. I think it's really important for any frontend-programmer to have basic/intermediate knowledge of these things even though one doesn't work directly with designing.</p>
<a href="https://www.udemy.com/course/advanced-css-and-sass/">Link to course on Udemy</a>
</div>
</section>
<hr class="m-0" />
<!-- Portfolio-->
<section class="resume-section" id="portfolio">
<div class="resume-section-content">
<h2 class="mb-5">Portfolio</h2>
<div class="subheading mb-3 mt-5">Betraskor.is</div>
<img src="assets/img/betraskor.png" alt="Betraskor frontpage image" height="250px" />
<p>Meaning 'better score' in Icelandic. This is a statistics webpage for golfers, analyzing all kinds of statistics using charts and other graphics for display.</p>
<p>Written in Ruby on Rails, using Postgres. The code base is quite old and I'm using jQuery for the javascript part mostly.</p>
<p><a href="https://betraskor.is">Link to Betraskor.is</a></p>
<p><a href="https://gitlab.com/arni1981/betraskor_is">Link to Gitlab repo</a></p>
<div class="subheading mb-3 mt-5">Skafrenningur.is</div>
<img src="assets/img/skafrenningur.png" alt="Skafrenningur frontpage image" height="250px" />
<p>Meaning 'drifting snow' in Iceland, a quite common theme during the winter months.</p>
<p>Frontend written in Angular and the backend as an api in Rails, with Postgres as database.</p>
<p><a href="https://skafrenningur.is">Link to Skafrenningur.is</a></p>
<p><a href="https://github.com/arni1981/skafrenningur_angular">Link to Gitlab repo for the Angular part</a></p>
<p><a href="https://github.com/arni1981/skafrenningur_api">Link to Gitlab repo for the Rails part</a></p>
</div>
</section>
<hr class="m-0" />
<!-- Education-->
<section class="resume-section" id="education">
<div class="resume-section-content">
<h2 class="mb-5">Education</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Reykjavík University</h3>
<div class="subheading mb-3">Bachelor of Science</div>
<div>Computer Science</div>
</div>
<div class="flex-shrink-0"><span class="text-primary">2002 - 2005</span></div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Skills-->
<section class="resume-section" id="skills">
<div class="resume-section-content">
<h2 class="mb-5">Skills</h2>
<div class="subheading mb-3">Programming Languages & Tools</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item"><i class="devicon-rails-plain-wordmark" title="Rails"></i></li>
<li class="list-inline-item"><i class="devicon-angularjs-plain" title="Angular 2+"></i></li>
<li class="list-inline-item"><i class="devicon-git-plain" title="Git"></i></li>
<li class="list-inline-item"><i class="devicon-typescript-plain" title="Typescript"></i></li>
<li class="list-inline-item"><i class="devicon-javascript-plain" title="Javascript"></i></li>
<li class="list-inline-item"><i class="devicon-html5-plain" title="HTML5"></i></li>
<li class="list-inline-item"><i class="devicon-css3-plain" title="CSS3"></i></li>
<li class="list-inline-item"><i class="devicon-postgresql-plain" title="Postgres"></i></li>
<li class="list-inline-item"><i class="devicon-linux-plain" title="Linux"></i></li>
<li class="list-inline-item"><i class="devicon-ubuntu-plain" title="Ubuntu"></i></li>
<li class="list-inline-item"><i class="devicon-visualstudio-plain" title="Visual Studio Code"></i></li>
<li class="list-inline-item"><i class="devicon-docker-plain" title="Docker"></i></li>
</ul>
<div class="subheading mb-3">Rails</div>
<p>Have been using Rails since version 2.0. I have a comprehensive knowledge of Rails and have used all or almost all of its components at some time. I also know the most-often-used gems</p>
<div class="subheading mb-3">Angular</div>
<p>Comfortable with using Components, Router, Services, CLI, Dependency Injecton, Modules, Rxjs (basics)</p>
<p>I've created projects with Angular Material and tried out Nebular also</p>
<p>What I'm working on improving at the moment is testing and I18n</p>
<div class="subheading mb-3">Databases</div>
<p>Postgres is my go-to database. I have an intermediate knowledge of SQL, including triggers, functions, indexes, views and materialized views.</p>
<p>I know the basics of user managament and user privileges. I'm in no way a DBA though (database administrator)</p>
<div class="subheading mb-3">Git</div>
<p>Know the basic operations, fetch, push, pull, clone, checkout</p>
</div>
</section>
<hr class="m-0" />
<!-- Interests-->
<section class="resume-section" id="interests">
<div class="resume-section-content">
<h2 class="mb-5">Interests</h2>
<p>I enjoy walking, hiking, golfing, going to the gym.</p>
<p class="mb-0">To relax I like to read, currently reading the Wheel of Time series and love it so far</p>
</div>
</section>
<hr class="m-0" />
</div>
<!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>