-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnow.html
executable file
·146 lines (128 loc) · 7.24 KB
/
now.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
---
layout: default
title: Now
---
<h2 class="mt-2 is-center">Now</h2>
<div class="tile is-ancestor">
<div class="tile is-vertical is-4">
<div class="tile">
<div class="tile is-parent is-vertical">
<article class="tile is-child notification is-primary">
<p class="title">Barco van Rhijn</p>
<div class="columns">
<div class="column">
<figure class="image">
<img class="" src="assets/images/profile2.jpg" alt="profile">
</figure>
</div>
</div>
<div class="columns">
<div class="column">
<a href="https://github.com/barcovanrhijn"><span class="icon has-text-black"><ion-icon name="logo-github" size="large"></ion-icon></span></a>
<a href="https://www.linkedin.com/in/barco-van-rhijn"><span class="icon has-text-info-dark"><ion-icon name="logo-linkedin" size="large"></ion-icon></span></a>
<a href="https://www.freecodecamp.org/fcc6880a2d5-9287-4b5a-9e74-6c24bed91395"></a>
<a href="mailto:[email protected]"><span class="icon has-text-warning"><ion-icon name="mail" size="large"></ion-icon></span></a>
</div>
</div>
<div class="mt-2"><ion-icon name="chatbubbles" size="medium"></ion-icon> FullStack Developer</div>
<div class="mt-2"><ion-icon name="chatbubbles" size="medium"></ion-icon> Speak geek and human fluently.</div>
<div class="mt-2"><ion-icon name="people" size="medium"></ion-icon> Consultative approach is rated highly with customers I do work for.</div>
<div class="mt-2"><ion-icon name="business" size="medium"></ion-icon> Currently Works at <a href="https://www.codeinfinity.co.za">CodeInfinity</a></div>
</article>
<article class="tile is-child notification is-warning">
<p class="title">Career Values</p>
<span class="tag is-success is-medium mt-1">Intellectual Stimulation</span>
<span class="tag is-info is-medium mt-1">Continuing Education</span>
<span class="tag is-success is-medium mt-1">Leadership</span>
<span class="tag is-success is-medium mt-1">High Income</span>
<span class="tag is-success is-medium mt-1">Recognition</span>
<span class="tag is-success is-medium mt-1">Helping Others</span>
<span class="tag is-success is-medium mt-1">Security</span>
<span class="tag is-success is-medium mt-1">Career Progression</span>
</article>
</div>
</div>
</div>
<div class="tile is-parent is-vertical">
<article class="tile is-child notification is-info">
<p class="title">Languages</p>
<p class="subtitle">i'm currently working in</p>
<img src="https://wakatime.com/share/@58dd56f5-2bb1-4c50-90a3-aa841e7c495d/337e74d0-1874-45d1-a7c2-eda802a08170.svg"></img>
</article>
<article class="tile is-child notification is-dark">
<p class="title">Current Focus</p>
<div class="content">
<span class="tag is-success is-medium mt-1">Learning Svelte</span>
<span class="tag is-success is-medium mt-1">WebComponents</span>
<span class="tag is-info is-medium mt-1">Work-life balance.</span>
<span class="tag is-primary is-medium mt-1">Starting a garden</span>
<span class="tag is-warning is-medium mt-1">Share more posts</span>
</div>
</article>
<article class="tile is-child notification is-success">
<div class="content">
<p class="title">Languages</p>
<div class="content">
<div class="columns">
<div class="column">
<h4>PHP</h4>
<ul>
<li>Vanilla</li>
<li><ion-icon name="logo-laravel"></ion-icon> Laravel</li>
<li>Tina4PHP</li>
<li>CodeIgniter</li>
</ul>
<h4><ion-icon name="logo-html5"></ion-icon> HTML</h4>
<h4><ion-icon name="logo-css3"></ion-icon> CSS</h4>
<ul>
<li><ion-icon name="logo-css3"></ion-icon> CSS</li>
<li><ion-icon name="logo-sass"></ion-icon> SASS</li>
<li>Bootstrap</li>
<li>Bulma</li>
<li><ion-icon name="logo-nodejs"></ion-icon> Markdown</li>
</ul>
<h4><ion-icon name="logo-ionic"></ion-icon> Ionic Framework</h4>
<h4><ion-icon name="logo-nodejs"></ion-icon> Python3</h4>
<h4><ion-icon name="git-branch"></ion-icon>GIT</h4>
<ul>
<li>Github</li>
<li>Bitbucket</li>
<li>Github Actions</li>
</ul>
</div>
<div class="column">
<h4><ion-icon name="logo-javascript"></ion-icon> Javascript</h4>
<ul>
<li>Vanilla</li>
<li>ECMA Script</li>
<li>Jquery</li>
<li><ion-icon name="logo-vue"></ion-icon> VueJs</li>
<!-- <li><ion-icon name="logo-react"></ion-icon> ReactJs</li>-->
<li>Svelte</li>
<li>TypeScript</li>
<li>NodeJs</li>
</ul>
<h4>Database</h4>
<ul>
<li>Mysql</li>
<li>MariaDb</li>
<li>Sqlite</li>
<li>Firebird</li>
</ul>
<h4>Server & Deployment</h4>
<ul>
<li><ion-icon name="logo-docker"></ion-icon> Docker</li>
<li>LXD</li>
<li>Ansible</li>
<li>Salt-Stack</li>
<li><ion-icon name="terminal"></ion-icon> SSH</li>
<li>Linux Administration</li>
<li><ion-icon name="terminal"></ion-icon> Bash Scripting</li>
</ul>
</div>
</div>
</div>
</div>
</article>
</div>
</div>