-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (128 loc) · 4.96 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
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
<!DOCTYPE html>
<html lang="en" class="is-dark-mode">
<head>
<meta charset="utf-8" />
<title>Dave Berner | Co-founder @ Kinde | Writer | Speaker</title>
<meta name="description" content="Personal website for Dave Berner" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="assets/css/styles.css" />
</head>
<body>
<div class="l-container">
<header class="l-header">
<h1 class="heading--large">Dave Berner</h1>
<span class="heading--medium h-spacing"
>Co-founder @<a href="https://kinde.com/">Kinde</a></span
>
</header>
<main>
<ul class="h-spacing">
<li class="c-card">
<h3 class="c-card__title h-spacing-small">Work</h3>
<p class="c-card__summary">
I'm one of the technical co-founders of
<a href="https://kinde.com/">Kinde</a>. I consider myself a
frontend leaning generalist.
</p>
</li>
<li class="c-card">
<h3 class="c-card__title h-spacing-small">Writing</h3>
<p class="c-card__summary">
I ramble about frontend, start-ups and architecture over on the
<a
href="https://kinde.com/blog/"
title="Frontend Development Blog"
>Kinde blog</a
>. My last post was:
<a
href="https://kinde.com/blog/startups/why-everyone-should-start-a-side-hustle"
>Why everyone should start a side hustle</a
>.
</p>
</li>
<li class="c-card">
<h3 class="c-card__title h-spacing-small">Speaking</h3>
<ul class="h-spacing-small">
<li>
<time datetime="2023-06-08">08th June 2023</time> -
<a
href="https://webdirections.org/code/speakers/dave-berner.php"
>Code</a
>, Melbourne
</li>
<li>
<time datetime="2022-12-02">02nd Dec 2022</time> -
<a href="https://webdirections.org/summit">Web Directions</a>,
Sydney
</li>
<li>
<time datetime="2022-08-30">30th Aug 2022</time> -
<a href="">Engineering Sydney</a>, Sydney
</li>
<li>
<time datetime="2018-04-05">05th Apr 2018</time> -
<a href="https://www.meetup.com/SydCSS/events/248729348/"
>SydCSS</a
>, Sydney
</li>
<li>
<time datetime="2016-06-01">01st Jun 2016</time> -
<a href="http://scotlandcss.com/">Scotland CSS</a>, Edinburgh
</li>
<li>
<time datetime="2016-05-11">11th May 2016</time> -
<a href="http://cssconfbp.rocks/">CSS Conf</a>, Budapest
</li>
<li>
<time datetime="2016-02-04">04th Feb 2016</time> -
<a
href="http://www.meetup.com/__ms192565802/SydCSS/events/228394746/?rv=ea1&_xtd=gatlbWFpbF9jbGlja9oAJDAwZDM0MGI3LWZiYmUtNDliYS1hNTE2LWE4MjE4M2U0ZmRkZg&_af=event&_af_eid=228394746&expires=1454101047830&sig=c985ee86adf90933f9f7c11401d93a4f0053223a"
>SydCSS</a
>, Sydney
</li>
<li>
<time datetime="2016-01-16">16th Jan 2016</time> - BreadTalks,
Sydney
</li>
</ul>
<strong class="c-card__sub-title">Slide Decks:</strong>
<ul>
<li>
<a
href="https://speakerdeck.com/daveordead/shedding-light-on-the-shadow-dom"
>Shedding Light on the Shadow Dom</a
>
</li>
</ul>
</li>
<li class="c-card">
<h3 class="c-card__title h-spacing-small">Side hustles</h3>
<p class="c-card__summary">
My main passion project is
<a href="https://www.stakesocial.com/">Stake Social</a>
- an app for playing football prediction games against friends.
</p>
</li>
<li class="c-card">
<h3 class="c-card__title h-spacing-small">Contact</h3>
<p class="c-card__summary">
I don't have any social stuff really. You can find me on
<a href="https://www.linkedin.com/in/davidajberner/">LinkedIn</a>
and <a href="https://www.x.com/dave_or_dead">X @dave_or_dead</a>
as a necessary evil.
</p>
</li>
</ul>
</main>
<footer class="h-txt-center">
<small class="c-copyright">
© 2014 -
<script>
document.write(new Date().getFullYear());
</script>
<noscript>Now</noscript> Dave Berner
</small>
</footer>
</div>
</body>
</html>