vulkd.com/index.html at master · vulkd/vulkd.com · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>vulkd ></title>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
        <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
        <style>
            body {
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 0;
                min-height: 100vh;
                font-family: "Roboto Mono", monospace;
                font-optical-sizing: auto;
                font-weight: 400;
                font-size: 0.8rem;
                font-style: normal;
                line-height: 2rem;
                background: #f7f4f2;
                color: #433c2d;
            }
            div {
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: 1rem;
                width: 100%;
                padding: 2rem;
                max-width: 80ch;
                position: relative;
            }
            a {
                padding: 0.1rem 0.64rem 0.18rem;
                border: 1px dotted #433c2d;
                background: #433c2d;
                color: #f7f4f2;
                border-radius: 0.18rem;
                text-decoration: none;
                transition: all 0.16s ease-in-out;
            }
            a:hover {
                background: #f7f4f2;
                color: #433c2d;
            }
            h1 {
                color: rgb(220, 211, 187);
                position: absolute;
                top: -4rem;
                left: 0;
            }
            @media (max-width: 600px) {
                body {
                    align-items: start;
                }
                h1 {
                    position: relative;
                    top: 0;
                }
            }
        </style>
    </head>
    <body>
        <div>
            <h1>vulkd ></h1>

            <p>Currently reading about cybernetics, semiotics, &amp; novel interfaces.</p>

            <p>
                Previously I helped businesses
                <a href="https://www.bill.com" target="_blank" rel="noopener noreferrer">streamline payments</a>, made
                <a href="https://cellcarta.com/cellenginesoftware/" target="_blank" rel="noopener noreferrer"
                    >bioinformatics&nbsp;software</a
                >
                faster for immunologists, &amp; built mission&#8208;critical
                <a href="https://www.comnap.aq/projects" target="_blank" rel="noopener noreferrer"
                    >geospatial&nbsp;applications</a
                >
                for Antarctic expeditioners.
            </p>
            <p>
                You may be interested in
                <a href="https://vulkd.com/articles/polar-projections-with-mapbox/index.html">polar map</a>
                projections, or an
                <a href="https://vulkd.com/articles/3d-underwater-maps/index.html">underwater mapping</a>
                experiment.
            </p>

            <p>
                Reach out via <a href="mailto:hello@vulkd.com">email</a> or
                <a href="https://www.linkedin.com/in/vulkd/" target="_blank" rel="noopener noreferrer">LinkedIn</a>.
            </p>
        </div>
    </body>
</html>