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

Removed the old tailwind and other test stuff

Browse Source
This commit is contained in:
BlueFox 2025-02-23 19:31:31 +01:00
parent 57510960ba
commit 641d505ae7
Signed by: BlueFox
GPG Key ID: 327233DA85435270
5 changed files with 0 additions and 2717 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
public/old-tailwind/index.html
View File

@ -1,59 +0,0 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="./output.css" rel="stylesheet">
<title>Privacynerd's new home :)</title>
</head>
<body class="bg-white text-black decoration-amber-700
dark:bg-neutral-900 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-600 size-max mx-auto grid grid-cols-2 gap-10 px-10 font-mono font-bold m-6
sm:grid-cols-2
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>
<a href="https://git.privacynerd.de" target="_blank"
class="mx-auto block size-max p-1 rounded-2xl drop-shadow-lg select-none
bg-linear-90/decreasing ease-linear from-pink-500 to-yellow-500
transition-(--badge-transition-properties) duration-(--badge-transition-durations)
hover:bg-linear-90/decreasing hover:from-green-600 hover:via-green-600 hover:to-green-600" draggable="false">
<div class="size-max flex flex-row gap-3 font-mono font-bold bg-white rounded-xl p-2
dark:bg-neutral-900
dark:hover:bg-white dark:hover:text-black
hover:bg-neutral-900 hover:text-white duration-(--badge-transition-duration-color)">
<img class="my-auto h-max
transition-transform hover:rotate-360 ease-in-out" src="img/logos/gitea.svg" />
<div class="my-auto text-xl">Privacynerd's Gitea</div>
</div>
</a>
</body>
</html>

8
public/old-tailwind/input.css
View File

@ -1,8 +0,0 @@
@import "tailwindcss";
:root {
--badge-transition-properties: rotate, translate, color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
--badge-transition-duration-color: 700ms;
--badge-transition-duration-motion: 200ms;
--badge-transition-durations: var(--badge-transition-duration-motion),var(--badge-transition-duration-motion),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color),var(--badge-transition-duration-color);
}

2488
public/old-tailwind/output.css
View File

File diff suppressed because it is too large Load Diff

101
public/test.css
View File

@ -1,101 +0,0 @@
@charset "utf-8";
/* Some variables */
:root {
--spacing: 0.25rem;
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/* Colors in light & dark mode */
:root {
--color-bg: olkch(1 1 1);
--color-fg: rgb(0,0,0);
--color-decoration: oklch(0.555 0.163 48.998);
}
@media (prefers-color-scheme: dark) {
:root {
--color-bg: oklch(0.205 0 0);
--color-fg: rgb(255 255 255);
--color-decoration: oklch(0.828 0.189 84.429);
}
}
body {
background-color: var(--color-bg);
color: var(--color-fg);
font-family: var(--font-sans);
text-decoration-color: var(--color-decoration);
max-width: 90%;
margin: 0 auto;
}
div {
text-decoration-color: inherit;
margin-left: auto;
margin-right: auto;
max-width: max-content;
max-height: max-content;
}
h1 {
text-decoration-thickness: 2px;
text-decoration-color: inherit;
text-decoration-line: underline;
font-weight: bold;
font-size: 3rem;
padding: calc(var(--spacing)*2);
margin-top: calc(var(--spacing)*10);
text-align: center;
}
p {
font-size: 1.125rem;
padding: calc(var(--spacing)*2);
text-align: center;
}
.headline {
margin-bottom: calc(var(--spacing)*10);
}
.main-services {
display: grid;
grid-template-columns: repeat(auto-fill, 1fr);
grid-gap: 1rem;
}
.badge {
margin-left: auto;
margin-right: auto;
padding: calc(var(--spacing)*1);
/*max-width: max-content;*/
max-height: max-content;
min-width: fit-content;
display: block;
border-radius: 16px;
user-select: none; -ms-user-select: none; -moz-user-select: none; -ms-touch-select: none; -webkit-user-select: none;
background-color: var(--color-fg);
color: var(--color-bg);
}
.badge div {
background-color: var(--color-bg);
color: var(--color-fg);
border-radius: 12px;
padding: calc(var(--spacing)*2) calc(var(--spacing)*3);
display: flex;
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
flex-direction: row;
}
.badge div * {
margin-top: auto;
margin-bottom: auto;
font-size: 1.15rem;
}

61
public/test.html
View File

@ -1,61 +0,0 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light dark">
<link href="./normalize.css" rel="stylesheet">
<link href="./test.css" rel="stylesheet">
<title>Privacynerd's new home :)</title>
</head>
<body>
<div class="headline">
<h1>Hello you!</h1>
<p>This is a test paragraph!</p>
</div>
<div>
<div class="main-services">
<a href="https://git.privacynerd.de" target="_blank"
class="badge" draggable="false">
<div>
<img src="img/logos/gitea.svg" />
<p>Git with a cup of tea</p>
</div>
</a>
<a href="https://blog.privacynerd.de" target="_blank"
class="badge" draggable="false">
<div>
<img src="img/logos/blog.svg" />
<p>Privacynerd's Blog</p>
</div>
</a>
</div>
<hr>
<div class="other-services">
<div class="card">
<!-- Other services go here (except the main ones, blog and gitea) -->
<a href=""></a>
</div>
<div class="card">
<!-- Social/Contact info goes here -->
<a href="https://git.privacynerd.de/BlueFox">Gitea | Bluefox</a>
<a href="https://codeberg.org/BlueFox">Codeberg | Bluefox</a>
<a href="https://crowdin.com/profile/bluefox4">CrowdIn | bluefox4</a>
<a href="https://github.com/bluefox42">Github | bluefox42</a>
<a href="https://hub.docker.com/u/bluefox42">Docker Hub | bluefox42</a>
<hr>
<a href="@bluefox:privacynerd.de">Matrix | @bluefox</a>
<a href="@bluefox4@mastodon.org">Mastodon | bluefox4</a>
<a href="mailto:bluefox@privacynerd.de">E-Mail | bluefox</a>
</div>
</div>
</div>
</body>
</html>