From cb345c3415b6a09a12b794904bbd85ef7c67af7e Mon Sep 17 00:00:00 2001 From: ilotterytea Date: Sat, 19 Apr 2025 21:13:24 +0500 Subject: feat: navigation bar and sidebar --- public/emotes/index.php | 2 + public/static/style.css | 26 ++++++++- src/emotes/multiple_page.php | 44 ++++++++------- src/emotes/single_page.php | 129 +++++++++++++++++++++++-------------------- src/partials.php | 31 +++++++++++ 5 files changed, 152 insertions(+), 80 deletions(-) create mode 100644 src/partials.php diff --git a/public/emotes/index.php b/public/emotes/index.php index a4bf585..c73b3d0 100644 --- a/public/emotes/index.php +++ b/public/emotes/index.php @@ -58,6 +58,8 @@ $id = str_replace("/", "", $id); $emotes = null; $emote = null; +include "../../src/partials.php"; + if ($id == "" || !is_numeric($id)) { $page = intval($_GET["p"] ?? "0"); $limit = 50; diff --git a/public/static/style.css b/public/static/style.css index f4d8380..8f4c95b 100644 --- a/public/static/style.css +++ b/public/static/style.css @@ -34,9 +34,10 @@ table.vertical td { .wrapper { flex-grow: 1; display: flex; + flex-direction: column; } -main.content { +section.content { flex-grow: 1; display: flex; flex-direction: column; @@ -44,6 +45,29 @@ main.content { margin: 6px; } +.page { + display: flex; + flex-direction: row; +} + +/** +----------- + NAVBAR +----------- +*/ + +.navbar { + display: flex; + flex-direction: row; + padding: 4px; +} + +.navbar .links { + display: flex; + align-items: end; + gap: 4px; +} + /** ------------- BUTTONS diff --git a/src/emotes/multiple_page.php b/src/emotes/multiple_page.php index e46c7ab..8e2b4d7 100644 --- a/src/emotes/multiple_page.php +++ b/src/emotes/multiple_page.php @@ -8,26 +8,32 @@
-
-
-
- -
-
- get_id() . "\">"; - echo "get_id() . "/2x." . $e->get_ext() . "\" alt=\"" . $e->get_code() . "\"/>"; - echo "

" . $e->get_code() . "

"; - echo ""; + +
+
+ +
+
+
+
+ +
+
+ get_id() . "\">"; + echo "get_id() . "/2x." . $e->get_ext() . "\" alt=\"" . $e->get_code() . "\"/>"; + echo "

" . $e->get_code() . "

"; + echo ""; + } + } else { + // info + echo ""; } - } else { - // info - echo ""; - } - ?> -
+ ?> +
+
diff --git a/src/emotes/single_page.php b/src/emotes/single_page.php index 254e0e9..434b0da 100644 --- a/src/emotes/single_page.php +++ b/src/emotes/single_page.php @@ -8,71 +8,80 @@
-
-
-
- Emote - get_code() ?> -
-
-
- <?php echo $emote->get_code() ?> - <?php echo $emote->get_code() ?> - <?php echo $emote->get_code() ?> -
-
+ +
+
+
+
+
+
+ Emote - get_code() ?> +
+
+
+ <?php echo $emote->get_code() ?> + <?php echo $emote->get_code() ?> + <?php echo $emote->get_code() ?> +
+
+
-
-
-
- - -
-
-
-
- - - -
-
- - - -
- Report - emote -
-
+
+
+
+ + +
+
+
+
+ + + +
+
+ + + +
+ Report + emote +
+
-
- - - - - - - - - -
Uploader' . "someone" . ', '; - echo date("d M Y", $emote->get_created_at()); - ?>
RatingNot rated
-
+
+ + + + + + + + + +
Uploader' . "someone" . ', '; + echo date("d M Y", $emote->get_created_at()); + ?>
RatingNot rated
+
-
-
-

Added in channels

-
- forsen - not_forsen - lidl_forsen +
+
+

Added in channels

+
+ forsen + not_forsen + lidl_forsen +
-
+
diff --git a/src/partials.php b/src/partials.php new file mode 100644 index 0000000..c5170af --- /dev/null +++ b/src/partials.php @@ -0,0 +1,31 @@ + +
+

AlrightTV

+
+ Emotes + Upload + Log in... +
+
+ +
+
+ Search... +
+
+
+
+ +
+
+
+