From 12a2ae7116f795e4f994c69c7979f55ccbf712da Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Fri, 28 Nov 2025 18:47:44 +0000 Subject: [PATCH] Hamster.1.01.001 --- assets/css/custom.css | 139 ++++++++++++++++++++++++++++++++++++++++++ assets/js/main.js | 14 +++++ index.php | 18 +++--- video.php | 97 +++++++++++++++++++++++++++++ 4 files changed, 258 insertions(+), 10 deletions(-) create mode 100644 assets/css/custom.css create mode 100644 assets/js/main.js create mode 100644 video.php diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..7ddf7c1 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,139 @@ + +body { + background-color: #121212; + color: #FFFFFF; + font-family: 'Roboto', sans-serif; +} + +.video-container { + width: 100%; + max-width: 1200px; + margin: 0 auto; + padding: 24px; +} + +.video-player { + background-color: #000000; + width: 100%; + height: 0; + padding-bottom: 56.25%; /* 16:9 aspect ratio */ + position: relative; + border-radius: 8px; + margin-bottom: 16px; +} + +.video-player-placeholder { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + font-size: 24px; +} + +.video-title { + font-size: 24px; + font-weight: 700; + margin-bottom: 8px; +} + +.video-stats { + display: flex; + align-items: center; + color: #AAAAAA; + margin-bottom: 16px; +} + +.video-stats span { + margin-right: 16px; +} + +.action-buttons .btn { + margin-right: 8px; + background-color: #282828; + border: none; + color: #FFFFFF; +} + +.action-buttons .btn:hover { + background-color: #383838; +} + +.channel-info { + display: flex; + align-items: center; + padding: 16px 0; + border-top: 1px solid #383838; + border-bottom: 1px solid #383838; + margin-bottom: 16px; +} + +.channel-info img { + border-radius: 50%; + width: 48px; + height: 48px; + margin-right: 12px; +} + +.channel-name { + font-weight: 700; +} + +.channel-subs { + color: #AAAAAA; +} + +.subscribe-btn { + background-color: #E50914; + color: #FFFFFF; + font-weight: 700; +} + +.description-box { + background-color: #1E1E1E; + padding: 16px; + border-radius: 8px; + margin-bottom: 24px; + cursor: pointer; +} + +.description-content { + display: none; + margin-top: 12px; +} + +.comments-section h3 { + margin-bottom: 16px; +} + +.comment { + display: flex; + margin-bottom: 16px; +} + +.comment img { + border-radius: 50%; + width: 40px; + height: 40px; + margin-right: 12px; +} + +.comment-body { + flex: 1; +} + +.comment-author { + font-weight: 700; +} + +.comment-text { + margin-bottom: 4px; +} + +.comment-actions { + color: #AAAAAA; + font-size: 12px; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..349d7e1 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,14 @@ +document.addEventListener('DOMContentLoaded', function() { + const descriptionBox = document.querySelector('.description-box'); + const descriptionContent = document.querySelector('.description-content'); + + if (descriptionBox) { + descriptionBox.addEventListener('click', () => { + if (descriptionContent.style.display === 'none' || descriptionContent.style.display === '') { + descriptionContent.style.display = 'block'; + } else { + descriptionContent.style.display = 'none'; + } + }); + } +}); diff --git a/index.php b/index.php index 7205f3d..50d12d3 100644 --- a/index.php +++ b/index.php @@ -132,19 +132,17 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? ''; -
-
-

Analyzing your requirements and generating your website…

-
- Loading… +
+
+
+

Welcome to MyTube

+

A new place to share and watch videos. Check out our first featured video!

+ Watch Video
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-