From d39b808f65efcd285daf5a7ae634b663ba682565 Mon Sep 17 00:00:00 2001 From: Zeakeers <168440015+Zeakeers@users.noreply.github.com> Date: Thu, 27 Feb 2025 02:59:11 +0700 Subject: [PATCH] menambahkan kategori rating --- frontend/public/images/13+.png | Bin 0 -> 5264 bytes frontend/public/images/18+.png | Bin 0 -> 5781 bytes frontend/public/images/3+.png | Bin 0 -> 4841 bytes frontend/public/images/7+.png | Bin 0 -> 5695 bytes frontend/public/images/SU.png | Bin 0 -> 17650 bytes frontend/src/App.js | 1 - frontend/src/components/Footer.js | 2 +- frontend/src/components/KategoriRating.js | 81 ++++++++++++++++++++-- frontend/src/components/Tentang.js | 4 +- 9 files changed, 77 insertions(+), 11 deletions(-) create mode 100644 frontend/public/images/13+.png create mode 100644 frontend/public/images/18+.png create mode 100644 frontend/public/images/3+.png create mode 100644 frontend/public/images/7+.png create mode 100644 frontend/public/images/SU.png diff --git a/frontend/public/images/13+.png b/frontend/public/images/13+.png new file mode 100644 index 0000000000000000000000000000000000000000..3fd4284a4a11592024f44f677c411732ff97e5b0 GIT binary patch literal 5264 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 literal 0 HcmV?d00001 diff --git a/frontend/public/images/18+.png b/frontend/public/images/18+.png new file mode 100644 index 0000000000000000000000000000000000000000..5bf45de2857395853c6dbbcf321b357c0f2af59c GIT binary patch literal 5781 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 literal 0 HcmV?d00001 diff --git a/frontend/public/images/3+.png b/frontend/public/images/3+.png new file mode 100644 index 0000000000000000000000000000000000000000..8e8bf27ed3926962225d5c4da1ff2995a5bcf37c GIT binary patch literal 4841 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 RK76LIG*$IfYL#pw{|6cxB7Xn? literal 0 HcmV?d00001 diff --git a/frontend/public/images/7+.png b/frontend/public/images/7+.png new file mode 100644 index 0000000000000000000000000000000000000000..e262b2f73210ce5d5fe06a97d3cf317eedec20fb GIT binary patch literal 5695 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 Zj`sflyMu$jI|gt7sVQqIp%g6N{vSWy%P0T< literal 0 HcmV?d00001 diff --git a/frontend/public/images/SU.png b/frontend/public/images/SU.png new file mode 100644 index 0000000000000000000000000000000000000000..e9c35e3195ae8ab85c9580f6360427f5010fedb0 GIT binary patch literal 17650 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 EAI|ySc>n+a literal 0 HcmV?d00001 diff --git a/frontend/src/App.js b/frontend/src/App.js index d881d81..31682c0 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js @@ -89,7 +89,6 @@ const App = () => { {step === 0 && !rating && (

Rating Umur Game

)} - {/* Tombol kembali hanya muncul saat berada di pertanyaan */} {step > 0 && step <= questions.length && (
{step > 1 && ( diff --git a/frontend/src/components/Footer.js b/frontend/src/components/Footer.js index 0415025..8d029ff 100644 --- a/frontend/src/components/Footer.js +++ b/frontend/src/components/Footer.js @@ -3,7 +3,7 @@ import react from "react"; const Footer = () => { return (
-

© 2023 Rating Umur Game. All rights reserved.

+

© 2025 Rating Umur Game. All rights reserved.

Developed by Dimas Adi

diff --git a/frontend/src/components/KategoriRating.js b/frontend/src/components/KategoriRating.js index 7bd0d4b..4fb416a 100644 --- a/frontend/src/components/KategoriRating.js +++ b/frontend/src/components/KategoriRating.js @@ -1,12 +1,79 @@ -import react from "react"; +import React, { useState } from "react"; const KategoriRating = () => { - return ( -
- -

Worem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu

+ const [currentIndex, setCurrentIndex] = useState(0); + const cards = [ + { imageUrl: "/images/SU.png", text: "Semua Umur - Dapat dimainkan oleh semua orang tanpa batasan konten." }, + { imageUrl: "/images/3+.png", text: "Usia 3 Tahun Keatas - Tidak ada konten dewasa, perjudian, atau interaksi online." }, + { imageUrl: "/images/7+.png", text: "Usia 7 Tahun Keatas - Ada unsur ringan seperti kekerasan kartun atau bahasa ringan." }, + { imageUrl: "/images/13+.png", text: "Usia 13 Tahun Keatas - Ada kekerasan moderat, simulasi perjudian, atau tema horor." }, + { imageUrl: "/images/18+.png", text: "Usia 18 Tahun Keatas - Mengandung konten dewasa, kekerasan realistis, atau humor kasar." } + ]; + + const nextSlide = () => { + setCurrentIndex((prevIndex) => (prevIndex + 1) % cards.length); + }; + + const prevSlide = () => { + setCurrentIndex((prevIndex) => (prevIndex - 1 + cards.length) % cards.length); + }; + return ( +
+ {/* Teks di sebelah kiri */} +
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu + turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec + fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus + elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus. + Class aptent taciti sociosqu ad litora torquent per conubia. +

+
+ {/* Kotak putih sejajar kiri-kanan dengan efek flip */} +
+
+ {cards.slice(currentIndex, currentIndex + 2).map((card, index) => ( + + ))}
- ); +
+ + +
+
+
+ ); }; -export default KategoriRating \ No newline at end of file +const FlipCard = ({ imageUrl, text }) => { + const [flipped, setFlipped] = useState(false); + + return ( +
setFlipped(true)} + onMouseLeave={() => setFlipped(false)} + > +
+ {/* Depan - Gambar */} +
+ Gambar +
+ {/* Belakang - Teks */} +
+

{text}

+
+
+
+ ); +}; + +export default KategoriRating; + + + diff --git a/frontend/src/components/Tentang.js b/frontend/src/components/Tentang.js index 0fe411e..375b6f8 100644 --- a/frontend/src/components/Tentang.js +++ b/frontend/src/components/Tentang.js @@ -2,9 +2,9 @@ import react from "react"; const Tentang = () => { return ( -
+

Tentang

-

Worem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu

+

Worem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu

); };