Discover AT Protocol alternatives to popular social media platforms -- https://aternative.to/

Add Meetup ATernative & CSS Update

Changed files
+19 -4
+13 -4
index.html
···
</a>
</div>
<div tabindex="0" class="flex flex-col rounded-lg p-4 text-center shadow-md duration-200 hover:scale-[1.03] hover:shadow-md sm:flex-row">
+
<a class="m-auto flex-1" href="https://www.meetup.com/">
+
<p class="font-medium text-gray-800">Meetup</p>
+
</a>
+
<div class="my-2 h-px w-full bg-gray-200 sm:h-10 sm:w-px"></div>
+
<a class="m-auto flex-1" href="https://smokesignal.events/">
+
<p class="font-medium text-gray-800">Smoke Signal</p>
+
</a>
+
</div>
+
<div tabindex="0" class="flex flex-col rounded-lg p-4 text-center shadow-md duration-200 hover:scale-[1.03] hover:shadow-md sm:flex-row">
<p class="m-auto flex-1 font-medium text-gray-800">Pocket (rip)</p>
<div class="my-2 h-px w-full bg-gray-200 sm:h-10 sm:w-px"></div>
<a class="m-auto flex-1" href="https://kipclip.com/">
···
</div>
</div>
</div>
-
<footer>
-
<p class="flex-1 text-center mt-5">Made by <a href=https://bsky.app/profile/cat.from.legal>@cat.from.legal</a></p>
-
<p class="flex-1 text-center mb-2"><a href=https://tangled.org/@cat.from.legal/ATernative.to>Submit new platform suggestions and bug reports on Tangled.</a></p>
-
</footer>
+
<footer>
+
<p class="text-center mt-8">Made by <a href=https://bsky.app/profile/cat.from.legal>@cat.from.legal</a></p>
+
<p class="text-center mb-2"><a href=https://tangled.org/@cat.from.legal/ATernative.to>Submit new platform suggestions and bug reports on Tangled.</a></p>
+
</footer>
</body>
</html>
+6
main.css
···
.my-2 {
margin-block: calc(var(--spacing) * 2);
}
+
.mt-8 {
+
margin-top: calc(var(--spacing) * 8);
+
}
+
.mb-2 {
+
margin-bottom: calc(var(--spacing) * 2);
+
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}