michaelsiddi.github.io/index_backup.html at master · MichaelSiddi/michaelsiddi.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Michael Siddi</title>
    <meta name="description" content="Michael Siddi" />
    <meta name="keywords" content="michael siddi, michael, siddi, ios engineer, engineer, ios developer, ios, developer, mobile, cagliari, sardegna, sardinia, italia, italy, torino, turin, piemonte, objective-c, vivocha, doveconviene, dove conviene, shopfully, top developer, webrtc developer, webrtc engineer, sviluppatore webrtc, webrtc, sdk, san francisco, usa, h1-b, visa" />
    <meta name="author" content="Michael Siddi" />

    <!-- Open Graph -->
    <meta property="og:title" content="Michael Siddi" />
    <meta property="og:type" content="article" />
    <meta property="og:url" content="http://www.michaelsiddi.com" />
    <meta property="og:description" content="Michael Siddi" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@michaelsiddi" />
    <meta name="twitter:creator" content="@michaelsiddi" />
    <meta name="twitter:title" content="Michael Siddi" />

    <link rel="shortcut icon" href="imgs/favicon.png" />

    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <script>
        (function () {
            try {
                var storedTheme = localStorage.getItem('theme');
                var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
                var theme = storedTheme || (prefersDark ? 'dark' : 'light');
                document.documentElement.setAttribute('data-theme', theme);
            } catch (err) {
                document.documentElement.setAttribute('data-theme', 'light');
            }
        })();
    </script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" media="screen" />
    <script src="js/theme-toggle.js" defer></script>

    <meta name="google-site-verification" content="_B6OGU9oyGJgWOCNtOC3DA4Bf_uRVZzMZwVvyJCgoyU" />
</head>
<body>
    <button class="theme-toggle" type="button" aria-pressed="false" aria-label="Activate dark mode" data-theme="light">
        <span class="theme-toggle__track" aria-hidden="true">
            <span class="theme-toggle__icon theme-toggle__icon--sun">
                <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <circle cx="12" cy="12" r="4.2" fill="currentColor" />
                    <path d="M12 2v2.4M12 19.6V22M4.4 4.4l1.7 1.7M17.9 17.9l1.7 1.7M2 12h2.4M19.6 12H22M4.4 19.6l1.7-1.7M17.9 6.1l1.7-1.7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" />
                </svg>
            </span>
            <span class="theme-toggle__icon theme-toggle__icon--moon">
                <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21 14.2A8.2 8.2 0 0110.1 3.3 7.4 7.4 0 1018.7 19 8.1 8.1 0 0121 14.2z" fill="currentColor" />
                </svg>
            </span>
            <span class="theme-toggle__thumb"></span>
        </span>
    </button>
    <main class="page" aria-labelledby="hero-title">
        <section class="card">
            <div class="avatar" aria-hidden="true"></div>
            <div class="copy">
                <p class="eyebrow">Head of Mobile Development · Smile.CX</p>
                <h1 id="hero-title">Michael Siddi</h1>
                <p class="lead">Building communication apps and SDKs that keep teams connected, backed by 10+ years of hands-on mobile engineering at Smile.CX.</p>
                <p>Now exploring AI-powered support experiences and lining up our first AR experiments while splitting time between Turin and Cagliari.</p>
                <ul class="facts" aria-label="Highlights">
                    <li>#1 App Store &amp; Google Play launches for DoveConviene and indoona</li>
                    <li>Leading the Smile.CX mobile team serving 27K Covisian colleagues</li>
                    <li>Maintainer of the Vivocha realtime comms SDK suite</li>
                </ul>
                <div class="actions">
                    <a class="btn" href="mailto:hi@michaelsiddi.com">
                        <span class="icon" aria-hidden="true">
                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5 12h14" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M12 5l7 7-7 7" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" fill="none" />
                            </svg>
                        </span>
                        Say hello
                    </a>
                    <a class="btn btn-light" href="./files/MichaelSiddi_Resume.pdf" target="_blank" rel="noopener noreferrer">
                        <span class="icon" aria-hidden="true">
                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12 4v12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" />
                                <path d="M7 11l5 5 5-5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" fill="none" />
                                <path d="M6 20h12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" />
                            </svg>
                        </span>
                        Résumé
                    </a>
                </div>
                <ul class="social" aria-label="Social links">
                    <li>
                        <a href="https://www.github.com/MichaelSiddi" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
                            <span class="icon" aria-hidden="true">
                                <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12 2a10 10 0 00-3.16 19.49c.5.09.68-.22.68-.48 0-.24-.01-1.03-.02-1.87-2.77.6-3.36-1.16-3.36-1.16-.45-1.15-1.1-1.46-1.1-1.46-.9-.62.07-.61.07-.61 1 .07 1.53 1.02 1.53 1.02.89 1.52 2.34 1.08 2.9.83.09-.65.35-1.08.63-1.33-2.22-.25-4.56-1.11-4.56-4.94 0-1.09.39-1.99 1.02-2.69-.1-.25-.45-1.27.1-2.64 0 0 .84-.27 2.75 1.03a9.54 9.54 0 015 0c1.9-1.3 2.74-1.03 2.74-1.03.56 1.37.21 2.39.11 2.64.64.7 1.02 1.6 1.02 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.86 0 1.35-.01 2.44-.01 2.77 0 .26.18.57.69.48A10 10 0 0012 2z" fill="currentColor" />
                                </svg>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.linkedin.com/in/michaelsiddi" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
                            <span class="icon" aria-hidden="true">
                                <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5 3.5a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zM.5 8.5h4v12h-4zM8 8.5h3.7v1.64h.05c.51-.93 1.76-1.9 3.62-1.9 3.87 0 4.58 2.42 4.58 5.57V20.5h-4v-5.58c0-1.33-.03-3.05-1.86-3.05-1.87 0-2.15 1.46-2.15 2.95v5.68H8z" fill="currentColor" />
                                </svg>
                            </span>
                        </a>
                    </li>
                </ul>
                <p class="aside">I’m a geek, passionate about Electronic Dance Music (EDM) and currently exploring the fascinating world of mechanical watches as a beginner watchmaker.</p>
            </div>
        </section>
    </main>
</body>
</html>