JIT
Tworzenie atrakcyjnego itemshopu do Roblox z portfelem i doładowaniem
Log in
@enyk3245
chce itemshop do roblox to ma być mega mega łądne dodaj portfel dodaj 0,00zł jak się kliknie na portfel jest tam doładuj i dodaj na wpisanie kwoty i dostajesz
Gemini 2.0 Flash
Updated files
v1
@enyk3245
to ma być mega mega łądne
Gemini 2.0 Flash
Updated files
v2
@enyk3245
to ma być mega mega łądne to ma być itemshop do roblox do gry rivals dodaj wybory gier dodaj doładowania hasju wszystko ma działać kupowanie dodaj spin codzienny i dodaj że wszystko co zdobyłeś się zapisuje
Gemini 2.0 Flash
Updated files
v3
@enyk3245
dodaj nagrody od 1 grosza do 100zł moża wylosować ale dodaj animacje i napisane ile wylosujesz i dostajesz dą kase
Gemini 2.0 Flash
Updated files
v4
@enyk3245
dodaj wiecej żeczy dodaj mega edycje mega ładną wszystko ma inaczej wyglądać
Gemini 2.0 Flash
Updated files
v5
@enyk3245
© 2024 Item Shop - Mega Edition usuń to
Gemini 2.0 Flash
Updated files
v6
@enyk3245
wyłacz doładowania dodaj tylko rivals usuń gre 2 i 3 i usuń ten pasek na dole i dodaj że jak nie masz wystarcczającą kwote to pokazuje masz za mało hajsu a i dodaj logowanie i reirter ma działać jak nie edzie to nie fajnie ma być mega łądna logowanie i regirter
Gemini 2.0 Flash

html <jitProject id="roblox-item-shop-rivals-mega-edition-login" title="Roblox Item Shop - Rivals Mega Edition with Login"> <jitFile type="file" filePath="index.html"> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Item Shop - Rivals Mega Edition</title> <link rel="stylesheet" href="styles.css" /> </head> <body> <div id="auth-container"> <div id="login-form"> <h2>Zaloguj się</h2> <input type="text" id="login-username" placeholder="Nazwa użytkownika" /> <input type="password" id="login-password" placeholder="Hasło" /> <button id="login-button">Zaloguj</button> <p>Nie masz konta? <a href="#" id="show-register-link">Zarejestruj się</a></p> <div id="login-error" class="error-message" style="display:none;"></div> </div>

      <div id="register-form" style="display:none;">
        <h2>Zarejestruj się</h2>
        <input type="text" id="register-username" placeholder="Nazwa użytkownika" />
        <input type="password" id="register-password" placeholder="Hasło" />
        <button id="register-button">Zarejestruj</button>
        <p>Masz już konto? <a href="#" id="show-login-link">Zaloguj się</a></p>
        <div id="register-error" class="error-message" style="display:none;"></div>
      </div>
    </div>

    <header style="display:none;">
      <div class="container">
        <h1>Rivals Item Shop</h1>
        <div id="wallet">
          <button id="wallet-button">Portfel: 0.00 zł</button>
        </div>
      </div>
    </header>
    <main style="display:none;">
      <div class="container">
        <section id="daily-spin">
          <h2>Codzienny Bonus - Zakręć i Wygraj!</h2>
          <div id="spinner-container">
            <div id="spinner">
              <div class="spin-sector">1 gr</div>
              <div class="spin-sector">5 gr</div>
              <div class="spin-sector">10 gr</div>
              <div class="spin-sector">20 gr</div>
              <div class="spin-sector">50 gr</div>
              <div class="spin-sector">1 zł</div>
              <div class="spin-sector">5 zł</div>
              <div class="spin-sector">10 zł</div>
              <div class="spin-sector">20 zł</div>
              <div class="spin-sector">50 zł</div>
              <div class="spin-sector">100 zł</div>
              <div class="spin-sector">2 zł</div>
            </div>
            <button id="spin-button">Zakręć</button>
          </div>
          <div id="spin-result" style="display:none;">
            Gratulacje! Wygrałeś: <span id="spin-reward"></span>!
          </div>
        </section>
        <section id="items">
          <h2>Mega Oferta Przedmiotów</h2>
          <div class="item">
            <img src="item1.png" alt="Super Miecz" />
            <h3>Super Miecz</h3>
            <p>Legendarny miecz dla prawdziwych wojowników.</p>
            <button class="buy-button" data-item-id="super-miecz" data-price="25">Kup - 25 zł</button>
          </div>
          <div class="item">
            <img src="item2.png" alt="Zbroja Tytana" />
            <h3>Zbroja Tytana</h3>
            <p>Niezniszczalna zbroja, która ochroni Cię w każdej bitwie.</p>
            <button class="buy-button" data-item-id="zbroja-tytana" data-price="40">Kup - 40 zł</button>
          </div>
          <div class="item">
            <img src="item3.png" alt="Eliksir Mocy" />
            <h3>Eliksir Mocy</h3>
            <p>Wypij eliksir, aby zyskać niesamowitą siłę na 5 minut.</p>
            <button class="buy-button" data-item-id="eliksir-mocy" data-price="15">Kup - 15 zł</button>
          </div>
          <div class="item">
            <img src="item4.png" alt="Klucz do Skarbca" />
            <h3>Klucz do Skarbca</h3>
            <p>Otwórz skrzynię pełną skarbów i rzadkich przedmiotów.</p>
            <button class="buy-button" data-item-id="klucz-skarbca" data-price="30">Kup - 30 zł</button>
          </div>
          <div class="item">
            <img src="item5.png" alt="Magiczny Amulet" />
            <h3>Magiczny Amulet</h3>
            <p>Amulet, który zwiększa Twoje szczęście i magiczne zdolności.</p>
            <button class="buy-button" data-item-id="magiczny-amulet" data-price="20">Kup - 20 zł</button>
          </div>
          <div class="item">
            <img src="item6.png" alt="Runa Prędkości" />
            <h3>Runa Prędkości</h3>
            <p>Runa, która zwiększa Twoją szybkość poruszania się o 30% na stałe.</p>
            <button class="buy-button" data-item-id="runa-predkosci" data-price="35">Kup - 35 zł</button>
          </div>
        </section>
      </div>
    </main>
    <script src="script.js"></script>
  </body>
