ramonroche.com/index.html at main · mrpollo/ramonroche.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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ramon Roche</title>
    <meta name="description" content="Ramon Roche — General Manager, Dronecode Foundation">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            background: #fafafa;
            color: #111;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            -webkit-font-smoothing: antialiased;
        }

        .card {
            text-align: center;
            padding: 2rem;
        }

        .photo {
            width: 160px;
            height: 160px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 1.5rem;
        }

        h1 {
            font-size: 1.75rem;
            font-weight: 600;
            letter-spacing: -0.02em;
            margin-bottom: 0.4rem;
        }

        .title {
            font-size: 1rem;
            color: #555;
            margin-bottom: 1.25rem;
        }

        .bio {
            font-size: 0.95rem;
            color: #444;
            line-height: 1.6;
            max-width: 480px;
            margin: 0 auto 1.75rem;
        }

        .links {
            display: flex;
            gap: 1.25rem;
            justify-content: center;
        }

        .links a {
            color: #444;
            transition: color 0.2s;
        }

        .links a:hover {
            color: #111;
        }

        .links svg {
            width: 24px;
            height: 24px;
        }

        .coffee {
            display: inline-block;
            margin-top: 1.25rem;
            font-size: 0.9rem;
            color: #444;
            text-decoration: none;
            transition: color 0.2s;
        }

        .coffee span {
            text-decoration: underline;
        }

        .coffee:hover {
            color: #111;
        }
    </style>
</head>
<body>
    <div class="card">
        <img class="photo" src="pro_shot.jpg" alt="Ramon Roche" width="160" height="160">
        <h1>Ramon Roche</h1>
        <p class="title">General Manager, Dronecode Foundation</p>
        <p class="bio">Open-source leader, lead maintainer of PX4, and co-lead of Space Grade Linux under ELISA. Over a decade building communities and software across drones, robotics, and space.</p>
        <div class="links">
            <a href="https://github.com/mrpollo" aria-label="GitHub" target="_blank" rel="noopener">
                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 .3a12 12 0 0 0-3.8 23.38c.6.11.82-.26.82-.58v-2.02c-3.34.73-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.08-.74.08-.73.08-.73 1.2.09 1.84 1.24 1.84 1.24 1.07 1.83 2.8 1.3 3.49 1 .1-.78.42-1.3.76-1.6-2.67-.31-5.47-1.34-5.47-5.93 0-1.31.47-2.38 1.24-3.22-.13-.3-.54-1.52.12-3.18 0 0 1-.32 3.3 1.23a11.5 11.5 0 0 1 6.02 0c2.28-1.55 3.29-1.23 3.29-1.23.66 1.66.25 2.88.12 3.18a4.65 4.65 0 0 1 1.24 3.22c0 4.61-2.81 5.62-5.48 5.92.42.36.81 1.1.81 2.22v3.29c0 .32.21.7.82.58A12 12 0 0 0 12 .3"/></svg>
            </a>
            <a href="https://linkedin.com/in/ramon-roche" aria-label="LinkedIn" target="_blank" rel="noopener">
                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.14 1.45-2.14 2.94v5.67H9.35V9h3.41v1.56h.05a3.74 3.74 0 0 1 3.37-1.85c3.6 0 4.27 2.37 4.27 5.46v6.28ZM5.34 7.43a2.07 2.07 0 1 1 0-4.14 2.07 2.07 0 0 1 0 4.14ZM7.12 20.45H3.56V9h3.56v11.45ZM22.22 0H1.77A1.75 1.75 0 0 0 0 1.73v20.54A1.75 1.75 0 0 0 1.77 24h20.45A1.75 1.75 0 0 0 24 22.27V1.73A1.75 1.75 0 0 0 22.22 0Z"/></svg>
            </a>
            <a href="https://x.com/mrpollo" aria-label="X (Twitter)" target="_blank" rel="noopener">
                <svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.9 1.15h3.68l-8.04 9.19L24 22.85h-7.4l-5.8-7.58-6.63 7.58H.49l8.6-9.83L0 1.15h7.59l5.24 6.93 6.06-6.93Zm-1.29 19.5h2.04L6.48 3.24H4.3l13.31 17.41Z"/></svg>
            </a>
        </div>
        <a class="coffee" href="https://ko-fi.com/ramonroche" target="_blank" rel="noopener">☕ <span>Buy me a coffee</span></a>
    </div>
</body>
</html>