devincodes.github.io/index.html at master · DevinCodes/devincodes.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en-us">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content=" Hi there! My name is Devin Beeuwkes, a software engineer living in Paris, France.">
        <title>About me - Devin Beeuwkes</title>

        <style>

    html body {
        font-family: 'Montserrat', sans-serif;
        background-color: white;
    }

</style>


<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/font-awesome.css">


<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">


 <meta name="generator" content="Hugo 0.68.3" />

            <script async src="https://www.googletagmanager.com/gtag/js?id=UA-162928093-1"></script>
            <script>
              window.dataLayer = window.dataLayer || [];
              function gtag(){dataLayer.push(arguments)};
              gtag('js', new Date());
              gtag('config', 'UA-162928093-1');
            </script>


        <script>
            document.addEventListener("DOMContentLoaded", function(){
                document.getElementById('menu-toggle').onclick = function () {
                    var menuItems = document.getElementById('menu-content');
                    menuItems.classList.toggle('max-h-0')
                }

            });
        </script>
    </head>

    <body class="w-screen relative min-h-screen pb-40">
        <nav class="fixed w-full border-color-primary border-t-4 border-solid flex items-center justify-between flex-wrap bg-gray-100 h-auto sm:h-20 p-6">
            <div class="flex justify-center flex-row w-full sm:hidden">
                <strong class="">Devin Beeuwkes</strong>
                <button id="menu-toggle" class="flex-grow-0 ml-auto flex items-center px-3 py-2 border rounded text-gray-700 border-red-600 hover:text-red-600 hover:border-white">
                    <svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><title>Menu</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"/></svg>
                </button>
            </div>
            <div id="menu-content" class="max-h-0 w-full block h-auto overflow-hidden sm:max-h-screen flex-grow sm:flex sm:items-center sm:w-auto sm:max-w-2xl sm:mx-auto">
                <div class="text-sm sm:flex-grow">


                            <a href="/" class="block mt-8 sm:mt-0 sm:inline-block text-gray-700 hover:text-red-600 mr-4  active ">
                                About me
                            </a>

                            <a href="/post/" class="block mt-8 sm:mt-0 sm:inline-block text-gray-700 hover:text-red-600 mr-4 ">
                                Posts
                            </a>

                            <a href="/talk/" class="block mt-8 sm:mt-0 sm:inline-block text-gray-700 hover:text-red-600 mr-4 ">
                                Talks
                            </a>


                </div>
                <div>

                        <a href="https://github.com/DevinCodes/" title="github" class="mt-8 sm:mt-0 mr-8 sm:mr-4 inline-block sm:mt-0 text-gray-700 hover:text-red-600">
                            <i class="fab fa-github"></i>
                            <span class="sr-only">github</span>
                        </a>

                        <a href="https://twitter.com/DevinCodes/" title="twitter" class="mt-8 sm:mt-0 mr-8 sm:mr-4 inline-block sm:mt-0 text-gray-700 hover:text-red-600">
                            <i class="fab fa-twitter"></i>
                            <span class="sr-only">twitter</span>
                        </a>

                        <a href="https://www.linkedin.com/in/devin-beeuwkes-08b495105/" title="linkedin" class="mt-8 sm:mt-0 mr-8 sm:mr-4 inline-block sm:mt-0 text-gray-700 hover:text-red-600">
                            <i class="fab fa-linkedin"></i>
                            <span class="sr-only">linkedin</span>
                        </a>

                        <a href="https://stackexchange.com/users/15169028/devin-beeuwkes" title="stack-overflow" class="mt-8 sm:mt-0 mr-8 sm:mr-4 inline-block sm:mt-0 text-gray-700 hover:text-red-600">
                            <i class="fab fa-stack-overflow"></i>
                            <span class="sr-only">stack-overflow</span>
                        </a>

                </div>
            </div>
        </nav>

<main class="pt-40 px-4 max-w-xs sm:max-w-sm md:max-w-screen-sm lg:max-w-screen-md mx-auto">
    <article>
        <header>
            <h1 class="text-center">About me</h1>
            <h5 class="text-center"></h5>


        </header>
        <div class="mt-8 content">
            <p>Hi there!</p>
<p>My name is Devin Beeuwkes (<code>/beːu̯kʏs/</code>), a Dutch software engineer living in Paris, France. I work at <a href="https://www.algolia.com">Algolia</a> on the <a href="https://www.algolia.com/doc/">documentation platform</a>.</p>
<p>On this site, I will write blog posts about my work at Algolia, and some side projects I&rsquo;m developing.
Sometimes I do <a href="/talk/">public speaking</a> as well.</p>

        </div>
    </article>


</main>

        <footer class="absolute bottom-0 left-0 right-0 border-color-primary border-b-4 border-solid text-center pb-4">
            <p class="text-gray-700 text-sm">© All rights reserved. Made with <a href="https://gohugo.io">Hugo</a> and <a href="https://tailwindcss.com/">TailwindCSS</a>.</p>
        </footer>

    </body>

</html>