</html>
</jitFile> <jitFile type="file" filePath="styles.css"> body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; background: #121212; color: #fff; line-height: 1.7; display: flex; justify-content: center; align-items: center; min-height: 100vh; } 
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px;
}

#auth-container {
  background: #1e1e1e;
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
  padding: 40px;
  width: 400px;
  text-align: center;
}

#login-form h2, #register-form h2 {
  color: #eee;
  margin-bottom: 25px;
  font-size: 2em;
}

#login-form input, #register-form input {
  width: 100%;
  padding: 12px;
  margin-bottom: 20px;
  border-radius: 8px;
  border: 1px solid #555;
  background-color: #333;
  color: #fff;
  font-size: 1em;
  box-sizing: border-box;
}

#login-form button, #register-form button {
  background-color: #03A9F4;
  color: white;
  border: none;
  padding: 12px 20px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 1.1em;
  transition: background-color 0.3s ease;
  width: 100%;
}

#login-form button:hover, #register-form button:hover {
  background-color: #039BE5;
}

#login-form p, #register-form p {
  margin-top: 20px;
  color: #ccc;
}

#login-form a, #register-form a {
  color: #03A9F4;
  text-decoration: none;
}

#login-form a:hover, #register-form a:hover {
  text-decoration: underline;
}

header {
  background: linear-gradient(135deg, #2e3192, #1eacc7);
  padding: 30px 0;
  margin-bottom: 30px;
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header h1 {
  margin: 0;
  font-size: 2.5em;
  letter-spacing: 1px;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

#wallet {
  margin: 15px;
}

#wallet-button {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 12px 20px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 1.1em;
  transition: background-color 0.3s ease;
}

#wallet-button:hover {
  background-color: #43A047;
}

main {
  padding-bottom: 0;
}

#daily-spin, #items {
  background-color: #1e1e1e;
  border-radius: 15px;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  text-align: center;
}

#daily-spin h2, #items h2 {
  margin-top: 0;
  color: #eee;
  font-size: 2em;
  margin-bottom: 20px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

#spinner-container {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 30px auto;
}

#spinner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  transition: transform 6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border: 4px solid #333;
}

.spin-sector {
  position: absolute;
  width: 50%;
  height: 50%;
  transform-origin: 100% 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  font-weight: bold;
  font-size: 1.1em;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}

.spin-sector:nth-child(1) { transform: rotate(0deg); background-color: #e53935; }
.spin-sector:nth-child(2) { transform: rotate(30deg); background-color: #d81b60; }
.spin-sector:nth-child(3) { transform: rotate(60deg); background-color: #8e24aa; }
.spin-sector:nth-child(4) { transform: rotate(90deg); background-color: #5e35b1; }
.spin-sector:nth-child(5) { transform: rotate(120deg); background-color: #3949ab; }
.spin-sector:nth-child(6) { transform: rotate(150deg); background-color: #1e88e5; }
.spin-sector:nth-child(7) { transform: rotate(180deg); background-color: #00acc1; }
.spin-sector:nth-child(8) { transform: rotate(210deg); background-color: #00897b; }
.spin-sector:nth-child(9) { transform: rotate(240deg); background-color: #43a047; }
.spin-sector:nth-child(10) { transform: rotate(270deg); background-color: #7cb342; }
.spin-sector:nth-child(11) { transform: rotate(300deg); background-color: #fdd835; }
.spin-sector:nth-child(12) { transform: rotate(330deg); background-color: #ff6f00; }

#spin-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffc107;
  color: #222;
Updated files
v7
@enyk3245
to ma być mega łądne i działać
Gemini 2.0 Flash

html

Updated files
v8
@enyk3245
shop inaczej wygląda napraw wszystko ma być mega mega ładne dodaj animacje wszystko animacje zdjęcia broni z rivals
Gemini 2.0 Flash
@enyk3245
Gemini 2.0 Flash
@enyk3245
Gemini 2.0 Flash
@enyk3245
Gemini 2.0 Flash
@enyk3245