-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
74 lines (66 loc) · 11.6 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
<!doctype html>
<html lang="en" itemscope itemtype="http://schema.org/Person">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Albert Sunyer — Freelance web & app developer</title>
<meta name="description" content="Freelance web developer based in Barcelona. I build intuitive, easy to use and beautiful websites and apps that work on any type of device.">
<meta name="keywords" content="Albert Sunyer, Web developer, Barcelona, designer, responsive, html, css, js, php, mysql, angular, reatc, ionic, app, mobile, full-stack, front-end, back-end, wordpress, yii">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="/site.webmanifest">
<link rel="apple-touch-icon" href="/icon.png">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon.png">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0053fa">
<meta name="theme-color" content="#F1F6F8">
<meta name="robots" content="noodp">
<meta name="referrer" content="unsafe-url">
<meta itemprop="name" content="Albert Sunyer">
<meta itemprop="email" content="[email protected]">
<meta itemprop="telephone" content="+34 667 989 249">
<meta itemprop="jobTitle" content="Freelance web & app developer">
<meta itemprop="url" content="https://albertsunyer.dev">
<meta itemprop="description" content="Freelance web developer based in Barcelona. I build intuitive, easy to use and beautiful websites and apps that work on any type of device.">
<meta itemprop="image" content="https://albertsunyer.dev/tile.png">
<meta name="geo.region" content="ES-CT">
<meta name="geo.placename" content="Barcelona">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@nye">
<meta name="twitter:title" content="Albert Sunyer — Freelance web & app developer">
<meta name="twitter:description" content="Freelance web developer based in Barcelona. I build intuitive, easy to use and beautiful websites and apps that work on any type of device.">
<meta name="twitter:image" content="https://albertsunyer.dev/tile.png">
<meta name="twitter:creator" content="@nye" />
<meta property="og:title" content="Albert Sunyer — Freelance web & app developer" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://albertsunyer.dev" />
<meta property="og:image" content="https://albertsunyer.dev/tile.png" />
<meta property="og:description" content="Freelance web developer based in Barcelona. I build intuitive, easy to use and beautiful websites and apps that work on any type of device." />
<meta property="og:site_name" content="nyë" />
<meta property="og:locale" content="en_US" />
<meta property="fb:app_id" content="187838711766843" />
<style>@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/inter/Inter-Regular.woff2?v=3.11") format("woff2"), url("assets/fonts/inter/Inter-Regular.woff?v=3.11") format("woff")}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/inter/Inter-Bold.woff2?v=3.11") format("woff2"), url("assets/fonts/inter/Inter-Bold.woff?v=3.11") format("woff")}@font-face{font-family:'Inter var';font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:'Regular';src:url("assets/fonts/inter/Inter-roman-var.woff2?v=3.11") format("woff2")}</style>
<style>:root{--primary-color:hsl(220,100%,49%);--secondary-color:hsl(49,95.9%,52.7%);--color:hsl(0,0%,20%);--background-color:hsl(197,33%,96%);--text-shadow:1px 1px 0 #fff;--hover-color:hsl(197,33%,97%);--box-shadow:0 20px 70px -10px rgba(51,51,51,0.3),0 50px 100px 0 rgba(51,51,51,0.2)}@media(prefers-color-scheme: dark){:root{--primary-color:hsl(49,95.9%,52.7%);--secondary-color:hsl(220,100%,49%);--color:rgba(255,255,255,.87);--background-color:hsl(0,0%,15.7%);--text-shadow:none;--hover-color:hsl(0,0%,18.7%);--box-shadow:0 20px 70px -10px #000, 0 50px 100px 0 #000}}*,::after,::before{box-sizing:inherit}html,body{font-kerning:normal;font-feature-settings:kern 1,liga 1,ss01 1,calt 1;letter-spacing:-.014em;width:100%;height:100%;margin:0;font:400 16px 'Inter',Helvetica,Arial,sans-serif}html{box-sizing:border-box;-ms-overflow-style:scrollbar}body{-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;color:var(--color);background:var(--background-color)}h1{font-size:29px;font-weight:700;text-shadow:var(--text-shadow);margin:0;line-height:80%}h1 small{display:block;font-size:16px;font-weight:400;text-shadow:none;margin-top:1px}a{color:var(--primary-color);text-decoration:none;transition:color 400ms cubic-bezier(0.7,0,0.3,1)}a:hover{text-decoration:none;color:var(--secondary-color);transition:color 150ms cubic-bezier(0.7,0,0.3,1)}main{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}#tilt{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:300px;height:300px;background:var(--background-color);transform-style:preserve-3d;transform:perspective(1000px);transition:200ms box-shadow cubic-bezier(0.7,0,0.3,1),200ms background cubic-bezier(0.7,0,0.3,1)}#tilt:hover{background:var(--hover-color);box-shadow:var(--box-shadow)}#tilt:hover h1,#tilt:hover p{transform:translateZ(20px)}#tilt img{width:200px;max-width:100%;margin-top:60px}#tilt h1{transition:400ms all cubic-bezier(0.7,0,0.3,1)}#tilt h1 small{margin-top:6px;line-height:1.2}#tilt h1 small + small{margin-top:0;margin-left:52px}#tilt p{margin-top:40px;margin-bottom:0;transition:400ms all cubic-bezier(0.7,0,0.3,1)}.links{list-style:none;margin:0;padding:40px 40px 15px;display:flex;flex-wrap:wrap;justify-content:space-around;width:100%;max-width:700px;position:absolute;bottom:0}.links li{margin-bottom:25px}.links li a{display:flex;align-items:center}.links li svg{margin-right:5px}</style>
</head>
<body>
<main>
<div id="tilt" data-tilt data-tilt-speed="400" data-tilt-scale="1.1" data-tilt-max="15" data-tilt-perspective="1000">
<h1>Albert Sunyer<small>I build corporate websites.</small><small>mobile apps.</small><small>web applications.</small><small>user interfaces.</small></h1>
<p>Visit my website at <a href="https://www.nye.cat">nye.cat</a></p>
</div>
<ul class="links">
<li><a href="https://twitter.com/nye" target="_blank" rel="noopener noreferrer" itemprop="sameAs" title="Find me on Twitter"><svg role="img" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="20" height="20"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg> Twitter</a></li>
<li><a href="https://www.instagram.com/albert_sunyer" target="_blank" rel="noopener noreferrer" itemprop="sameAs" title="Find me on Instagram"><svg role="img" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="20" height="20"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg> Instagram</a></li>
<li><a href="https://mastodon.social/@nye" target="_blank" rel="me noopener noreferrer" itemprop="sameAs" title="Find me on Mastodon"><svg role="img" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 417 512" width="20" height="20"><path fill="currentColor" d="M417.8 179.1c0-97.2-63.7-125.7-63.7-125.7-62.5-28.7-228.5-28.4-290.4 0 0 0-63.7 28.5-63.7 125.7 0 115.7-6.6 259.4 105.6 289.1 40.5 10.7 75.3 13 103.3 11.4 50.8-2.8 79.3-18.1 79.3-18.1l-1.7-36.9s-36.3 11.4-77.1 10.1c-40.4-1.4-83-4.4-89.6-54-.6-4.4-.9-9-.9-13.9 85.6 20.9 158.6 9.1 178.7 6.7 56.1-6.7 105-41.3 111.2-72.9 9.8-49.8 9-121.5 9-121.5zm-75.1 125.2h-46.6V190.1c0-49.7-64-51.6-64 6.9v62.5h-46.3V197c0-58.5-64-56.6-64-6.9v114.2H75.1c0-122.1-5.2-147.9 18.4-175 25.9-28.9 79.8-30.8 103.8 6.1l11.6 19.5 11.6-19.5c24.1-37.1 78.1-34.8 103.8-6.1 23.7 27.3 18.4 53 18.4 175z"></path></svg> Mastodon</a></li>
<li><a href="https://keybase.io/albert_sunyer" target="_blank" rel="me noopener noreferrer" itemprop="sameAs" title="Find me on Keybase"><svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="20" height="20"><path fill="currentColor" d="M286.17 419a18 18 0 1 0 18 18 18 18 0 0 0-18-18zm111.92-147.6c-9.5-14.62-39.37-52.45-87.26-73.71q-9.1-4.06-18.38-7.27a78.43 78.43 0 0 0-47.88-104.13c-12.41-4.1-23.33-6-32.41-5.77-.6-2-1.89-11 9.4-35L198.66 32l-5.48 7.56c-8.69 12.06-16.92 23.55-24.34 34.89a51 51 0 0 0-8.29-1.25c-41.53-2.45-39-2.33-41.06-2.33-50.61 0-50.75 52.12-50.75 45.88l-2.36 36.68c-1.61 27 19.75 50.21 47.63 51.85l8.93.54a214 214 0 0 0-46.29 35.54C14 304.66 14 374 14 429.77v33.64l23.32-29.8a148.6 148.6 0 0 0 14.56 37.56c5.78 10.13 14.87 9.45 19.64 7.33 4.21-1.87 10-6.92 3.75-20.11a178.29 178.29 0 0 1-15.76-53.13l46.82-59.83-24.66 74.11c58.23-42.4 157.38-61.76 236.25-38.59 34.2 10.05 67.45.69 84.74-23.84.72-1 1.2-2.16 1.85-3.22a156.09 156.09 0 0 1 2.8 28.43c0 23.3-3.69 52.93-14.88 81.64-2.52 6.46 1.76 14.5 8.6 15.74 7.42 1.57 15.33-3.1 18.37-11.15C429 443 434 414 434 382.32c0-38.58-13-77.46-35.91-110.92zM142.37 128.58l-15.7-.93-1.39 21.79 13.13.78a93 93 0 0 0 .32 19.57l-22.38-1.34a12.28 12.28 0 0 1-11.76-12.79L107 119c1-12.17 13.87-11.27 13.26-11.32l29.11 1.73a144.35 144.35 0 0 0-7 19.17zm148.42 172.18a10.51 10.51 0 0 1-14.35-1.39l-9.68-11.49-34.42 27a8.09 8.09 0 0 1-11.13-1.08l-15.78-18.64a7.38 7.38 0 0 1 1.34-10.34l34.57-27.18-14.14-16.74-17.09 13.45a7.75 7.75 0 0 1-10.59-1s-3.72-4.42-3.8-4.53a7.38 7.38 0 0 1 1.37-10.34L214 225.19s-18.51-22-18.6-22.14a9.56 9.56 0 0 1 1.74-13.42 10.38 10.38 0 0 1 14.3 1.37l81.09 96.32a9.58 9.58 0 0 1-1.74 13.44zM187.44 419a18 18 0 1 0 18 18 18 18 0 0 0-18-18z"></path></svg> Keybase</a></li>
</ul>
</main>
<script type="text/javascript" src="/assets/js/vendor/vanilla-tilt.min.js"></script>
<script>
VanillaTilt.init(document.querySelector("#tilt"), {
max: 25,
speed: 400
});
</script>
</body>
</html>