


<!DOCTYPE html>
<html dir="ltr" lang="en" prefix="og: http://ogp.me/ns#">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="generator" content="Eleventy v1.0.0">
    <meta property="og:site_name" content="Depone" />
    <meta property="og:title" content="Depone - Depone" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://depone.me/" />
    
      <meta name="description" content="Personal Website of Depone a father of four, web craftsperson, antifascist, runner and cyclist.">
      <meta name="twitter:description" content="Personal Website of Depone a father of four, web craftsperson, antifascist, runner and cyclist." />
      <meta property="og:description" content="Personal Website of Depone a father of four, web craftsperson, antifascist, runner and cyclist." />
    
    <link rel="me" href="https://github.com/deponeWD">
    <link rel="me" href="https://chaos.social/@depone">
    <style>
      /*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}:root{--background-color:rgb(255, 255, 255);--text-tint:rgb(87, 87, 87);--text-color:rgb(0, 0, 0);--brand-color:rgb(0, 153, 0);--copy-text:'iAWriter Quattro Regular',sans-serif;--bold-text:'iAWriter Quattro Bold',sans-serif;--primary-headline:30px;--secondary-headline:26px;--highlighted-text:24px;--body-text:18px;--label-text:14px;--spacing-s:8px;--spacing-m:16px;--spacing-l:24px;--spacing-xl:32px;--spacing-xxl:40px;--gap:32px;--avatar:150px;--content-width:768px;--max-width:1280px}@media (prefers-color-scheme:dark){:root{--background-color:rgb(0, 0, 0);--text-tint:rgb(150, 150, 150);--text-color:rgb(255, 255, 255)}}@media (min-width:48em){:root{--primary-headline:36px;--secondary-headline:30px;--highlighted-text:28px;--body-text:24px;--label-text:18px;--spacing-l:40px;--spacing-xxl:64px;--gap:40px;--avatar:120px}}@media (min-width:60em){:root{--avatar:150px;--content-width:960px}}@media (min-width:80em){:root{--primary-headline:40px;--secondary-headline:36px;--highlighted-text:32px;--body-text:32px;--label-text:20px;--spacing-xxl:80px;--gap:64px}}@font-face{font-family:'iAWriter Quattro Regular';src:url('../../../../../assets/fonts/iAWriterQuattroS-Regular.woff2') format('woff2'),url('../../../../../assets/fonts/iAWriterQuattroS-Regular.woff') format('woff');font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:'iAWriter Quattro Bold';src:url('../../../../../assets/fonts/iAWriterQuattroS-Bold.woff2') format('woff2'),url('../../../../../assets/fonts/iAWriterQuattroS-Bold.woff') format('woff');font-display:swap;font-style:normal;font-weight:400}@media screen and (prefers-reduced-motion:reduce){*{transition:0s!important}}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}body{border-top:5px solid var(--brand-color);margin:0;padding:0}.hidden{display:none}.visually-hidden{border:0!important;clip:rect(1px,1px,1px,1px)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}img,svg{display:block}html{height:100%}.page{display:flex;flex-direction:column;height:100%}.page-footer,.page-header{flex:none}.page-content{flex:1 0 auto;padding:var(--spacing-l) var(--spacing-l);width:100%}.content-container{margin-right:auto;margin-left:auto;max-width:var(--content-width)}.page-footer{padding:0 var(--spacing-l) var(--spacing-m)}html{background-color:#fff;background-color:var(--background-color);color:#000;color:var(--text-color);font-family:var(--copy-text);font-feature-settings:"kern","liga","pnum";font-kerning:normal;font-size:100%;letter-spacing:.045em;line-height:1.5;-webkit-font-smoothing:antialiased}em,h1,h2,h3,h4,h5,strong{font-family:var(--bold-text);font-style:normal;font-weight:600}h1,h2{font-size:var(--primary-headline);line-height:1.35}h3,h4{font-size:var(--secondary-headline)}h5{font-size:var(--highlighted-text)}.page-content ol,.page-content p,.page-content ul{font-size:var(--body-text)}.page-footer>*{font-size:var(--label-text)}.nols{list-style:none;padding-right:0;padding-left:0}a,a:visited{color:var(--brand-color);transition:all .3s ease-in-out}a:focus,a:hover{color:var(--text-color);text-decoration:none}
    </style>
  </head>
  <body class="page">
    <header id="header" role="banner" class="page-header">
      <div class="logo visually-hidden">Depone</div>
    </header>

<main id="main" class="page-content">
  <article class="content-container">
    <h1 class="visually-hidden">Welcome to my website</h1>
<p>Hej there, nice to have you around. I am <strong>Depone</strong>, a father of four, web craftsperson, antifascist, runner and cyclist.</p>
<p>I started blogging in 2004 while I studied and began my career as a web craftsperson in 2008. All the while I’ve been involved in community building, participated in running a music venue, wrote two books and am quite good at overthinking. Find me drinking delicious coffee.</p>
<p>While I ponder what this website will become, I invite you to find out more about me on <a href="https://chaos.social/@depone">Mastodon</a>, <a href="https://github.com/deponeWD">Github</a>, or <a href="https://last.fm/user/depone">last.fm</a>.</p>

  </article>
</main>
  <footer role="contentinfo" class="page-footer">
    <div class="content-container">
      <ul class="nols inline">
        <li class="copyright">© 2023 Depone. Thanks for your interest, there will be more shortly.</li>
      </ul>
    </div>
  </footer>
</body>
<script src="assets/scripts/lastfm.js" type="text/script"></script>
</html>

