- Scan ID:
- 60c95856-9bb1-4b54-a75b-e3001a5d9d9fFinished
- Submitted URL:
- https://dino.6abotage.com/
- Report Finished:
Links · 0 found
The outgoing links identified from the page
JavaScript Variables · 4 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| __rno_kf_s | object |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dino Lindlau</title>
<meta name="description" content="Fullstack Developer">
<link rel="icon" href="data:,">
<link rel="stylesheet" href="css/styles.css">
<style>@keyframes rough-notation-dash { to { stroke-dashoffset: 0; } }</style></head>
<body>
<header>
<div class="container">
<h1 id="heading1">
<svg class="rough-annotation" style="position: absolute; top: 0px; left: 0px; overflow: visible; pointer-events: none; width: 100px; height: 100px;"><path d="M30.475600431756842 99.52946133456273 C113.63955609769063 102.1367686630107, 184.77889774249482 97.7015990090854, 365.46566227405833 98.68069106968625" fill="none" stroke="#E0F2F1" stroke-width="63.65" style="stroke-dashoffset: 335.008; stroke-dasharray: 335.008; animation: 503.104ms ease-out 0ms 1 normal forwards running rough-notation-dash;"></path><path d="M365.00496316844806 105.4634041554414 C284.98774930433945 95.1625341999329, 209.95078571960016 92.5783961726887, 34.5949486285357 98.99678804673123" fill="none" stroke="#E0F2F1" stroke-width="63.65" style="stroke-dashoffset: 330.874; stroke-dasharray: 330.874; animation: 496.896ms ease-out 503.104ms 1 normal forwards running rough-notation-dash;"></path></svg><span id="highlightText" style="position: relative;">Dino Lindlau</span>
</h1>
<h2 id="heading2">Fullstack Developer, Cologne</h2>
<h3 class="heading3">working for ART+COM Studios since 2020</h3>
<h3 class="heading3">B.Sc. Computer Engineering</h3>
</div>
</header>
<main>
<div class="container">
<section aria-label="Professional Work Focus">
<p>
at work I focus on combining art, communication, and research to
create <br>
<span id="underlinedText1"><span id="boldText">immersive media installations</span></span><svg class="rough-annotation" style="position: absolute; top: 0px; left: 0px; overflow: visible; pointer-events: none; width: 100px; height: 100px;"><path d="M32.263097339405846 417.71356965942323 C118.59273655953844 417.6777361228723, 208.38761700747443 415.2716360617518, 290.0355583748688 418.2099548921382" fill="none" stroke="#FFDD44" stroke-width="2" style="stroke-dashoffset: 257.792; stroke-dasharray: 257.792; animation: 501.974ms ease-out 0ms 1 normal forwards running rough-notation-dash;"></path><path d="M289.9573239745019 416.8005907797764 C229.51099517285704 419.70563548294774, 168.91094638100031 419.6751494243904, 34.23947418775469 417.2785859065823" fill="none" stroke="#FFDD44" stroke-width="2" style="stroke-dashoffset: 255.764; stroke-dasharray: 255.764; animation: 498.026ms ease-out 501.974ms 1 normal forwards running rough-notation-dash;"></path></svg>
for exhibitions, museums, and brand spaces
</p>
<ul id="workList">
<li>Telekom Design Gallery, Bonn</li>
<li>Fraport Visitors' Center, Frankfurt</li>
<li>Micropia, Amsterdam</li>
</ul>
</section>
<section aria-label="Hobby Projects">
<p>
as a hobby I dive deep into the latest FullStack Frameworks and
create <br>
<span id="underlinedText2"><span id="boldText2">performant websites</span></span><svg class="rough-annotation" style="position: absolute; top: 0px; left: 0px; overflow: visible; pointer-events: none; width: 100px; height: 100px;"><path d="M29.78341679275036 610.6870028525591 C74.34433085620404 607.9965113300085, 115.3720875710249 606.9559472697973, 206.99506716430187 610.2620880156755" fill="none" stroke="#FFDD44" stroke-width="2" style="stroke-dashoffset: 177.291; stroke-dasharray: 177.291; animation: 501.109ms ease-out 0ms 1 normal forwards running rough-notation-dash;"></path><path d="M210.90070171654224 607.1475592106581 C162.4687769204378 611.3602810174227, 120.51361298859118 607.6130719453097, 34.45825453102589 609.779467150569" fill="none" stroke="#FFDD44" stroke-width="2" style="stroke-dashoffset: 176.507; stroke-dasharray: 176.507; animation: 498.891ms ease-out 501.109ms 1 normal forwards running rough-notation-dash;"></path></svg>
for clients
</p>
<ul id="hobbyList">
<li>femmecraft.de</li>
<li>wag5.archive</li>
</ul>
</section>
</div>
</main>
<footer>
<div class="container" id="footer">
<a href="mailto:[email protected]">[email protected]</a>
</div>
</footer>
<div id="interactive-line-container" aria-hidden="true"><svg width="100%" height="100%" style="position: fixed; top: 0px; left: 0px; pointer-events: none; z-index: 1000;"><defs><linearGradient id="lineGradient" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#02182B"></stop><stop offset="20%" stop-color="#0197F6"></stop></linearGradient></defs><path fill="none" stroke="url(#lineGradient)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="
M 0,30
C 160,-192.00000000000003 640,432 720,600
"></path></svg></div>
<!-- Scripts -->
<script type="module">
import { annotate } from "./js/rough-nation.js";
const h1 = document.querySelector("#highlightText");
const u1 = document.querySelector("#underlinedText1");
const u2 = document.querySelector("#underlinedText2");
const a1 = annotate(h1, {
type: "highlight",
color: "#E0F2F1",
padding: [1, 1],
animationDuration: 1000,
});
const a2 = annotate(u1, {
type: "underline",
color: "#FFDD44",
padding: [1, 1],
animationDuration: 1000,
});
const a3 = annotate(u2, {
type: "underline",
color: "#FFDD44",
padding: [1, 1],
animationDuration: 1000,
});
a1.show();
a2.show();
a3.show();
</script>
<script src="js/interactive-line.js"></script>
</body></html>