113 lines
6.6 KiB
PHP
113 lines
6.6 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Mike Wink - A PHP Developer</title>
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1">
|
|
<meta http-equiv="Content-Security-Policy"
|
|
content="default-src 'self' data: ; img-src 'self' data: ; font-src 'self'; object-src 'none'; script-src 'self' https://api.pirsch.io/; style-src 'self'; connect-src https://api.pirsch.io/">
|
|
<meta name="description"
|
|
content="The homepage of PHP, JS and TS developer Mike Wink from Germany.">
|
|
|
|
<meta name="theme-color" content="#e0fbfb" media="(prefers-color-scheme: light)">
|
|
<meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
|
|
|
|
<link rel="preload" href="/build/styles.css" as="style" />
|
|
<link rel="preload" href="/build/fonts/D-DIN.woff2" as="font" type="font/woff2" crossorigin>
|
|
<link rel="preload" href="/build/fonts/D-DIN-Bold.woff2" as="font" type="font/woff2" crossorigin>
|
|
|
|
<link rel="icon" href="/favicon.ico" sizes="any">
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
|
|
<link rel="manifest"
|
|
href="/manifest.json">
|
|
|
|
<link rel="stylesheet"
|
|
href="/build/styles.css">
|
|
|
|
<meta property="og:site_name" content="Mike Wink">
|
|
<meta property="og:url" content="https://mikewink.de">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Mike Wink - A PHP Developer">
|
|
<meta property="og:description" content="Welcome to the homepage of PHP developer Mike Wink.">
|
|
<meta property="og:image" content="https://mikewink.de/og/opengraph.png">
|
|
<meta property="og:image:alt" content="A fictitious topography map with a small MW logo and my name on it.">
|
|
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:site" content="@mikewink">
|
|
<meta name="twitter:creator" content="@mikewink">
|
|
<meta name="twitter:title" content="Mike Wink - A PHP Developer">
|
|
<meta name="twitter:description" content="Welcome to the homepage of PHP developer Mike Wink.">
|
|
<meta name="twitter:image" content="https://mikewink.de/og/opengraph.png">
|
|
<meta name="twitter:image:alt" content="A fictitious topography map with a small MW logo and my name on it.">
|
|
|
|
<script defer src="https://api.pirsch.io/pirsch.js" id="pirschjs" data-code="b4nzICQvVwq8de2EG9FaFg82R2Tub8MD"></script>
|
|
</head>
|
|
<body class="pattern bg-lightCyan dark:bg-black dark:text-white md:h-screen">
|
|
<div class="md:grid md:grid-cols-layout md:h-full">
|
|
<div class="p-8 md:order-2 md:col-start-2 md:col-end-3 bg-white dark:bg-black shadow-md">
|
|
<header class="mb-10 prose font-din">
|
|
<h1 class="uppercase text-paleCerulean">Mike Wink</h1>
|
|
</header>
|
|
<main>
|
|
<article class="mb-10 prose dark:text-white font-din">
|
|
<p class="prose-2xl">Specializing in Craft CMS, Kirby CMS, Laravel, Statamic, Symfony, Livewire,
|
|
Alpine.js, HTMX and more.
|
|
</p>
|
|
<p>I have 10+ years experience with PHP, working on projects ranging from small to enterprise level.
|
|
For the last couple of years I concentrate on bespoke web applications.
|
|
</p>
|
|
<p>
|
|
My current side project is to learn and productively use <a href="https://obsidian.md/" target="_blank" rel="nofollow noopen" title="Opens the Obsidian site in a new tab">Obsidian</a> as my second brain.
|
|
</p>
|
|
<p>Working on several client projects, but there will be a full website
|
|
soonish. You can reach me via email at
|
|
<a href="mailto:me@mikewink.de" title="Send me an email">me@mikewink.de</a>
|
|
if you want to.
|
|
</p>
|
|
<p>Mike</p>
|
|
</article>
|
|
</main>
|
|
|
|
<footer>
|
|
<ul class="flex flex-row space-x-4 align-center" aria-label="List of three social media account">
|
|
<li>
|
|
<a href="https://github.com/mikewink"
|
|
title="GitHub profile Mike Wink, opens in a new tab"
|
|
target="_blank">
|
|
<svg aria-hidden="true"
|
|
class="w-6 h-6 fill-current text-burntSienna"
|
|
viewBox="0 0 24 24"
|
|
width="24px"
|
|
height="24px"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
|
|
<!--
|
|
<li>
|
|
<a href="https://mastodon.social/@mikewink"
|
|
title="Mastodon profile Mike Wink, opens in a new tab"
|
|
target="_blank"
|
|
rel="me">
|
|
<svg aria-hidden="true"
|
|
class="w-6 h-6 fill-current text-burntSienna"
|
|
viewBox="0 0 24 24"
|
|
width="24px"
|
|
height="24px"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M23.193 7.88c0-5.207-3.411-6.733-3.411-6.733C18.062.357 15.108.025 12.041 0h-.076c-3.069.025-6.02.357-7.74 1.147 0 0-3.412 1.526-3.412 6.732 0 1.193-.023 2.619.015 4.13.124 5.092.934 10.11 5.641 11.355 2.17.574 4.034.695 5.536.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.13.54c-2.165-.075-4.449-.234-4.799-2.892a5.5 5.5 0 0 1-.048-.745s2.125.52 4.818.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.508.475-6.508zm-4.024 6.709h-2.497v-6.12c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.313v3.349h-2.484v-3.35c0-1.537-.602-2.313-1.802-2.313-1.085 0-1.628.655-1.628 1.945v6.119H4.831V8.285c0-1.29.328-2.314.987-3.07.68-.759 1.57-1.147 2.674-1.147 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.305z"/></svg>
|
|
</a>
|
|
</li>
|
|
-->
|
|
</ul>
|
|
</footer>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|