1 version
This commit is contained in:
Flatlogic Bot
parent
c41f343c47
commit
dbf75ca780
BIN
assets/pasted-20251016-141336-dce056a4.png
Normal file
BIN
assets/pasted-20251016-141336-dce056a4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 MiB |
BIN
assets/pasted-20251016-141746-e994507c.jpg
Normal file
BIN
assets/pasted-20251016-141746-e994507c.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
assets/pasted-20251016-142345-48170932.png
Normal file
BIN
assets/pasted-20251016-142345-48170932.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 501 KiB |
BIN
assets/vm-shot-2025-10-16T14-15-36-087Z.jpg
Normal file
BIN
assets/vm-shot-2025-10-16T14-15-36-087Z.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
26
db/migrate.php
Normal file
26
db/migrate.php
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
|
||||||
|
<?php
|
||||||
|
require_once 'config.php';
|
||||||
|
|
||||||
|
try {
|
||||||
|
// Connect without specifying a database
|
||||||
|
$pdo = new PDO('mysql:host='.DB_HOST, DB_USER, DB_PASS, [
|
||||||
|
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
|
||||||
|
]);
|
||||||
|
$pdo->exec('CREATE DATABASE IF NOT EXISTS '.DB_NAME);
|
||||||
|
echo "Database created or already exists." . PHP_EOL;
|
||||||
|
|
||||||
|
// Now connect to the specific database
|
||||||
|
$pdo = db();
|
||||||
|
$migrations = glob(__DIR__ . '/migrations/*.sql');
|
||||||
|
sort($migrations);
|
||||||
|
|
||||||
|
foreach ($migrations as $migration) {
|
||||||
|
$sql = file_get_contents($migration);
|
||||||
|
$pdo->exec($sql);
|
||||||
|
echo "Executed migration: $migration" . PHP_EOL;
|
||||||
|
}
|
||||||
|
|
||||||
|
} catch (PDOException $e) {
|
||||||
|
die("Database migration failed: " . $e->getMessage());
|
||||||
|
}
|
||||||
9
db/migrations/001_create_webinars_table.sql
Normal file
9
db/migrations/001_create_webinars_table.sql
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
|
||||||
|
CREATE TABLE IF NOT EXISTS webinars (
|
||||||
|
id INT AUTO_INCREMENT PRIMARY KEY,
|
||||||
|
title VARCHAR(255) NOT NULL,
|
||||||
|
description TEXT,
|
||||||
|
presenter VARCHAR(255),
|
||||||
|
scheduled_at DATETIME NOT NULL,
|
||||||
|
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
|
||||||
|
);
|
||||||
10
db/migrations/002_create_attendees_table.sql
Normal file
10
db/migrations/002_create_attendees_table.sql
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
|
||||||
|
CREATE TABLE IF NOT EXISTS attendees (
|
||||||
|
id INT AUTO_INCREMENT PRIMARY KEY,
|
||||||
|
webinar_id INT NOT NULL,
|
||||||
|
name VARCHAR(255) NOT NULL,
|
||||||
|
email VARCHAR(255) NOT NULL,
|
||||||
|
company VARCHAR(255),
|
||||||
|
registered_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||||
|
FOREIGN KEY (webinar_id) REFERENCES webinars(id) ON DELETE CASCADE
|
||||||
|
);
|
||||||
5
db/migrations/003_seed_webinars_table.sql
Normal file
5
db/migrations/003_seed_webinars_table.sql
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
|
||||||
|
INSERT INTO webinars (title, description, presenter, scheduled_at) VALUES
|
||||||
|
('Getting Started with Docker', 'Learn the fundamentals of Docker and containerization.', 'John Doe', '2025-11-15 10:00:00'),
|
||||||
|
('Mastering Kubernetes', 'A deep dive into Kubernetes for container orchestration.', 'Jane Smith', '2025-11-20 14:00:00'),
|
||||||
|
('CI/CD with Jenkins', 'Automate your build, test, and deployment pipeline with Jenkins.', 'Peter Jones', '2025-12-01 11:30:00');
|
||||||
231
index.php
231
index.php
@ -1,150 +1,93 @@
|
|||||||
<?php
|
<!DOCTYPE html>
|
||||||
declare(strict_types=1);
|
|
||||||
@ini_set('display_errors', '1');
|
|
||||||
@error_reporting(E_ALL);
|
|
||||||
@date_default_timezone_set('UTC');
|
|
||||||
|
|
||||||
$phpVersion = PHP_VERSION;
|
|
||||||
$now = date('Y-m-d H:i:s');
|
|
||||||
?>
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>New Style</title>
|
<title>Professional Vibe-Coding Webinar</title>
|
||||||
<?php
|
<style>
|
||||||
// Read project preview data from environment
|
body {
|
||||||
$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? '';
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||||
$projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
|
background-color: #1a202c;
|
||||||
?>
|
color: #e2e8f0;
|
||||||
<?php if ($projectDescription): ?>
|
margin: 0;
|
||||||
<!-- Meta description -->
|
display: flex;
|
||||||
<meta name="description" content='<?= htmlspecialchars($projectDescription) ?>' />
|
justify-content: center;
|
||||||
<!-- Open Graph meta tags -->
|
align-items: center;
|
||||||
<meta property="og:description" content="<?= htmlspecialchars($projectDescription) ?>" />
|
min-height: 100vh;
|
||||||
<!-- Twitter meta tags -->
|
text-align: center;
|
||||||
<meta property="twitter:description" content="<?= htmlspecialchars($projectDescription) ?>" />
|
}
|
||||||
<?php endif; ?>
|
.container {
|
||||||
<?php if ($projectImageUrl): ?>
|
max-width: 800px;
|
||||||
<!-- Open Graph image -->
|
padding: 2rem;
|
||||||
<meta property="og:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
|
}
|
||||||
<!-- Twitter image -->
|
.schedule-block {
|
||||||
<meta property="twitter:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
|
background-color: #2d3748;
|
||||||
<?php endif; ?>
|
border-radius: 0.5rem;
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
padding: 2rem;
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
border: 1px solid #4a5568;
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
|
}
|
||||||
<style>
|
h2 {
|
||||||
:root {
|
color: #f6e05e;
|
||||||
--bg-color-start: #6a11cb;
|
font-size: 1.5rem;
|
||||||
--bg-color-end: #2575fc;
|
margin-bottom: 1rem;
|
||||||
--text-color: #ffffff;
|
text-transform: uppercase;
|
||||||
--card-bg-color: rgba(255, 255, 255, 0.01);
|
}
|
||||||
--card-border-color: rgba(255, 255, 255, 0.1);
|
ul {
|
||||||
}
|
list-style: none;
|
||||||
body {
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0 0 1.5rem 0;
|
||||||
font-family: 'Inter', sans-serif;
|
text-align: left;
|
||||||
background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
|
display: inline-block;
|
||||||
color: var(--text-color);
|
}
|
||||||
display: flex;
|
li {
|
||||||
justify-content: center;
|
margin-bottom: 0.5rem;
|
||||||
align-items: center;
|
font-size: 1.125rem;
|
||||||
min-height: 100vh;
|
}
|
||||||
text-align: center;
|
.date-time {
|
||||||
overflow: hidden;
|
font-size: 1.25rem;
|
||||||
position: relative;
|
font-weight: bold;
|
||||||
}
|
margin-bottom: 1.5rem;
|
||||||
body::before {
|
}
|
||||||
content: '';
|
.register-button {
|
||||||
position: absolute;
|
display: inline-block;
|
||||||
top: 0;
|
background-color: #f6e05e;
|
||||||
left: 0;
|
color: #1a202c;
|
||||||
width: 100%;
|
padding: 0.75rem 1.5rem;
|
||||||
height: 100%;
|
border-radius: 0.375rem;
|
||||||
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M-10 10L110 10M10 -10L10 110" stroke-width="1" stroke="rgba(255,255,255,0.05)"/></svg>');
|
text-decoration: none;
|
||||||
animation: bg-pan 20s linear infinite;
|
font-weight: bold;
|
||||||
z-index: -1;
|
font-size: 1.125rem;
|
||||||
}
|
transition: background-color 0.2s;
|
||||||
@keyframes bg-pan {
|
margin-bottom: 1.5rem;
|
||||||
0% { background-position: 0% 0%; }
|
}
|
||||||
100% { background-position: 100% 100%; }
|
.register-button:hover {
|
||||||
}
|
background-color: #f6d32d;
|
||||||
main {
|
}
|
||||||
padding: 2rem;
|
.byline {
|
||||||
}
|
font-size: 1rem;
|
||||||
.card {
|
color: #a0aec0;
|
||||||
background: var(--card-bg-color);
|
}
|
||||||
border: 1px solid var(--card-border-color);
|
</style>
|
||||||
border-radius: 16px;
|
|
||||||
padding: 2rem;
|
|
||||||
backdrop-filter: blur(20px);
|
|
||||||
-webkit-backdrop-filter: blur(20px);
|
|
||||||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
.loader {
|
|
||||||
margin: 1.25rem auto 1.25rem;
|
|
||||||
width: 48px;
|
|
||||||
height: 48px;
|
|
||||||
border: 3px solid rgba(255, 255, 255, 0.25);
|
|
||||||
border-top-color: #fff;
|
|
||||||
border-radius: 50%;
|
|
||||||
animation: spin 1s linear infinite;
|
|
||||||
}
|
|
||||||
@keyframes spin {
|
|
||||||
from { transform: rotate(0deg); }
|
|
||||||
to { transform: rotate(360deg); }
|
|
||||||
}
|
|
||||||
.hint {
|
|
||||||
opacity: 0.9;
|
|
||||||
}
|
|
||||||
.sr-only {
|
|
||||||
position: absolute;
|
|
||||||
width: 1px; height: 1px;
|
|
||||||
padding: 0; margin: -1px;
|
|
||||||
overflow: hidden;
|
|
||||||
clip: rect(0, 0, 0, 0);
|
|
||||||
white-space: nowrap; border: 0;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
font-size: 3rem;
|
|
||||||
font-weight: 700;
|
|
||||||
margin: 0 0 1rem;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
margin: 0.5rem 0;
|
|
||||||
font-size: 1.1rem;
|
|
||||||
}
|
|
||||||
code {
|
|
||||||
background: rgba(0,0,0,0.2);
|
|
||||||
padding: 2px 6px;
|
|
||||||
border-radius: 4px;
|
|
||||||
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
|
||||||
}
|
|
||||||
footer {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 1rem;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
opacity: 0.7;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<main>
|
<div class="container">
|
||||||
<div class="card">
|
<h1 style="font-size: 2.5rem; font-weight: bold; color: #f6e05e; margin-bottom: 0.5rem;">Professional vibe-coding webinar</h1>
|
||||||
<h1>Analyzing your requirements and generating your website…</h1>
|
<p style="font-size: 1.25rem; color: #a0aec0; margin-bottom: 2rem;">by Flatlogic</p>
|
||||||
<div class="loader" role="status" aria-live="polite" aria-label="Applying initial changes">
|
<div class="schedule-block">
|
||||||
<span class="sr-only">Loading…</span>
|
<h2>Schedule</h2>
|
||||||
</div>
|
<ul>
|
||||||
<p class="hint"><?= ($_SERVER['HTTP_HOST'] ?? '') === 'appwizzy.com' ? 'AppWizzy' : 'Flatlogic' ?> AI is collecting your requirements and applying the first changes.</p>
|
<li>• Intro ~10 min</li>
|
||||||
<p class="hint">This page will update automatically as the plan is implemented.</p>
|
<li>• Creating Apps ~40-50 min</li>
|
||||||
<p>Runtime: PHP <code><?= htmlspecialchars($phpVersion) ?></code> — UTC <code><?= htmlspecialchars($now) ?></code></p>
|
<li>• Q&A</li>
|
||||||
|
</ul>
|
||||||
|
<div class="date-time">
|
||||||
|
Monday, November 3 • At 6.00 PM PST
|
||||||
|
</div>
|
||||||
|
<a href="register.php" class="register-button">Register Now →</a>
|
||||||
|
<div class="byline">
|
||||||
|
By: Philip Daineka, Alex Rubanau, Alexey Vertel
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
|
||||||
<footer>
|
|
||||||
Page updated: <?= htmlspecialchars($now) ?> (UTC)
|
|
||||||
</footer>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
191
register.php
Normal file
191
register.php
Normal file
@ -0,0 +1,191 @@
|
|||||||
|
<?php
|
||||||
|
declare(strict_types=1);
|
||||||
|
require_once 'db/config.php';
|
||||||
|
|
||||||
|
$pdo = db();
|
||||||
|
$webinar_id = filter_input(INPUT_GET, 'webinar_id', FILTER_VALIDATE_INT);
|
||||||
|
$webinar = null;
|
||||||
|
$feedback = [];
|
||||||
|
|
||||||
|
// Fetch webinar details
|
||||||
|
if ($webinar_id) {
|
||||||
|
try {
|
||||||
|
$stmt = $pdo->prepare('SELECT id, title, scheduled_at FROM webinars WHERE id = ?');
|
||||||
|
$stmt->execute([$webinar_id]);
|
||||||
|
$webinar = $stmt->fetch(PDO::FETCH_ASSOC);
|
||||||
|
} catch (PDOException $e) {
|
||||||
|
error_log("Webinar fetch error: " . $e->getMessage());
|
||||||
|
// Don't expose error details to user
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handle form submission
|
||||||
|
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||||
|
$name = trim($_POST['name'] ?? '');
|
||||||
|
$email = filter_var(trim($_POST['email'] ?? ''), FILTER_VALIDATE_EMAIL);
|
||||||
|
$submitted_webinar_id = filter_input(INPUT_POST, 'webinar_id', FILTER_VALIDATE_INT);
|
||||||
|
|
||||||
|
if (!$name || !$email || !$submitted_webinar_id) {
|
||||||
|
$feedback = ['type' => 'error', 'message' => 'Please fill in all fields with valid information.'];
|
||||||
|
} else {
|
||||||
|
try {
|
||||||
|
$stmt = $pdo->prepare('INSERT INTO attendees (webinar_id, name, email) VALUES (?, ?, ?)');
|
||||||
|
$stmt->execute([$submitted_webinar_id, $name, $email]);
|
||||||
|
$feedback = ['type' => 'success', 'message' => 'Thank you for registering! A confirmation has been sent to your email.'];
|
||||||
|
// In a real app, you would trigger an email here.
|
||||||
|
} catch (PDOException $e) {
|
||||||
|
error_log("Registration error: " . $e->getMessage());
|
||||||
|
if ($e->errorInfo[1] == 1062) { // Duplicate entry
|
||||||
|
$feedback = ['type' => 'error', 'message' => 'This email address has already been registered for this webinar.'];
|
||||||
|
} else {
|
||||||
|
$feedback = ['type' => 'error', 'message' => 'An error occurred during registration. Please try again.'];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<title>Register for Webinar</title>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--bg-color: #1A2035;
|
||||||
|
--primary-color: #F2A900;
|
||||||
|
--text-color: #FFFFFF;
|
||||||
|
--card-bg: #2A3045;
|
||||||
|
--error-color: #E57373;
|
||||||
|
--success-color: #81C784;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
background-color: var(--bg-color);
|
||||||
|
color: var(--text-color);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
max-width: 500px;
|
||||||
|
width: 100%;
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
.form-container {
|
||||||
|
background: var(--card-bg);
|
||||||
|
padding: 2.5rem;
|
||||||
|
border-radius: 12px;
|
||||||
|
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
color: var(--primary-color);
|
||||||
|
}
|
||||||
|
.webinar-info {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
color: #E0E0E0;
|
||||||
|
}
|
||||||
|
.form-group {
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
input[type="text"], input[type="email"] {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0.8rem;
|
||||||
|
border: 1px solid #4A5062;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: var(--bg-color);
|
||||||
|
color: var(--text-color);
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.submit-btn {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0.9rem;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: var(--primary-color);
|
||||||
|
color: var(--bg-color);
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.3s ease;
|
||||||
|
}
|
||||||
|
.submit-btn:hover {
|
||||||
|
background-color: #FFC107;
|
||||||
|
}
|
||||||
|
.feedback {
|
||||||
|
padding: 1rem;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
border-radius: 8px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.feedback.success {
|
||||||
|
background-color: var(--success-color);
|
||||||
|
color: #1B5E20;
|
||||||
|
}
|
||||||
|
.feedback.error {
|
||||||
|
background-color: var(--error-color);
|
||||||
|
color: #C62828;
|
||||||
|
}
|
||||||
|
.back-link {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 2rem;
|
||||||
|
color: var(--primary-color);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<div class="form-container">
|
||||||
|
<?php if ($feedback && $feedback['type'] === 'success'): ?>
|
||||||
|
<h1>Registration Successful!</h1>
|
||||||
|
<div class="feedback success"><?= htmlspecialchars($feedback['message']) ?></div>
|
||||||
|
<a href="index.php" class="back-link">← Back to Webinars</a>
|
||||||
|
<?php elseif ($webinar): ?>
|
||||||
|
<h1>Register for Webinar</h1>
|
||||||
|
<p class="webinar-info">You are registering for: <strong><?= htmlspecialchars($webinar['title']) ?></strong></p>
|
||||||
|
|
||||||
|
<?php if ($feedback && $feedback['type'] === 'error'): ?>
|
||||||
|
<div class="feedback error"><?= htmlspecialchars($feedback['message']) ?></div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<form action="register.php?webinar_id=<?= $webinar_id ?>" method="POST">
|
||||||
|
<input type="hidden" name="webinar_id" value="<?= $webinar_id ?>">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="name">Full Name</label>
|
||||||
|
<input type="text" id="name" name="name" required>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="email">Email Address</label>
|
||||||
|
<input type="email" id="email" name="email" required>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="submit-btn">Register Now</button>
|
||||||
|
</form>
|
||||||
|
<a href="index.php" class="back-link">← Cancel</a>
|
||||||
|
<?php else: ?>
|
||||||
|
<h1>Webinar Not Found</h1>
|
||||||
|
<p style="text-align:center">The requested webinar could not be found.</p>
|
||||||
|
<a href="index.php" class="back-link">← Back to Webinars</a>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user