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

Starting work on services part of page

Browse Source
This commit is contained in:
pizza2d1
2026-10-01 18:36:02 -06:00
parent 5967222ec0
commit e49ea5305a
9 changed files with 25 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/img/nextcloud.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

assets/img/nextcloud_icon.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

assets/img/nextcloud_showcase.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 259 KiB

assets/img/pizza-icon.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

assets/img/projects/radmod/radmod.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 544 KiB

assets/img/projects/radmod/vlcsnap-2026-10-01-17h50m49s777.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 MiB

assets/project_blogs/radmod/content.txt
+2
View File
@@ -0,0 +1,2 @@
A radio thing I wanna make that will eventually broadcast cat images over radio
!image assets/img/projects/radmod/radmod.png
includes/all.php
+10 -10
View File
@@ -42,7 +42,7 @@ function navbar($highlighted_box) {
<div class='flex items-center justify-between h-20'>
<!-- Logo -->
<a data-motion='logo' href='/' class='flex items-center' style='opacity: 1; transform: scale(1); filter: blur(0px);'>
<img src='/pizza-man2.png' ln-logo='' class='h-18' alt='Logo'>
<img src='/assets/img/pizza-icon.png' ln-logo='' class='h-18' alt='Logo'>
</a>
<!-- Icon Navigation -->
@@ -122,36 +122,36 @@ function grid() {
Services
</h2>
<p data-animate='text' class='text-slate-600 dark:text-neutral-400 text-lg' style='opacity: 1;'>
<span class='motion-word' style='display: inline-block; opacity: 1; transform: translateY(0px); filter: blur(0px);'>A</span> <span class='motion-word' style='display: inline-block; opacity: 1; transform: translateY(0px); filter: blur(0px);'>complete</span> <span class='motion-word' style='display: inline-block; opacity: 1; transform: translateY(0px); filter: blur(0px);'>developer</span> <span class='motion-word' style='display: inline-block; opacity: 1; transform: translateY(0px); filter: blur(0px);'>toolkit</span> <span class='motion-word' style='display: inline-block; opacity: 1; transform: translateY(0px); filter: blur(0px);'>with</span> <span class='motion-word' style='display: inline-block; opacity: 1; transform: translateY(0px); filter: blur(0px);'>powerful</span> <span class='motion-word' style='display: inline-block; opacity: 1; transform: translateY(0px); filter: blur(0px);'>APIs,</span> <span class='motion-word' style='display: inline-block; opacity: 1; transform: translateY(0px); filter: blur(0px);'>comprehensive</span> <span class='motion-word' style='display: inline-block; opacity: 1; transform: translateY(0px); filter: blur(0px);'>documentation,</span> <span class='motion-word' style='display: inline-block; opacity: 1; transform: translateY(0px); filter: blur(0px);'>and</span> <span class='motion-word' style='display: inline-block; opacity: 1; transform: translateY(0px); filter: blur(0px);'>enterprise-grade</span> <span class='motion-word' style='display: inline-block; opacity: 1; transform: translateY(0px); filter: blur(0px);'>infrastructure.</span>
Not done yet, come back later after I'm finished with this template
</p>
</div>
<!-- Bento Grid Features -->
<div class='grid lg:grid-cols-3 gap-5'>
<!-- Large Feature Card -->
<div data-motion='card' class='lg:col-span-2 p-8 bg-white dark:bg-neutral-800 rounded-3xl' style='opacity: 1; transform: translateY(0px); filter: blur(0px);'>
<div data-motion='card' class='lg:col-span-2 p-8 bg-neutral-300 dark:bg-neutral-800 rounded-3xl' style='opacity: 1; transform: translateY(0px); filter: blur(0px);'>
<a href='https://nextcloud.happylizard.me'>
<div class='grid sm:grid-cols-2 gap-8'>
<div>
<div data-motion='icon' class='w-14 h-14 bg-indigo-100 dark:bg-indigo-900/40 rounded-2xl flex items-center justify-center mb-6' style='opacity: 1; transform: scale(1); filter: blur(0px);'>
<svg class='w-7 h-7 text-indigo-600 dark:text-indigo-400' fill='none' stroke='currentColor' viewBox='0 0 24 24'>
<path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4'></path>
</svg>
<div data-motion='icon' class='w-40 h-20 rounded-2xl flex items-center justify-center mb-6'>
<img src='/assets/img/nextcloud.png'>
</div>
<h3 class='text-slate-900 dark:text-white text-xl font-semibold mb-3'>Modular Architecture</h3>
<h3 class='text-slate-900 dark:text-white text-2xl font-semibold mb-3'>Nextcloud</h3>
<p class='text-slate-600 dark:text-neutral-400 text-base'>
Build with composable modules that scale independently and integrate seamlessly with your existing stack.
</p>
</div>
<div class='rounded-2xl overflow-hidden'>
<img data-motion='image' src='https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=400&amp;auto=format&amp;fit=crop&amp;q=80' alt='Code on screen' class='w-full h-48 object-cover' style='opacity: 1; transform: scale(1); filter: blur(0px);'>
<img data-motion='image' src='/assets/img/nextcloud_showcase.png' class='w-full object-cover rounded-3xl'>
</div>
</div>
</a>
</div>
<!-- Accent Card -->
<div data-motion='card' class='p-8 bg-indigo-600 rounded-3xl flex flex-col justify-between' style='opacity: 1; transform: translateY(0px); filter: blur(0px);'>
<div>
<div data-motion='icon' class='w-12 h-12 bg-white/20 rounded-xl flex items-center justify-center mb-6' style='opacity: 1; transform: scale(1); filter: blur(0px);'>
<div data-motion='icon' class='w-12 h-12 bg-white/20 rounded-xl flex items-center justify-center mb-6'>
<svg class='w-6 h-6 text-white' fill='none' stroke='currentColor' viewBox='0 0 24 24'>
<path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'></path>
</svg>
projects/radmod/index.php
+13 -14
View File
@@ -1,19 +1,18 @@
<?php $dots=str_repeat("../", substr_count(__DIR__, '/')-1); ?>
<?php
header('Location: /wip');
exit();
include_once("$dots/includes/all.php");
include_once("$dots/includes/projects.php");
$project_name = "RadMod (Radio Modulator)";
$project_content_dir = "$dots/assets/project_blogs/radmod";
?>
<?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"); ?>
<?php include_once("$dots/includes/projects.php"); ?>
<!DOCTYPE html>
<html lang="en">
<?php echo head("test"); ?>
<body>
<?php echo title("Python Website"); ?>
<html>
<?php echo head_css($project_name, ["projects.css"], $dots); ?>
<body>
<?php echo navbar("0"); ?>
<?php echo make_blog($dots, $project_name, $project_content_dir); ?>
<?php echo footer(); ?>
</body>
</body>
</html>