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
includes/main.php
+94
View File
@@ -0,0 +1,94 @@
<?php
include_once("vars.php");
function title() {
return "
<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' 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'>Pizza2d1's Project Showcase</h1>
<p class='text-lg text-slate-600 dark:text-neutral-400 mb-8' data-animate='text' style='opacity: 1;'>
We suck big dick because we can
</p>
<div class='flex flex-wrap justify-center gap-4'>
<a href='https://pizza2d1.github.io/server_links' data-motion='button' class='px-6 py-3 bg-indigo-600 hover:bg-indigo-700 transition-colors rounded-full text-white font-semibold' style='opacity: 1; transform: translateY(0px); filter: blur(0px);'>
Links to services
</a>
<a href='https://github.com/pizza2d1' data-motion='button' class='px-6 py-3 bg-orange-100 dark:bg-orange-900/20 hover:bg-orange-200 dark:hover:bg-orange-900/30 transition-colors rounded-full text-orange-700 dark:text-orange-300 font-semibold' style='opacity: 1; transform: translateY(0px); filter: blur(0px);'>
Github
</a>
<a href='https://gitea.happylizard.me' data-motion='button' class='px-6 py-3 bg-green-600 hover:bg-green-700 transition-colors rounded-full text-white font-semibold' style='opacity: 1; transform: translateY(0px); filter: blur(0px);'>
Gitea
</a>
<a href='/socials/' data-motion='button' class='px-6 py-3 bg-indigo-100 dark:bg-indigo-900/30 hover:bg-indigo-200 dark:hover:bg-indigo-900/50 transition-colors rounded-full text-indigo-700 dark:text-indigo-300 font-semibold' style='opacity: 1; transform: translateY(0px); filter: blur(0px);'>
Contact Me!
</a>
</div>
</div>
</section>
";
}
function main_images() {
$project_object_list = get_project_data();
return "
<section id='_hero_creative_journey_v6_001' class='pu-12 pb-12 bg-white dark:bg-neutral-950'>
<div class='max-w-7xl mx-auto px-4 sm:px-6 lg:px-8'>
<!-- Asymmetric Image Grid -->
<div class='grid lg:grid-cols-12 gap-2'>
<div class='lg:col-span-3 flex flex-col gap-5'>
<div data-motion='card' class='rounded-3xl overflow-hidden h-48' style='opacity: 1; transform: translateY(0px); filter: blur(0px);'>
<a href='". $project_object_list[2]->link ."'>
<img data-motion='image' src='" . $project_object_list[2]->image . "' alt='Team meeting' class='w-full h-full object-cover hover:scale-105 transition-transform duration-700' style='opacity: 1; transform: scale(1); filter: blur(0px);'>
<div class='absolute inset-0 bg-linear-to-t from-slate-900/60 via-transparent to-transparent'></div>
<div class='absolute bottom-6 left-6 right-6'>
<h3 class='text-white text-l font-bold text-shadow-lg drop-shadow-[0_2.2px_2.2px_rgba(0,0,128,0.8)]'>". $project_object_list[2]->text ."</h3>
</div>
</a>
</div>
<div data-motion='card' class='rounded-3xl overflow-hidden h-64' style='opacity: 1; transform: translateY(0px); filter: blur(0px);'>
<a href='". $project_object_list[3]->link ."'>
<img data-motion='image' src='" . $project_object_list[3]->image . "' alt='Creative brainstorming session' class='w-full h-full object-cover group-hover:scale-105 transition-transform duration-700' style='opacity: 1; transform: scale(1); filter: blur(0px);'>
<div class='absolute inset-0 bg-linear-to-t from-slate-900/60 via-transparent to-transparent'></div>
<div class='absolute bottom-6 left-6 right-6'>
<h3 style='color: rgb(0, 191, 10)' class='text-black text-l font-bold text-shadow-lg drop-shadow-[0_2.2px_2.2px_rgba(0,0,0,1)]'>". $project_object_list[3]->text ."</h3>
</div>
</a>
</div>
</div>
<div class='lg:col-span-6' data-motion='card' style='opacity: 1; transform: translateY(0px); filter: blur(0px);'>
<div class='relative rounded-3xl overflow-hidden h-80 lg:h-full group'>
<a href='". $project_object_list[0]->link ."'><img data-motion='image' src='" . $project_object_list[0]->image . "' alt='Creative brainstorming session' class='w-full h-full object-cover group-hover:scale-105 transition-transform duration-700' style='opacity: 1; transform: scale(1); filter: blur(0px);'>
<div class='absolute inset-0 bg-linear-to-t from-slate-900/60 via-transparent to-transparent'></div>
<div class='absolute bottom-6 left-6 right-6'>
<h3 class='text-white text-xl font-bold text-shadow-lg drop-shadow-[0_2.2px_2.2px_rgba(0,0,128,0.8)]'>". $project_object_list[0]->text ."</h3>
</div>
</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-72' style='opacity: 1; transform: translateY(0px); filter: blur(0px);'>
<a href='". $project_object_list[5]->link ."'>
<img data-motion='image' src='". $project_object_list[5]->image ."' alt='Team meeting' class='w-full h-full object-cover hover:scale-105 transition-transform duration-700' style='opacity: 1; transform: scale(1); filter: blur(0px);'>
<div class='absolute inset-0 bg-linear-to-t from-slate-900/60 via-transparent to-transparent'></div>
<div class='absolute bottom-6 left-6 right-6'>
<h3 class='text-white text-l font-bold text-shadow-lg drop-shadow-[0_2.2px_2.2px_rgba(0,0,128,0.8)]'>". $project_object_list[5]->text ."</h3>
</div>
</a>
</div>
<div data-motion='card' class='rounded-3xl overflow-hidden h-40' style='opacity: 1; transform: translateY(0px); filter: blur(0px);'>
<a href='". $project_object_list[6]->link ."'>
<img data-motion='image' src='". $project_object_list[6]->image ."' alt='Creative workshop' class='w-full h-full object-cover hover:scale-105 transition-transform duration-700' style='opacity: 1; transform: scale(1); filter: blur(0px);'>
<div class='absolute inset-0 bg-linear-to-t from-slate-900/60 via-transparent to-transparent'></div>
<div class='absolute bottom-6 left-6 right-6'>
<h3 class='text-white text-l font-bold text-shadow-lg drop-shadow-[0_2.2px_2.2px_rgba(0,0,128,0.8)]'>". $project_object_list[6]->text ."</h3>
</div>
</a>
</div>
</div>
</section>
";
}
?>