-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (61 loc) · 9.5 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>mitchwd.com | Mitch Winkel-Davis</title>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<!--
Icons courtesy of FontAwesome, under a CC-BY license. (Icons are original and unedited)
https://fontawesome.com/license
-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Description" content="Australian-based web developer">
<link rel="canonical" href="https://www.mitchwd.com"/>
</head>
<body
style="background: rgb(135,224,177);
background: linear-gradient(145deg, rgba(135,224,177,1) 0%, rgba(79,189,164,1) 100%);
background-attachment: fixed;
font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif"
class="container mx-auto mx-auto py-10 px-5 text-white text-center tracking-wide">
<h1 class="text-4xl font-medium mb-24 md:mb-48 sm:text-left">mwd</h1>
<h2 class="text-3xl md:text-5xl font-medium">mitch winkel-davis</h2>
<h3 class="text-2xl font-light mb-48">web developer</h3>
<div id="social" class="flex justify-center mb-5">
<a href="https://www.github.com/mitchwd" target="_blank" rel="noopener" aria-label="Github" class="no-underline mr-2 shadow hover:shadow-lg">
<svg width="50px" height="50px" viewBox="0 0 50 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="mwd" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Mobile" transform="translate(-66.000000, -461.000000)" fill="#FFFFFF" fill-rule="nonzero">
<g id="logo_github" transform="translate(66.000000, 461.000000)">
<path d="M44.6428571,0 L5.35714286,0 C2.39955357,0 0,2.39955357 0,5.35714286 L0,44.6428571 C0,47.6004464 2.39955357,50 5.35714286,50 L44.6428571,50 C47.6004464,50 50,47.6004464 50,44.6428571 L50,5.35714286 C50,2.39955357 47.6004464,0 44.6428571,0 Z M30.9486607,42.8236607 C30.0111607,42.9910714 29.6651786,42.4107143 29.6651786,41.9308036 C29.6651786,41.328125 29.6875,38.2477679 29.6875,35.7589286 C29.6875,34.0178571 29.1071429,32.9129464 28.4263393,32.3325893 C32.5558036,31.875 36.9084821,31.3058036 36.9084821,24.1741071 C36.9084821,22.1428571 36.1830357,21.1272321 35,19.8214286 C35.1897321,19.3415179 35.8258929,17.3660714 34.8102679,14.7991071 C33.2589286,14.3191964 29.7098214,16.796875 29.7098214,16.796875 C28.2366071,16.3839286 26.640625,16.171875 25.0669643,16.171875 C23.4933036,16.171875 21.8973214,16.3839286 20.4241071,16.796875 C20.4241071,16.796875 16.875,14.3191964 15.3236607,14.7991071 C14.3080357,17.3549107 14.9330357,19.3303571 15.1339286,19.8214286 C13.9508929,21.1272321 13.3928571,22.1428571 13.3928571,24.1741071 C13.3928571,31.2723214 17.5558036,31.875 21.6852679,32.3325893 C21.1495536,32.8125 20.6696429,33.6383929 20.5022321,34.8214286 C19.4419643,35.3013393 16.7299107,36.1272321 15.1116071,33.2700893 C14.0959821,31.5066964 12.265625,31.3616071 12.265625,31.3616071 C10.4575893,31.3392857 12.1428571,32.5 12.1428571,32.5 C13.3482143,33.0580357 14.1964286,35.2008929 14.1964286,35.2008929 C15.2790179,38.515625 20.4575893,37.3995536 20.4575893,37.3995536 C20.4575893,38.9508929 20.4799107,41.4732143 20.4799107,41.9308036 C20.4799107,42.4107143 20.1450893,42.9910714 19.1964286,42.8236607 C11.8303571,40.3571429 6.67410714,33.3482143 6.67410714,25.15625 C6.67410714,14.9107143 14.5089286,7.13169643 24.7544643,7.13169643 C35,7.13169643 43.3035714,14.9107143 43.3035714,25.15625 C43.3147321,33.3482143 38.3147321,40.3683036 30.9486607,42.8236607 Z M20,36.0044643 C19.7879464,36.0491071 19.5870536,35.9598214 19.5647321,35.8147321 C19.5424107,35.6473214 19.6875,35.5022321 19.8995536,35.4575893 C20.1116071,35.4352679 20.3125,35.5245536 20.3348214,35.6696429 C20.3683036,35.8147321 20.2232143,35.9598214 20,36.0044643 Z M18.9397321,35.9040179 C18.9397321,36.0491071 18.7723214,36.171875 18.5491071,36.171875 C18.3035714,36.1941964 18.1361607,36.0714286 18.1361607,35.9040179 C18.1361607,35.7589286 18.3035714,35.6361607 18.5267857,35.6361607 C18.7388393,35.6138393 18.9397321,35.7366071 18.9397321,35.9040179 Z M17.4107143,35.78125 C17.3660714,35.9263393 17.1428571,35.9933036 16.953125,35.9263393 C16.7410714,35.8816964 16.5959821,35.7142857 16.640625,35.5691964 C16.6852679,35.4241071 16.9084821,35.3571429 17.0982143,35.4017857 C17.3214286,35.46875 17.4665179,35.6361607 17.4107143,35.78125 Z M16.0379464,35.1785714 C15.9375,35.3013393 15.7254464,35.2790179 15.5580357,35.1116071 C15.390625,34.9665179 15.3459821,34.7544643 15.4575893,34.6540179 C15.5580357,34.53125 15.7700893,34.5535714 15.9375,34.7209821 C16.0825893,34.8660714 16.1383929,35.0892857 16.0379464,35.1785714 Z M15.0223214,34.1629464 C14.921875,34.2299107 14.7321429,34.1629464 14.609375,33.9955357 C14.4866071,33.828125 14.4866071,33.6383929 14.609375,33.5602679 C14.7321429,33.4598214 14.921875,33.5379464 15.0223214,33.7053571 C15.1450893,33.8727679 15.1450893,34.0736607 15.0223214,34.1629464 L15.0223214,34.1629464 Z M14.296875,33.0803571 C14.1964286,33.1808036 14.0290179,33.125 13.90625,33.0133929 C13.7834821,32.8683036 13.7611607,32.7008929 13.8616071,32.6227679 C13.9620536,32.5223214 14.1294643,32.578125 14.2522321,32.6897321 C14.375,32.8348214 14.3973214,33.0022321 14.296875,33.0803571 Z M13.5491071,32.2544643 C13.5044643,32.3549107 13.359375,32.3772321 13.2366071,32.2991071 C13.0915179,32.2321429 13.0245536,32.109375 13.0691964,32.0089286 C13.1138393,31.9419643 13.2366071,31.9084821 13.3816964,31.9642857 C13.5267857,32.0424107 13.59375,32.1651786 13.5491071,32.2544643 Z" id="Shape"></path>
</g>
</g>
</g>
</svg>
</a>
<a href="https://medium.com/@mitchwd" target="_blank" rel="noopener" aria-label="Medium" class="no-underline mr-2 shadow hover:shadow-lg">
<svg width="50px" height="50px" viewBox="0 0 50 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="mwd" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Mobile" transform="translate(-136.000000, -461.000000)" fill="#FFFFFF" fill-rule="nonzero">
<g id="logo_medium" transform="translate(136.000000, 461.000000)">
<path d="M0,0 L0,50 L50,50 L50,0 L0,0 Z M41.5401786,11.8415179 L38.8616071,14.4084821 C38.6272321,14.5870536 38.515625,14.8772321 38.5602679,15.15625 L38.5602679,34.0513393 C38.515625,34.3415179 38.6272321,34.6316964 38.8616071,34.7991071 L41.484375,37.3660714 L41.484375,37.9352679 L28.3147321,37.9352679 L28.3147321,37.3883929 L31.0267857,34.7544643 C31.2946429,34.4866071 31.2946429,34.4084821 31.2946429,34.0066964 L31.2946429,18.7276786 L23.75,37.8794643 L22.734375,37.8794643 L13.9508929,18.7276786 L13.9508929,31.5625 C13.8727679,32.0982143 14.0625,32.6450893 14.4419643,33.0357143 L17.96875,37.3102679 L17.96875,37.8794643 L7.94642857,37.8794643 L7.94642857,37.3102679 L11.4732143,33.0357143 C11.8526786,32.6450893 12.0200893,32.0982143 11.9308036,31.5625 L11.9308036,16.71875 C11.9754464,16.3058036 11.8191964,15.9040179 11.5066964,15.625 L8.37053571,11.8415179 L8.37053571,11.2723214 L18.1138393,11.2723214 L25.6361607,27.7901786 L32.2544643,11.2834821 L41.5401786,11.2834821 L41.5401786,11.8415179 Z" id="Shape"></path>
</g>
</g>
</g>
</svg>
</a>
<a href="https://www.linkedin.com/in/mitchwd/" target="_blank" rel="noopener" aria-label="LinkedIn" class="no-underline shadow hover:shadow-lg">
<svg width="50px" height="50px" viewBox="0 0 50 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="mwd" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Mobile" transform="translate(-206.000000, -461.000000)" fill="#FFFFFF" fill-rule="nonzero">
<g id="logo_linkedin" transform="translate(206.000000, 461.000000)">
<path d="M46.4285714,0 L3.56026786,0 C1.59598214,0 0,1.61830357 0,3.60491071 L0,46.3950893 C0,48.3816964 1.59598214,50 3.56026786,50 L46.4285714,50 C48.3928571,50 50,48.3816964 50,46.3950893 L50,3.60491071 C50,1.61830357 48.3928571,0 46.4285714,0 Z M15.1116071,42.8571429 L7.70089286,42.8571429 L7.70089286,18.9955357 L15.1227679,18.9955357 L15.1227679,42.8571429 L15.1116071,42.8571429 Z M11.40625,15.7366071 C9.02901786,15.7366071 7.109375,13.8058036 7.109375,11.4397321 C7.109375,9.07366071 9.02901786,7.14285714 11.40625,7.14285714 C13.7723214,7.14285714 15.703125,9.07366071 15.703125,11.4397321 C15.703125,13.8169643 13.7834821,15.7366071 11.40625,15.7366071 L11.40625,15.7366071 Z M42.890625,42.8571429 L35.4799107,42.8571429 L35.4799107,31.25 C35.4799107,28.4821429 35.4241071,24.921875 31.6294643,24.921875 C27.7678571,24.921875 27.1763393,27.9352679 27.1763393,31.0491071 L27.1763393,42.8571429 L19.765625,42.8571429 L19.765625,18.9955357 L26.875,18.9955357 L26.875,22.2544643 L26.9754464,22.2544643 C27.96875,20.3794643 30.390625,18.4040179 33.9955357,18.4040179 C41.4955357,18.4040179 42.890625,23.3482143 42.890625,29.7767857 L42.890625,42.8571429 L42.890625,42.8571429 Z" id="Shape"></path>
</g>
</g>
</g>
</svg>
</a>
</div>
<a href="mailto:[email protected]?subject=Let's talk!" class="inline-block border rounded font-medium text-lg p-3 hover:bg-white hover:text-teal-500">get in contact</a>
</body>
</html>