pizza2d1/tailwind-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Formatted all pages, added a wip page, make db objects, made all links work

Browse Source
This commit is contained in:
pizza2d1
2026-10-01 00:29:05 -06:00
parent 9a54dc351e
commit 7369d0a534
25 changed files with 789 additions and 1427 deletions
Download Patch File Download Diff File Expand all files Collapse all files
socials/index.php
+46
View File
@@ -0,0 +1,46 @@
<?php $srv_root = __DIR__; $dots = "";
$slash_count = substr_count($srv_root, '/');
for ($i = 1; $i < $slash_count; $i++) {$dots .= "../";};?>
<?php include_once("$dots/includes/all.php"); ?>
<!DOCTYPE html>
<html>
<?php echo head("Socials") ?>
<body>
<?php echo navbar("5"); ?>
<section id="_hero_creative_journey_v6_001" class="py-20 sm:py-24 bg-white dark:bg-neutral-950">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<!-- Centered Header -->
<div class="text-center max-w-3xl mx-auto mb-16" data-motion="hero" style="opacity: 1;">
<h1 class="text-3xl sm:text-5xl lg:text-6xl font-bold text-slate-900 dark:text-white leading-tight mb-6">Contact Page</h1>
<p class="text-lg text-slate-600 dark:text-neutral-400 mb-8" data-animate="text" style="opacity: 1;">
Ask me about anything, I might not answer, but thats even more reason to not be nervous to send a message
</p>
<!-- Asymmetric Image Grid -->
<div class="grid lg:grid-cols-6 gap-5">
<!-- Left Column - 2 stacked images -->
<div class="lg:col-span-3 flex flex-col gap-5">
<div data-motion="card" class="rounded-3xl overflow-hidden h-56" style="opacity: 1; transform: translateY(0px); filter: blur(0px);">
<a href="https://signal.me/#eu/14nA-tBiLDlv3Z1DzDlmNSd_hpqwEk2EcjhmY0uWcjbTAQWx9NZGiJfkVOkMR4mS"><img data-motion="image" src="/assets/img/contact_page/signal.png" alt="Creative team collaboration" class="w-full h-full object-cover hover:scale-105 transition-transform duration-700" style="opacity: 1; transform: scale(1); filter: blur(0px);"></a>
</div>
<div data-motion="card" class="rounded-3xl overflow-hidden h-56" style="opacity: 1; transform: translateY(0px); filter: blur(0px);">
<a href="https://discordapp.com/users/714918826831118436"><img data-motion="image" src="/assets/img/contact_page/discord.png" alt="Creative team collaboration" class="w-full h-full object-cover hover:scale-105 transition-transform duration-700" style="opacity: 1; transform: scale(1); filter: blur(0px);"></a>
</div>
</div>
<!-- Right Column - 2 stacked images -->
<div class="lg:col-span-3 flex flex-col gap-5">
<div data-motion="card" class="rounded-3xl overflow-hidden h-56" style="opacity: 1; transform: translateY(0px); filter: blur(0px);">
<a href="mailto:pizza2d1@proton.me"><img data-motion="image" src="/assets/img/contact_page/proton.png" alt="Creative team collaboration" class="w-full h-full object-cover hover:scale-105 transition-transform duration-700" style="opacity: 1; transform: scale(1); filter: blur(0px);"></a>
</div>
<div data-motion="card" class="rounded-3xl overflow-hidden h-56" style="opacity: 1; transform: translateY(0px); filter: blur(0px);">
<a href="tel:+3852780007"><img data-motion="image" src="/assets/img/contact_page/firefox_relay.png" alt="Creative team collaboration" class="w-full h-full object-cover hover:scale-105 transition-transform duration-700" style="opacity: 1; transform: scale(1); filter: blur(0px);"></a>
</div>
</div>
</div>
</div>
</section>
<?php echo footer(); ?>
</body>
</html>