alina/lastfuture-de
1
0
Fork 0
Code Issues Projects Releases Activity

added sprites

Browse Source
This commit is contained in:
Alina Marquardt
2023-02-28 18:23:53 +00:00
parent e4f70a2752
commit 18843dd3c8
4 changed files with 68 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -5,7 +5,7 @@
<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=Langar&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
</head>
<body>
<logo
@@ -19,7 +19,7 @@
<article id="article1" @winchange.window="expanded = false; clicked = true" :class="{ 'ontop': !clicked, 'expanded': expanded }" x-data="article">
<h1
@click="if(!expanded) $dispatch('winchange'); toggle()"
><span>✽</span> AlinaNada.nfo</h1>
>AlinaNada.nfo</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>
@@ -29,7 +29,7 @@
<article id="article2" @winchange.window="expanded = false" :class="{ 'expanded': expanded }" x-data="article">
<h1
@click="if(!expanded) $dispatch('winchange'); toggle()"
><span>𝄢</span> music.mp3</h1>
>music.mp3</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>