60 lines
3.2 KiB
Plaintext
60 lines
3.2 KiB
Plaintext
|
---
|
||
|
|
username: Laureηt
|
||
|
|
---
|
||
|
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>{{ username }}</title>
|
||
|
|
<link rel="stylesheet" href="{{ '/css/main.css' | url }}">
|
||
|
|
<link rel="stylesheet" href="{{ '/css/resume.css' | url }}">
|
||
|
|
<link rel="stylesheet" href="{{ '/css/blink.css' | url }}">
|
||
|
|
<link rel="shortcut icon" type="image/x-icon" href="{{ '/favicon.ico' | url }}">
|
||
|
|
<script src="{{ '/javascript/chaffle.min.js' | url }}"></script>
|
||
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" rel="stylesheet">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<header>
|
||
|
|
<span data-chaffle-onload="" data-chaffle="en">{{ username }}</span>
|
||
|
|
<span class="blink" style="display:inline;">_</span>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum, atque esse quo ad cum voluptates exercitationem ipsum sunt. Dolore natus eius corrupti animi eaque autem libero laudantium sapiente placeat quasi, cupiditate repellendus cumque vitae deleniti id aliquid porro nemo facilis soluta rem esse necessitatibus repudiandae. Corrupti omnis, recusandae laboriosam architecto voluptatibus vel voluptatum expedita dolor libero aspernatur beatae! Sapiente, voluptates totam. Accusamus neque eius sapiente, fugiat maxime accusantium iure voluptatum qui doloremque sequi nobis hic, sit impedit! Iure ad, suscipit eum quis explicabo nesciunt ducimus veritatis, repellat beatae quia, expedita recusandae magni molestiae in cumque quae labore nam similique. Aut!</div>
|
||
|
|
<div class="col-2">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sit, totam expedita hic recusandae doloremque quisquam exercitationem magni suscipit laboriosam enim, officia est sint dolores odio. Id non quam veritatis labore libero cumque ipsam ex consequatur, sit voluptas eius perferendis molestiae velit minus dolorem officiis. Fugiat dicta temporibus eaque sequi impedit labore. Reiciendis odio delectus quisquam facere vel debitis culpa, officiis fugit autem dignissimos iusto velit ullam aut? Adipisci sit optio natus expedita ipsum possimus saepe minus rerum, cumque quaerat deserunt, itaque amet dolorum fuga consectetur enim similique magni eveniet nemo sint. Voluptates odit incidunt vel sunt doloremque eum officiis possimus.</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="btn-back">
|
||
|
|
<span>«</span>
|
||
|
|
<a href="{{ '/' | url }}">Go back</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
© {% year %} {{ username }}
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
var elm_mouseover = document.querySelectorAll('[data-chaffle]');
|
||
|
|
var elm_onload = document.querySelectorAll('[data-chaffle-onLoad]');
|
||
|
|
|
||
|
|
Array.prototype.forEach.call(elm_mouseover, function (el) {
|
||
|
|
var chaffle = new Chaffle(el)
|
||
|
|
el.addEventListener('mouseover', function () {
|
||
|
|
chaffle.init();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
Array.prototype.forEach.call(elm_onload, function (el) {
|
||
|
|
var chaffle = new Chaffle(el)
|
||
|
|
chaffle.init();
|
||
|
|
setInterval(function(){
|
||
|
|
chaffle.init();
|
||
|
|
}, 10000)
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|