267 lines
14 KiB
HTML
267 lines
14 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||
<title>asciidisco - Home</title>
|
||
<meta name="description" content="Blog & personal information from Sebastian Golasch">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<link rel="preload" href="/font/slkscr-webfont.woff2" as="font">
|
||
<link rel="preconnect" href="//asciidisco-pocket-stream.glitch.me">
|
||
<link rel="preconnect" href="//asciidisco-twitter-stream.glitch.me">
|
||
<link rel="prefetch" href="/js/scripts.js">
|
||
<link rel="stylesheet" href="/css/core.css"/>
|
||
<link rel="stylesheet" href="/css/home.css"/>
|
||
<meta name="keywords" content="JavaScript, Web, HTMl, CSS, Python, Rust, WebGL, Development, About">
|
||
<meta name="copyright" content="Sebastian Golasch (@asciidisco)">
|
||
<meta name="language" content="EN">
|
||
<meta name="robots" content="index,follow">
|
||
<meta name="revised" content="Sunday, July 18th, 2010, 5:15 pm">
|
||
<meta name="Classification" content="Private">
|
||
<meta name="author" content="Sebastian Golasch, public@asciidisco.com">
|
||
<meta name="reply-to" content="public@asciidisco.com">
|
||
<meta name="owner" content="Sebastioan Golasch">
|
||
<meta name="url" content="https://asciidisco.com">
|
||
<meta name="identifier-URL" content="https://asciidisco.com">
|
||
<meta name="HandheldFriendly" content="True">
|
||
<meta name="MobileOptimized" content="320">
|
||
<meta name="medium" content="blog">
|
||
<meta http-equiv="imagetoolbar" content="no">
|
||
<meta name="theme-color" content="#212121">
|
||
<meta name="apple-mobile-web-app-title" content="My App">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="apple-touch-fullscreen" content="yes">
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="#212121">
|
||
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2.0,Transition=2)">
|
||
<meta http-equiv="Page-Exit" content="RevealTrans(Duration=3.0,Transition=12)">
|
||
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/>
|
||
<meta name="msapplication-starturl" content="https://asciidisco.com">
|
||
<meta name="msapplication-window" content="width=1280;height=1024">
|
||
<meta name="msapplication-navbutton-color" content="#212121">
|
||
<meta name="application-name" content="Sebastian Golasch - Developer (asciidisco) - Blog">
|
||
<meta name="msapplication-tooltip" content="Launch Sebastian Golasch - Developer (asciidisco) - Blog">
|
||
<meta http-equiv="cleartype" content="on">
|
||
<meta name="msapplication-TileColor" content="#212121" />
|
||
<meta name="msapplication-square70x70logo" content="/img/tiles/smalltile.png" />
|
||
<meta name="msapplication-square150x150logo" content="/img/tiles/mediumtile.png" />
|
||
<meta name="msapplication-wide310x150logo" content="/img/tiles/widetile.png" />
|
||
<meta name="msapplication-square310x310logo" content="/img/tiles/largetile.png" />
|
||
<link rel="alternate" type="application/rss+xml" title="RSS" href="https://asciidisco.com/feed.xml">
|
||
<link rel="manifest" href="/manifest.json">
|
||
<link rel="mask-icon" href="/website_icon.svg" color="black">
|
||
<link rel="apple-touch-icon" href="/icon.png">
|
||
<link rel="shortcut icon" type="image/ico" href="/favicon.ico">
|
||
<link rel="fluid-icon" type="image/png" href="/fluid-icon.png">
|
||
<link rel="index" title="asciidisco - Home" href="https://asciidisco.com/">
|
||
</head>
|
||
<body class="type-content no-space cnt-home">
|
||
|
||
<!-- Menu -->
|
||
<nav class="type-monospace bg-color-lightblack">
|
||
<a class="color-white" href="#">Home</a>
|
||
<input type="checkbox" name="menu-toggle" id="menu-toggle"/>
|
||
<label class="type-pixel" for="menu-toggle">Menu</label>
|
||
<ul class="type-pixel">
|
||
<li class="bg-color-blue"><a href="#" class="color-lightblack">Articles</a></li>
|
||
<li class="bg-color-yellow"><a href="#" class="color-lightblack">Projects</a></li>
|
||
<li class="bg-color-green"><a href="#" class="color-lightblack">Speaking</a></li>
|
||
<li class="bg-color-red"><a href="#" class="color-lightblack">About</a></li>
|
||
<li class="bg-color-orange"><a href="#" class="color-lightblack">Misc.</a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<!-- Terminal header -->
|
||
<header>
|
||
<pre class="terminal type-monospace bg-color-lightblack color-white"><div class="terminal-wrapper">
|
||
__
|
||
__ __ /\ \ __
|
||
__ ____ ___ /\_\/\_\ \_\ \/\_\ ____ ___ ___
|
||
/'__`\ /',__\ /'___\/\ \/\ \ /'_` \/\ \ /',__\ /'___\ / __`\
|
||
/\ \L\.\_/\__, `\/\ \__/\ \ \ \ \/\ \L\ \ \ \/\__, `\/\ \__//\ \L\ \
|
||
\ \__/.\_\/\____/\ \____\\ \_\ \_\ \___,_\ \_\/\____/\ \____\ \____/
|
||
\/__/\/_/\/___/ \/____/ \/_/\/_/\/__,_ /\/_/\/___/ \/____/\/___/
|
||
|
||
Breaking the Web since 2005™
|
||
|
||
<span class="command-prompt color-blue"><span class="color-yellow">></span> who && where && connect && quote > asciidisco.txt</span></span>
|
||
|
||
<span class="command-prompt color-blue">Running <span class="command-task color-red">"asciidisco:who"</span> task</span>
|
||
<span class="color-green">>></span> Specialist Senior Manager Software Developer (sic!) at <a href="https://www.qivicon.com" rel="noopener" target="_blank">Qivicon</a>
|
||
<span class="color-green">>></span> IoT reverse engineer
|
||
<span class="color-green">>></span> Long time JavaScript lover
|
||
<span class="color-green">>></span> Pythonista
|
||
<span class="color-green">>></span> Rust Newbie
|
||
<span class="color-green">>></span> Co-Founder of <a href="https://www.nightlybuild.io" rel="noopener" target="_blank" class="color-orange">Nightlybuild</a>
|
||
<span class="color-green">>></span> Ex <a href="https://www.enterjs.de" rel="noopener" target="_blank" class="color-orange">EnterJS</a> program committee member
|
||
<span class="color-green">>></span> Former <a href="https://coderdojo-nbg.org/mentoren/mentor/sebastian-golasch-4/7ab986990fc0f152d028042ad45ecd52/details.html" rel="noopener" target="_blank" class="color-orange">CoderDojo</a> Mentor
|
||
<span class="color-green">>></span> Abandoner of GitHub Repos
|
||
<span class="color-green">>></span> My 💖 beats for the Web
|
||
|
||
<span class="command-prompt color-blue">Running <span class="command-task color-red">"asciidisco:where"</span> task</span>
|
||
<span class="color-green">>></span> 🇩🇪 Cologne / Germany
|
||
|
||
<span class="command-prompt color-blue">Running <span class="command-task color-red">"asciidisco:connect"</span> task</span>
|
||
<span class="color-green">>></span> <a href="https://twitter.com/asciidisco" rel="noopener" target="_blank" class="color-orange">🐦 Twitter</a>, <a href="mailto:public@asciidisco.com" class="color-orange">📧 Email</a>, <a href="https://github.com/asciidisco" rel="noopener" target="_blank" class="color-orange"><img class="emoji" title=":octocat:" alt="GitHub icon" src="https://assets-cdn.github.com/images/icons/emoji/octocat.png" height="20" width="20" align="absmiddle"> GitHub</a>, <a href="https://speakerdex.co/asciidisco" rel="noopener" target="_blank" class="color-orange">🗣 Speakerdex</a>, <a href="https://colloq.io/users/asciidisco" rel="noopener" target="_blank" class="color-orange">🎯 Colloq</a>, <a href="https://lanyrd.com/asciidisco" rel="noopener" target="_blank" class="color-orange">🏅 Lanyrd</a>,
|
||
<span class="color-green">>></span> <a href="https://www.linkedin.com/in/sebastian-golasch-b857034a/" rel="noopener" target="_blank" class="color-orange">🌀 LinkedIn</a>, <a href="https://www.xing.com/profile/Sebastian_Golasch" rel="noopener" target="_blank" class="color-orange">💈 Xing</a>, <a href="https://medium.com/@asciidisco" rel="noopener" target="_blank" class="color-orange">📰 Medium</a>, <a href="https://stackoverflow.com/users/2169507/sebastian-golasch" rel="noopener" target="_blank" class="color-orange">🐞 Stack Overflow</a>
|
||
|
||
<span class="command-prompt color-blue">Running <span class="command-task color-red">"asciidisco:quote"</span> task</span>
|
||
<span class="color-green">>></span> Famous last words:
|
||
<span class="color-green">>></span> <span class="color-yellow">“If I would’ve wanted to work in ‘Enterprise’, I’d have joined Starfleet…”</span>
|
||
|
||
<span class="command-prompt color-blue">Done, without errors.</span>
|
||
<span class="command-prompt color-blue"><span class="color-yellow">></span><span class="active-prompt color-yellow"></span></span>
|
||
</div></pre>
|
||
</header>
|
||
|
||
<!-- SVG Masks -->
|
||
<svg class="zero-height">
|
||
<defs>
|
||
<rect transform="rotate(20 100,100)" id="picture_frame" width="140" height="300" y="80" x="80"></rect>
|
||
<filter id="pixelate" x="0" y="1%">
|
||
<feGaussianBlur stdDeviation="2" in="SourceGraphic" result="smoothed" />
|
||
<feImage width="15" height="15" xlink:href="img/util/pixelate.png" result="displacement-map" />
|
||
<feTile in="displacement-map" result="pixelate-map" />
|
||
<feDisplacementMap in="smoothed" in2="pixelate-map" xChannelSelector="R" yChannelSelector="G" scale="50" result="pre-final"/>
|
||
<feComposite operator="in" in2="SourceGraphic"/>
|
||
</filter>
|
||
</defs>
|
||
</svg>
|
||
|
||
<!-- Main content -->
|
||
<h1>Latest blog posts:</h1>
|
||
<main>
|
||
|
||
<!-- Content section -->
|
||
<section>
|
||
<article>
|
||
<a href="#">
|
||
<h2>Our productivity is in a constant state of flux</h2>
|
||
<svg width="200" height="268" viewBox="0 0 200 268" aria-labelledby="svg5title" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" xml:space="preserve">
|
||
<title id="svg5title">A paper note block with a todo list</title>
|
||
<clipPath id="clip5">
|
||
<use xlink:href="#picture_frame"></use>
|
||
</clipPath>
|
||
<g clip-path="url(#clip5)">
|
||
<image width="300" height="400" x="-50" y="10" xlink:href="img/content/article.jpg"></image>
|
||
</g>
|
||
</svg>
|
||
<p>Of maturity, life, work, focus and the meaning of productivity</p>
|
||
<ul>
|
||
<li>Productivity</li>
|
||
<li>Work-Life Balace</li>
|
||
<li>ToDo Lists</li>
|
||
<li>Agile</li>
|
||
</ul>
|
||
<i>Posted @</i>
|
||
<time>12/12/2012</time>
|
||
</a>
|
||
</article>
|
||
<article>
|
||
<a href="#">
|
||
<h2>Webdriver</h2>
|
||
<svg width="200" height="268" viewBox="0 0 200 268" aria-labelledby="svg4title" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" xml:space="preserve">
|
||
<title id="svg4title">A paper note block with a todo list</title>
|
||
<clipPath id="clip4">
|
||
<use xlink:href="#picture_frame"></use>
|
||
</clipPath>
|
||
<g clip-path="url(#clip4)">
|
||
<image width="300" height="400" x="-50" y="10" xlink:href="img/content/article.jpg"></image>
|
||
</g>
|
||
</svg>
|
||
<p>An gently introdution to Webdriver</p>
|
||
<ul>
|
||
<li>Javascript</li>
|
||
<li>Browsers</li>
|
||
<li>Automation</li>
|
||
</ul>
|
||
<i>Posted @</i>
|
||
<time>12/12/2012</time>
|
||
</a>
|
||
</article>
|
||
<article>
|
||
<a href="#">
|
||
<h2>Adventalk installation</h2>
|
||
<svg width="200" height="268" viewBox="0 0 200 268" aria-labelledby="svg2title" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" xml:space="preserve">
|
||
<title id="svg2title">A paper note block with a todo list</title>
|
||
<clipPath id="clip2">
|
||
<use xlink:href="#picture_frame"></use>
|
||
</clipPath>
|
||
<g clip-path="url(#clip2)">
|
||
<image width="300" height="400" x="-50" y="10" xlink:href="img/content/article.jpg"></image>
|
||
</g>
|
||
</svg>
|
||
<p>How we created the most simple video stream ever, just with JS</p>
|
||
<ul>
|
||
<li>Javascript</li>
|
||
<li>Creative Coding</li>
|
||
<li>DIY</li>
|
||
</ul>
|
||
<i>Posted @</i>
|
||
<time>12/12/2012</time>
|
||
</a>
|
||
</article>
|
||
<article>
|
||
<a href="#">
|
||
<h2>Web Dev Conferences 2012</h2>
|
||
<svg width="200" height="268" viewBox="0 0 200 268" aria-labelledby="svg3title" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" xml:space="preserve">
|
||
<title id="svg3title">A paper note block with a todo list</title>
|
||
<clipPath id="clip3">
|
||
<use xlink:href="#picture_frame"></use>
|
||
</clipPath>
|
||
<g clip-path="url(#clip3)">
|
||
<image width="300" height="400" x="-50" y="10" xlink:href="img/content/article.jpg"></image>
|
||
</g>
|
||
</svg>
|
||
<p>Recap of conferences in 2012</p>
|
||
<ul>
|
||
<li>Conferences</li>
|
||
<li>Speaking</li>
|
||
<li>Web Dev</li>
|
||
</ul>
|
||
<i>Posted @</i>
|
||
<time>12/12/2012</time>
|
||
</a>
|
||
</article>
|
||
</section>
|
||
|
||
<!-- Sidebar -->
|
||
<aside>
|
||
<section id="confs">
|
||
<h2>Confs</h2>
|
||
<ol></ol>
|
||
</section>
|
||
<section id="tweets">
|
||
<h2>Tweets</h2>
|
||
<ol></ol>
|
||
</section>
|
||
<section id="reading">
|
||
<h2>Reading</h2>
|
||
<ol></ol>
|
||
</section>
|
||
|
||
<!-- Content templates -->
|
||
<template id="tweets_and_articles">
|
||
<li>
|
||
<a href="${link}" rel="noopener" target="_blank">
|
||
<p>${text}</p>
|
||
<time datetime="${datetime}">${time}</time>
|
||
</a>
|
||
</li>
|
||
</template>
|
||
<template id="conf">
|
||
<li>
|
||
<a href="${link}" rel="noopener" target="_blank">
|
||
<p class="no-space">${name}</p>
|
||
<time datetime="${datetime}">${time}</time>
|
||
<strong class="${color} bg-color-lightblack">${type}</strong>
|
||
</a>
|
||
</li>
|
||
</template>
|
||
</aside>
|
||
</main>
|
||
|
||
<!-- Footer -->
|
||
<footer>Sebastian Golasch 2018 | <a href="#">RSS</a> | <a href="#">Disclaimer</a> | <a href="#">About</a> | <a href="mailto:public@asciidisco.com">Contact</a></footer>
|
||
<script src="js/scripts.js"></script>
|
||
</body>
|
||
</html> |