B4D_US3R/picRan
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Переверстал HTML, вместо picnic css начал использовать twiling css

Browse source
This commit is contained in:
B4D_US3R 2024-12-18 13:31:17 +05:00
parent 0d782ec32e
commit bfbfe12137
8 changed files with 730 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

65
index.html
View file

@ -2,43 +2,46 @@
<html>
<head>
<title>CatGirls Town</title>
<link rel="stylesheet" href="src/picnic.min.css">
<link rel="stylesheet" href="src/output.css">
<script type="module" src="src/main.js"></script>
<meta charset="utf-8">
</head>
<body>
<div style="overflow: hidden;height: 75px;">
<nav class="demo">
<a href="#" class="brand">
<span>CatGirls.asia</span>
</a>
</nav>
<div class="flex items-center justify-between flex-wrap p-6 bg-white shadow-md mb-5">
<div class="flex-initial">
<a href="/" class="font-mono font-bold text-xl">CatGirls.asia</a>
</div>
</div>
<section class="flex three">
<div class="flex">
<div class="links flex two">
<div class=""></div>
<div class="flex half-1000">
<h2>Services</h2>
<div class="links half">
<div><a class="pseudo button" href="https://pleroma.catgirls.asia">Pleroma</a></div>
<div><a class="pseudo button" href="https://git.catgirls.asia">Git</a></div>
<div><a class="pseudo button" href="https://cloud.catgirls.asia">Nextcloud</a></div>
</div>
<h2>Contacts</h2>
<div class="links half">
<div><a class="pseudo button" href="https://pleroma.catgirls.asia/users/SiberiaBread">ActivityPub</a></div>
<div><a class="pseudo button" href="xmpp:siberiabread@catgirls.asia">XMPP</a></div>
</div>
</div>
</div>
<div class="flex">
<div class="flex-1">
<div class="items-end justify-items-center p-6">
<div class=""><h1 class="delay-100 text-3xl font-bold font-sans">Services</h1></div>
</div>
<div class="flex ">
<article class="card">
<img id="CatGirlPicture" onclick="getRandomPicture()" src="images/{{ . }}">
</article>
<div class="item-end justify-items-center grid-cols-1 p-2">
<div><a href="https://pleroma.catgirls.asia" class="text-2xl font-sans transition rounded-xl hover:bg-gray-200 p-2">Pleroma</a></div>
</div>
<div class="flex"></div>
</section>
<div class="item-end justify-items-center grid-cols-1 p-2">
<div><a href="https://git.catgirls.asia" class="text-2xl font-sans transition rounded-xl hover:bg-gray-200 p-2">Git</a></div>
</div>
<div class="item-end justify-items-center grid-cols-1 p-2">
<div><a href="https://cloud.catgirls.asia" class="text-2xl font-sans transition rounded-xl hover:bg-gray-200 p-2">Cloud</a></div>
</div>
<div class="items-end justify-items-center p-6">
<div class=""><h1 class="delay-100 text-3xl font-bold font-sans">Contacts</h1></div>
</div>
<div class="item-end justify-items-center grid-cols-1 p-2">
<div><a href="https://pleroma.catgirls.asia/SiberiaBread" class="text-2xl font-sans transition rounded-xl hover:bg-gray-200 p-2">ActivityPub</a></div>
</div>
<div class="item-end justify-items-center grid-cols-1 p-2">
<div><a href="xmpp://siberiabread@catgirls.asia" class="text-2xl font-sans transition rounded-xl hover:bg-gray-200 p-2">XMPP</a></div>
</div>
</div>
<div class="flex-none w-96">
<img src="images/{{ . }}">
</div>
<div class="flex-1">
</div>
</div>
</body>
</html>