Hugging Face's logo

Spaces:
GarGerry
/
Flux-web
Running

App Files Community
GarGerry commited on
Commit
74a08e5
·
verified ·
1 Parent(s): c7652f6

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +19 -72
index.html CHANGED
@@ -1,29 +1,17 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Portfolio Interaktif</title>
7
- <link rel="stylesheet" href="style.css">
8
- </head>
9
- <body>
10
- <header>
11
- <h1>Selamat Datang di Portfolio Saya</h1>
12
- <span class="burger-menu" id="menuToggle">☰</span>
13
- <nav>
14
- <ul id="navMenu">
15
- <li><a href="#home">Home</a></li>
16
- <li><a href="#skills">Skills</a></li>
17
- <li><a href="#projects">Projects</a></li>
18
- <li><a href="#contact">Contact</a></li>
19
- </ul>
20
- </nav>
21
- <!-- Tombol Mode Gelap dengan Ikon -->
22
- <button id="toggleDarkMode" aria-label="Toggle Dark Mode">🌙</button>
23
- </header>
24
 
25
- <section id="home">
26
- <h2>Hi, Saya Teggar</h2>
 
27
  <p>Seorang developer AI dan Blockchain yang selalu belajar.</p>
28
  </section>
29
 
@@ -53,54 +41,13 @@
53
  <form>
54
  <input type="text" placeholder="Nama" required>
55
  <input type="email" placeholder="Email" required>
56
- <textarea placeholder="Pesan"></textarea>
57
  <button type="submit">Kirim</button>
58
  </form>
59
  </section>
 
60
 
61
- <!-- Tombol "Tanya Saya" di bagian bawah -->
62
- <div class="chat-footer">
63
- <button id="chatButton">Tanya Saya</button>
64
- <div id="chatbox" class="hidden">
65
- <p id="chatMessage">Halo! Saya adalah chatbot mini. Tanyakan apa saja tentang saya!</p>
66
- </div>
67
- </div>
68
-
69
- <footer>
70
- <p>&copy; 2025 [Nama Kamu]</p>
71
- </footer>
72
-
73
- <!-- JavaScript -->
74
- <script>
75
- // Fungsi untuk mengubah mode gelap
76
- const toggleDarkModeButton = document.getElementById("toggleDarkMode");
77
-
78
- // Cek apakah mode gelap sudah dipilih sebelumnya
79
- if (localStorage.getItem('darkMode') === 'enabled') {
80
- document.body.classList.add('dark-mode');
81
- toggleDarkModeButton.textContent = '☀️'; // Ubah ikon ke matahari
82
- }
83
-
84
- // Event listener untuk tombol mode gelap
85
- toggleDarkModeButton.addEventListener("click", function () {
86
- document.body.classList.toggle("dark-mode");
87
-
88
- if (document.body.classList.contains("dark-mode")) {
89
- localStorage.setItem("darkMode", "enabled");
90
- toggleDarkModeButton.textContent = '☀️'; // Ubah ikon ke matahari
91
- } else {
92
- localStorage.setItem("darkMode", "disabled");
93
- toggleDarkModeButton.textContent = '🌙'; // Ubah ikon ke bulan
94
- }
95
- });
96
-
97
- // Fungsi untuk menu burger
98
- const menuToggle = document.getElementById("menuToggle");
99
- const navMenu = document.getElementById("navMenu");
100
-
101
- menuToggle.addEventListener("click", () => {
102
- navMenu.classList.toggle("active");
103
- });
104
- </script>
105
- </body>
106
- </html>
 
1
+ <header>
2
+ <h1>Selamat Datang di Portfolio Saya 🌙</h1>
3
+ <nav>
4
+ <ul>
5
+ <li><a href="#skills">Skills</a></li>
6
+ <li><a href="#projects">Projects</a></li>
7
+ <li><a href="#contact">Contact</a></li>
8
+ </ul>
9
+ </nav>
10
+ </header>
 
 
 
 
 
 
 
 
 
 
 
 
 
11
 
12
+ <main>
13
+ <section id="intro">
14
+ <h2>Hi, Saya [Nama Kamu]</h2>
15
  <p>Seorang developer AI dan Blockchain yang selalu belajar.</p>
16
  </section>
17
 
 
41
  <form>
42
  <input type="text" placeholder="Nama" required>
43
  <input type="email" placeholder="Email" required>
44
+ <textarea placeholder="Pesan" rows="4" required></textarea>
45
  <button type="submit">Kirim</button>
46
  </form>
47
  </section>
48
+ </main>
49
 
50
+ <footer>
51
+ <button id="chatButton">Tanya Saya</button>
52
+ <p>© 2025 [Nama Kamu]</p>
53
+ </footer>