96 lines
5.3 KiB
HTML
96 lines
5.3 KiB
HTML
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>lastfuture.de</title>
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div id="logo"
|
|
x-data="logo"
|
|
role="img" aria-label="animated lastfuture logo"
|
|
@click="if(sidebar) $dispatch('winchange'); sidebar = !sidebar; togglePhase();"
|
|
@winchange.window="sidebar = true; togglePhase();"
|
|
:class="{ 'sidebar': sidebar }">
|
|
<span>lastfuture.obj</span>
|
|
</div>
|
|
<article id="article1" @winchange.window="expanded = false; clicked = true" :class="{ 'ontop': !clicked, 'expanded': expanded }" x-data="article">
|
|
<h1
|
|
@click="if(!expanded) $dispatch('winchange'); toggle()"
|
|
>Alina.nfo</h1>
|
|
<div class="content" x-cloak x-show="expanded">
|
|
<pre>
|
|
|
|
|
|
@@@ @@@@@@ @@@@@@:@@@@@@@ d,
|
|
@@! @@! @@@ !@@ @@! dML'
|
|
@!! @!@!@!@! !@@!! @@! .MMMM''
|
|
!!: !!: !!! !:! !!:,MMMMML''
|
|
: ::.:.:': :':.::.::: ù:dMMMMMMM'''
|
|
@@@@@@@!@@@ @@@:@@@@@@@ dMMMMMMMML''''
|
|
@@! @@! @@@ @@@ ,MMMMMMMMMMM'''''
|
|
@!!!:! @!@ !@! @!! dMMMMMMMMMMMML'''''
|
|
!!: !!: !!! :!!,MMMMMMMMMMMMMMM''''''
|
|
ù: :'::.: :dMMMMMMMMMMMMMMMML'''''''
|
|
@@@ @@@:@@@@@@@ @@@@@@@:.MMMMMMMMMMMMMMMMMMM''''''''
|
|
@@! @@@ @@! @@@ @@! ,MMMMMMMMMMMMMMMMMMMML''''''''
|
|
@!@ !@! @!@!!@! @!!!:.dMMMMMMMMMMMMMMMMMMMMMM'''''''
|
|
!!: !!! !!: :!! !!: `øYPMMMMMMMMMMMMMMMMMMMML'''''
|
|
::::': :: ù::.:.:::.:. `øYPMMMMP"YMP"YMMMMM''''
|
|
`ø( ` )MMMM'''
|
|
/\ |. _ _ `. .JPMMMML'
|
|
a.k.a. /--\||| )(_| `.' `"ø'
|
|
|
|
|
|
|
|
ÛÛÛÝÝ W H O ú I S ú A L I N A ? ÞÞÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
|
|
² ²
|
|
± Nullam id dolor id nibh ultricies vehicula ut id elit. ±
|
|
° Cras justo odio, dapibus ac facilisis in, egestas eget °
|
|
quam. Donec ullamcorper nulla non metus auctor
|
|
fringilla. Nulla vitae elit libero, a pharetra augue.
|
|
Vitae elit libero, a pharetra augue.
|
|
|
|
|
|
|
|
ÛÛÛÝÝ W H Y ú L A S T F U T U R E ? ÞÞÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
|
|
² ²
|
|
± Nullam id dolor id nibh ultricies vehicula ut id elit. ±
|
|
° Cras justo odio, dapibus ac facilisis in, egestas eget °
|
|
quam. Donec ullamcorper nulla non metus auctor
|
|
|
|
</pre>
|
|
</div>
|
|
</article>
|
|
<article id="article2" @winchange.window="expanded = false" :class="{ 'expanded': expanded }" x-data="article">
|
|
<h1
|
|
@click="if(!expanded) $dispatch('winchange'); toggle()"
|
|
>audio/music.m3u</h1>
|
|
<div class="content" x-cloak x-show="expanded">
|
|
<p>Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu leo. Donec sed odio dui. <a href="//google.com/">Praesent commodo cursus magna</a>, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Donec id elit non mi porta gravida at eget metus.</p>
|
|
</div>
|
|
</article>
|
|
</article>
|
|
<article id="article3" @winchange.window="expanded = false" :class="{ 'expanded': expanded }" x-data="article">
|
|
<h1
|
|
@click="if(!expanded) $dispatch('winchange'); toggle()"
|
|
>code/experiment.inc</h1>
|
|
<div class="content" x-cloak x-show="expanded">
|
|
<p>Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu leo. Donec sed odio dui. <a href="//google.com/">Praesent commodo cursus magna</a>, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Donec id elit non mi porta gravida at eget metus.</p>
|
|
</div>
|
|
</article>
|
|
<article id="article4" @winchange.window="expanded = false" :class="{ 'expanded': expanded }" x-data="article">
|
|
<h1
|
|
@click="if(!expanded) $dispatch('winchange'); toggle()"
|
|
>videos/playlist.pls</h1>
|
|
<div class="content" x-cloak x-show="expanded">
|
|
<p>Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu leo. Donec sed odio dui. <a href="//google.com/">Praesent commodo cursus magna</a>, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Donec id elit non mi porta gravida at eget metus.</p>
|
|
</div>
|
|
</article>
|
|
<!--<footer></footer>-->
|
|
<script src="js/main.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.11.1/dist/cdn.min.js"></script>
|
|
</body>
|
|
</html> |