git.privacynerd.de/privacynerd.de
1
0
Fork 0
Code Issues Actions Activity

new_site/src/img

Browse Source
This commit is contained in:
BlueFox
2025-02-10 07:09:05 +01:00
parent 17b3c9e9e9
commit ed1aeafb48
2 changed files with 277 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
new_site/src/index.html
View File

@@ -7,10 +7,36 @@
<link href="./output.css" rel="stylesheet">
</head>
<body>
<body class="bg-white text-black decoration-amber-700
dark:bg-neutral-900 dark:bg-none dark:text-white dark:decoration-amber-400">
<h1 class="text-5xl decoration-2 decoration-inherit font-bold underline text-center p-2 mt-10">Hello you!</h1>
<p class="text-lg text-center p-2">This is a test paragraph!</p>
<div class="shadow-amber-100 size-max mx-auto grid grid-cols-1 gap-10 px-10 font-mono font-bold sm:grid-cols-2 m-6
border-2 border-green-400 rounded-2xl p-5 backdrop-blur-xl drop-shadow-lg
hover:rotate-3 duration-200">
<div class="flex flex-col">
<p class="mb-3 font-mono text-sm font-medium text-gray-500 dark:text-gray-400">box-decoration-slice</p>
<div class="font-sans text-5xl leading-none font-extrabold tracking-tight"><span
class="bg-linear-to-r from-indigo-600 to-pink-500 box-decoration-slice px-2 leading-[3.5rem] text-white">Hello<br>World</span>
</div>
</div>
<div class="flex flex-col">
<p class="mb-3 font-mono text-sm font-medium text-gray-500 dark:text-gray-400">box-decoration-clone</p>
<div class="font-sans text-5xl leading-none font-extrabold tracking-tight"><span
class="bg-linear-to-r from-indigo-600 to-pink-500 box-decoration-clone px-2 leading-[3.5rem] text-white">Hello<br>World</span>
</div>
</div>
</div>
<div
class="mx-auto hover:rotate-3 m-3 duration-200 size-48 h-[3rem] rounded-xl bg-linear-120/decreasing from-violet-700 via-lime-300 to-violet-700">
</div>
<div
class="mx-auto hover:rotate-3 m-3 duration-200 size-48 h-[3rem] rounded-xl bg-linear-120/decreasing from-violet-700 to-pink-500 brightness-150"">
</div>
</body>
</html>