-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (153 loc) · 11.4 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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="dark light">
<meta name="author" content="Jonathan Shemer">
<!-- Primary Meta Tags -->
<title>Jonathan Shemer</title>
<meta name="title" content="Jonathan Shemer">
<meta name="description" content="CTO and Co-Founder of Ancillary Streams Ltd.">
<meta name="keywords" content="jonathan, shemer, entrepreneur, development, backend">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://jonathanshemer.com/">
<meta property="og:title" content="Jonathan Shemer">
<meta property="og:description" content="CTO and Co-Founder of Ancillary Streams Ltd.">
<meta property="og:image" content="https://www.jonathanshemer.com/cover.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://metatags.io/">
<meta property="twitter:title" content="Jonathan Shemer">
<meta property="twitter:description" content="CTO and Co-Founder of Ancillary Streams Ltd.">
<meta property="twitter:image" content="https://www.jonathanshemer.com/cover.png">
<!-- favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="shortcut icon" href="/favicon.ico">
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
margin: 0;
}
h1 {
line-height: 48px;
color: #2f2f41;
}
h2 {
line-height: 32px;
color: #2f2f41;
}
p {
line-height: 24px;
color: #2f2f41;
}
a:link, a:visited {
color: #497dfa;
background-color: transparent;
text-decoration: none;
}
a:active, a:hover {
color: #3e6ad4;
background-color: transparent;
text-decoration: underline;
}
.container {
margin: 0 5vw;
display: grid;
grid-template-columns: minmax(auto , 45%) 1fr;
grid-template-rows: minmax(auto , 8vh) auto auto 1fr 1fr minmax(5vh , 8vh);
}
.title {
grid-row: 2;
grid-column: 1;
}
.subtitle {
grid-row: 3;
grid-column: 1;
}
.description {
max-width: 550px;
grid-row: 4;
grid-column: 1;
}
.hero {
grid-column: 2;
grid-row: 2 / span 4;
padding: 0px 10px;
margin-left: auto;
margin-block-start: 0.67em;
}
.hero-size {
width: 40vw;
height: 28.3561004991vw;
}
.linkedin {
width: auto;
}
.github {
margin-left: auto;
}
.social {
grid-row: 5;
height: 28px;
line-height: 28px;
grid-column: 1;
margin-top: auto;
}
@media only screen and (max-width:480px) {
.subtitle, .description, .github {
grid-column: 1 / span 2;
}
}
@media (prefers-color-scheme: dark) {
body {
background-color: #1e1f23;
}
h1, h2, p, li {
color: #c4c5c9
}
a:link, a:visited {
background-color: transparent;
text-decoration: none;
}
a:active, a:hover {
background-color: transparent;
text-decoration: underline;
}
}
.social a {
text-decoration: none;
}
</style>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body>
<div class="container">
<div class="title">
<h1>Jonathan Shemer</h1>
</div>
<div class="subtitle">
<h2>Entrepreneur, developer, aspiring polymath.</h2>
</div>
<div class="hero hero-size">
<svg class="hero-size" id="e4bbe722-77af-4dff-9d23-13f94132c30a" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="921.71991" height="653.40956" viewBox="0 0 921.71991 653.40956"><ellipse cx="85.34394" cy="578.40956" rx="85" ry="6" fill="#d0cde1"/><ellipse cx="343.34394" cy="642.90956" rx="221" ry="10.5" fill="#d0cde1"/><polygon points="458.344 218.41 462.344 211.41 442.344 207.41 440.344 217.41 443.344 225.41 458.344 218.41" fill="#6c63ff"/><polygon points="458.344 218.41 462.344 211.41 442.344 207.41 440.344 217.41 443.344 225.41 458.344 218.41" opacity="0.2"/><circle cx="446.84394" cy="187.90956" r="26" fill="#ffb8b8"/><polygon points="424.844 187.91 403.844 222.91 434.844 240.91 450.844 203.91 424.844 187.91" fill="#ffb8b8"/><path d="M561.984,352.20478l-27-11s-41,7-45,20-4,118-4,118-10,26,4,27c0,0-4,6,0,7s45,0,61,5,48,9,48,4v-9s7-7,3-19-9-38-9-38,30-66,27-74-39.627-32.73752-39.627-32.73752Z" transform="translate(-139.14005 -123.29522)" fill="#6c63ff"/><polygon points="360.844 355.91 361.844 363.91 375.844 346.91 370.844 346.91 360.844 355.91" fill="#ffb8b8"/><path d="M561.984,352.20478l-29-7s-6-5-6-11,9-15,15-21a5.53494,5.53494,0,0,1,4.02-1.67005c5.94-.05,13.14,7.74006,13.14,7.74006l-7.99,13.32995-.36.59Z" transform="translate(-139.14005 -123.29522)" fill="#6c63ff"/><path d="M584.337,340.26347l17.147-5.55869s5.5,21.5-.5,22.5-39-2-39-2Z" transform="translate(-139.14005 -123.29522)" fill="#6c63ff"/><path d="M491.984,508.20478l-13,74s-5,9-3,13,3,4,0,6-7,0-6,5a51.04342,51.04342,0,0,1,1,9l-28,96s-18,8-5,13,26,9,29,4,0-11,0-11l46-110s7-10,7-16,23-49,23-49,1,43,2,46-2,9-2,13-2,4,0,6,2,25,2,25-12,89-5,90,27-1,27-5-3-5-3-5l13-76s-1-5,1-9,2-4,2-6-1-3,0-4a4.93754,4.93754,0,0,0,1-3s-2-6-1-7,23-76,16-85S491.984,508.20478,491.984,508.20478Z" transform="translate(-139.14005 -123.29522)" fill="#2f2e41"/><path d="M540.984,719.20478l-7,16s-16,18-4,22,16,3,16,3,5,1,5,3,40,17,43,4-31-37-31-37v-12Z" transform="translate(-139.14005 -123.29522)" fill="#2f2e41"/><path d="M463.84928,726.61089l1.51424,17.39847s9.40163,22.17227-3.24739,22.12362-16.119-2.2756-16.119-2.2756-5.05717-.65191-5.69692,1.243S396.964,768.41226,398.28,755.13566s41.20659-25.13994,41.20659-25.13994L443.325,718.6262Z" transform="translate(-139.14005 -123.29522)" fill="#2f2e41"/><path d="M560.66011,318.32235c1.606-.10777,2.67686-1.85837,3.12129-3.5239s.55756-3.49031,1.46479-4.92153c2.486-3.92181,8.95008-2.33769,11.57509-6.153,1.61443-2.34646,1.27653-6.16723,3.60711-7.66021,1.47173-.9428,3.34776-.45722,4.96944.13509a54.30716,54.30716,0,0,1,17.11591,10.19386l2.08805-1.70011,2.6083,5.21428c1.01118-1.21946,2.96144-.274,3.81,1.08163s1.2604,3.0882,2.47038,4.0756c1.92859,1.5738,4.94138.24083,6.10956-2.0413s.97537-5.072.57046-7.6412a54.73664,54.73664,0,0,0-6.34849-18.32183l2.38634-1.43177-3.08517-.44062,1.1807-2.67875-3.23175-.03778,1.27614-2.28985c-4.34441,1.49085-8.8338-1.23972-12.98317-3.27543-6.94067-3.40513-14.74842-5.03925-22.28433-3.77426A28.16811,28.16811,0,0,0,558.02727,285.508c-3.28584,5.166-5.18305,12.66746-3.54049,18.854C555.97979,309.98536,562.49815,310.86064,560.66011,318.32235Z" transform="translate(-139.14005 -123.29522)" fill="#2f2e41"/><path d="M495.984,357.20478s-6-1-10,7-34,72-19,92,29,26,29,26l3,1,15-16-5-7s0-7-4-8-4,2-5-2,4-1-1-5-1-6-1-6Z" transform="translate(-139.14005 -123.29522)" fill="#6c63ff"/><polygon points="462.844 367.41 461.844 375.41 447.844 358.41 452.844 358.41 462.844 367.41" fill="#ffb8b8"/><path d="M600.484,378.70478s14-7,18,1,31.5,68,16.5,88-29,26-29,26l-3,1-15-16,5-7s0-7,4-8,4,2,5-2-4-1,1-5,1-6,1-6Z" transform="translate(-139.14005 -123.29522)" fill="#6c63ff"/><polygon points="366.344 273.41 355.344 317.41 368.344 333.41 362.344 313.41 366.344 273.41" opacity="0.2"/><path d="M559.144,319.27479l-7.99,13.32995c-5.02-1.74-5.44-13.38995-5.15-21.07C551.944,311.48475,559.144,319.27479,559.144,319.27479Z" transform="translate(-139.14005 -123.29522)" opacity="0.2"/><path d="M389.24816,738.971c.17358,17.79415-10.34427,24.10956-23.39225,24.23685q-.45462.00443-.905-.00133-.90726-.01071-1.796-.06514c-11.78438-.71893-20.9982-7.1609-21.15964-23.70942-.16706-17.12566,21.50989-38.95143,23.13581-40.56545l.00287-.00148c.06177-.06151.09339-.09227.09339-.09227S389.07459,721.17826,389.24816,738.971Z" transform="translate(-139.14005 -123.29522)" fill="#d0cde1"/><path d="M355.2587,653.138c.12253,12.56057-7.30184,17.01851-16.51218,17.10836q-.32091.00314-.63879-.00094-.64042-.00756-1.2678-.046c-8.31838-.50748-14.82226-5.05475-14.93621-16.73606-.11793-12.0887,15.18345-27.49513,16.33116-28.63444l.002-.001c.0436-.04342.06592-.06513.06592-.06513S355.13618,640.5784,355.2587,653.138Z" transform="translate(-139.14005 -123.29522)" fill="#d0cde1"/><ellipse cx="199.34394" cy="545.18425" rx="60" ry="4.23529" fill="#d0cde1"/><rect x="524.96798" y="279.81069" width="396.75193" height="202" fill="#3f3d56"/><rect x="596.94506" y="347.82884" width="40.17978" height="3.34831" fill="#6c63ff"/><rect x="650.5181" y="347.82884" width="40.17978" height="3.34831" fill="#6c63ff"/><rect x="728.36641" y="378.80075" width="40.17978" height="3.34831" fill="#6c63ff"/><rect x="782.77653" y="378.80075" width="40.17978" height="3.34831" fill="#6c63ff"/><rect x="704.92821" y="347.82884" width="118.02809" height="3.34831" fill="#6c63ff"/><rect x="596.94506" y="378.80075" width="118.02809" height="3.34831" fill="#6c63ff"/><rect x="596.94506" y="409.77266" width="118.02809" height="3.34831" fill="#6c63ff"/><rect x="740.92259" y="409.77266" width="82.03371" height="3.34831" fill="#6c63ff"/><polygon points="585.652 361.964 571.516 347.829 585.652 333.693 588.48 336.521 577.172 347.829 588.48 359.136 585.652 361.964" fill="#6c63ff"/><polygon points="861.036 427.257 858.208 424.429 869.516 413.12 858.208 401.813 861.036 398.985 875.172 413.12 861.036 427.257" fill="#6c63ff"/><rect x="968.59125" y="533.99771" width="28.86361" height="4.00006" transform="translate(45.81388 1198.01366) rotate(-73.13998)" fill="#6c63ff"/><path d="M231.95115,674.97664l74.0679-110.14639-73.91642,121.996.15457,12.39424q-8.11088.06185-16.06418-.27013l3.6736-159.31973-.10065-1.22909.13556-.23748.35161-15.05475L139.14005,405.34256l81.01738,106.49915.28751,3.1821,2.77474-120.37228L153.15983,272.55438l70.25938,100.95121-.73336-249.38034.00157-.83.02384.81631L227.362,320.65679,291.21318,240.82,227.571,337.58873l1.39359,107.67021,58.75622-105.082L229.18056,461.0883l.77576,59.87006,85.4474-146.378L230.21608,541.84447Z" transform="translate(-139.14005 -123.29522)" fill="#d0cde1"/></svg>
</div>
<div class="description">
<p>CTO and Co-Founder of Ancillary Streams Ltd., developing the product
<a href="https://www.upstay.tech" target="_blank" rel="noopener">UpStay.</a>
</p>
</div>
<div class="social linkedin">
<a href="https://www.linkedin.com/in/jonathan-shemer/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="28px" height="28px" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z" fill="#0e76a8"/><rect x="0" y="0" width="24" height="24" fill="rgba(0, 0, 0, 0)" /></svg>
</a>
</div>
<div class="social github">
<a class="github-button" href="https://github.com/jonathan-shemer" data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" aria-label="Follow @jonathan-shemer on GitHub">Follow @jonathan-shemer</a>
</div>
</div>
</body>
</html>