59 lines
2.7 KiB
PHP
59 lines
2.7 KiB
PHP
<?php
|
|
$title = 'Home - Avatar Generator';
|
|
require_once 'partials/header.php';
|
|
?>
|
|
|
|
<?php if (isset($_SESSION['user_id'])): ?>
|
|
<div class="creator-container">
|
|
<h1 class="page-title">Create Your Avatar</h1>
|
|
<p class="page-subtitle">Upload a photo, pick a style, and see the magic.</p>
|
|
|
|
<div class="creator-card">
|
|
<div class="creator-column preview-column">
|
|
<div class="image-upload-wrapper">
|
|
<img src="https://picsum.photos/seed/placeholder-1/800/800" alt="Avatar preview area" id="image-preview" class="image-preview">
|
|
<div class="upload-overlay">
|
|
<i data-feather="upload"></i>
|
|
<span>Upload Photo</span>
|
|
</div>
|
|
<input type="file" id="image-upload" accept="image/*" style="display: none;">
|
|
</div>
|
|
</div>
|
|
<div class="creator-column styled-column">
|
|
<div class="styled-preview-wrapper">
|
|
<img src="https://picsum.photos/seed/placeholder-1/800/800" alt="Styled avatar preview" id="styled-preview" class="styled-preview">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="styles-gallery">
|
|
<h2 class="gallery-title">Select a Style</h2>
|
|
<div class="styles-grid">
|
|
<div class="style-card active" data-style="pop-art">
|
|
<img src="https://picsum.photos/seed/style-art/400/400" alt="Pop Art avatar style">
|
|
<div class="style-name">Pop Art</div>
|
|
</div>
|
|
<div class="style-card" data-style="pixel-art">
|
|
<img src="https://picsum.photos/seed/style-pixel/400/400" alt="Pixel Art avatar style">
|
|
<div class="style-name">Pixel Art</div>
|
|
</div>
|
|
<div class="style-card" data-style="sketch">
|
|
<img src="https://picsum.photos/seed/style-sketch/400/400" alt="Sketch avatar style">
|
|
<div class="style-name">Sketch</div>
|
|
</div>
|
|
<div class="style-card" data-style="none">
|
|
<img src="https://picsum.photos/seed/style-none/400/400" alt="No style">
|
|
<div class="style-name">None</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="hero-section">
|
|
<h1>Create Stunning Avatars from Your Photos</h1>
|
|
<p>Join us and start transforming your pictures with unique artistic styles.</p>
|
|
<a href="register.php" class="btn btn-primary btn-gradient">Get Started Now</a>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<?php require_once 'partials/footer.php'; ?>
|