src/index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono" rel="stylesheet">
<link rel="stylesheet" href="/src/css/style.css" />
<title>Randext.js () => r/char/matrix () => text</title>
</head>
<body>
<main>
<!-- <header>
<h1 data-randext>Randext</h1>
<h2>
A programable, <span data-randext>random letter animation effect</span> to display <span data-randext>text
messages</span>
</h2>
</header> -->
<article>
<h2 data-randext>Hello!</h2>
<p>
My Name is <span data-randext>Simon Gattner</span>.
I'm a <span data-randext>Senior Front End Developer</span>.
<span data-randext>Freelancer</span> and <span data-randext>Digital Enthusiast</span>.
Live in <span data-randext>Düsseldorf</span>, NRW, Germany.
And listening to <span data-randext>Iron Maiden – Run to the Hills</span> at the moment.
</p>
<p>
I Develope <span data-randext>State-of-the-Art Frontend Solutions</span>
using <span data-randext>HTML5</span>, <span data-randext>CSS3</span> (<span data-randext>SCSS, Less, Stylus</span>),
<span data-randext>JavaScript</span> (<span data-randext>ES+, TypeScript, node.js and jQuery</span>) and
<span data-randext>Application Frameworkes</span> like <span data-randext>Vue.js</span> and <span data-randext>Angular</span>.
Consult Teams and Organisations on <span data-randext>Significant (Frontend) Topics</span> such as <span data-randext>Performance, Accessability</span>,
<span data-randext>UX/UI Design, Agile working Methods</span>,
<span data-randext>Code Quality</span> and <span data-randext>Design Thinking</span>.
And always being ready for the <span data-randext>Next Big Challange</span>.
</p>
<h2 data-randext>You can hire me</h2>
<pre data-randext>
When I take you on, I try
When I take you on, I try
When I take you on
When I take you on, I try
</pre>
<pre data-randext>
I put up cinderblocks to take away the pain</p>
I separated from society today
I don't get close to anybody but my feelings
I cannot think when I am reeling
I think of people that I used to see who don't like me
I don't want people to know how much time I spend alone
Time I spend alone, time I spend alone, time I spend alone
</pre>
<p data-randext>Mollit culpa consequat est quis.</p>
<p>Ipsum no randext test text in this line.</p>
<p data-randext>Random Line with: Mollit culpa consequat est quis.</p>
<p>Isum no randext with <span data-randext>intergrated text</span> to run.</p>
</article>
</main>
</body>
</html>