client-sites/7xl-home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

AI update: שדרוג עיצוב משמעותי בהשראת אתר 7xlgame.com:

Browse Source 
1. פלטת צבעים חדשה:
   - רקע כהה עמוק (שחור/כחול כהה מאוד #0a0e17)
   - אקס
This commit is contained in:
ccadmingit1
2026-09-07 09:53:41 +00:00
parent a33d09856e
commit f06bfc63de
2 changed files with 562 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+44 -44
View File
@@ -8,7 +8,7 @@
<meta property="og:title" content="7XL - חווית הימורים ברמה אחרת">
<meta property="og:description" content="הימורי ספורט חי, קזינו אונליין, בונוסים שווים ואפליקציה מהירה">
<meta property="og:type" content="website">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%230a1628' width='100' height='100' rx='20'/><text x='50' y='68' text-anchor='middle' fill='%23d4af37' font-size='50' font-weight='600' font-family='system-ui'>7</text></svg>">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%230a0e17' width='100' height='100' rx='20'/><defs><linearGradient id='g' x1='0%25' y1='0%25' x2='100%25' y2='100%25'><stop offset='0%25' stop-color='%236366f1'/><stop offset='100%25' stop-color='%2322d3ee'/></linearGradient></defs><text x='50' y='68' text-anchor='middle' fill='url(%23g)' font-size='50' font-weight='600' font-family='system-ui'>7</text></svg>">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&family=Rubik:wght@400;500;600&display=swap" rel="stylesheet">
@@ -96,7 +96,7 @@
<span class="screen-balance">₪ 5,420</span>
</div>
<div class="screen-live-badge">
<span class="live-dot"></span>
<span class="live-dot" aria-hidden="true"></span>
<span lang="en">LIVE</span>
</div>
<div class="screen-match">
@@ -113,13 +113,13 @@
</div>
<div class="screen-games">
<div class="game-icon game-slots">
<svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="15" fill="#d4af37"/><text x="20" y="25" text-anchor="middle" fill="#0a1628" font-size="14" font-weight="600">7</text></svg>
<svg viewBox="0 0 40 40"><defs><linearGradient id="slotGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#6366f1"/><stop offset="100%" stop-color="#22d3ee"/></linearGradient></defs><circle cx="20" cy="20" r="15" fill="url(#slotGrad)"/><text x="20" y="25" text-anchor="middle" fill="#fff" font-size="14" font-weight="600">7</text></svg>
</div>
<div class="game-icon game-roulette">
<svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="15" fill="#ff6b35"/><circle cx="20" cy="20" r="8" fill="none" stroke="#fff" stroke-width="2"/></svg>
<svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="15" fill="#6366f1"/><circle cx="20" cy="20" r="8" fill="none" stroke="#22d3ee" stroke-width="2"/></svg>
</div>
<div class="game-icon game-cards">
<svg viewBox="0 0 40 40"><rect x="8" y="10" width="12" height="18" rx="2" fill="#fff"/><rect x="20" y="12" width="12" height="18" rx="2" fill="#d4af37"/></svg>
<svg viewBox="0 0 40 40"><rect x="8" y="10" width="12" height="18" rx="2" fill="#fff"/><rect x="20" y="12" width="12" height="18" rx="2" fill="#22d3ee"/></svg>
</div>
</div>
</div>
@@ -278,7 +278,7 @@
<div class="match-content">
<div class="team">
<div class="team-badge home" aria-hidden="true">
<svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="16" fill="#1a4d8f"/><text x="20" y="26" text-anchor="middle" fill="#fff" font-size="12" font-weight="500">מכבי</text></svg>
<svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="16" fill="#6366f1"/><text x="20" y="26" text-anchor="middle" fill="#fff" font-size="12" font-weight="500">מכבי</text></svg>
</div>
<span class="team-name">מכבי תל אביב</span>
</div>
@@ -289,7 +289,7 @@
</div>
<div class="team">
<div class="team-badge away" aria-hidden="true">
<svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="16" fill="#c41e3a"/><text x="20" y="26" text-anchor="middle" fill="#fff" font-size="12" font-weight="500">הפועל</text></svg>
<svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="16" fill="#22d3ee"/><text x="20" y="26" text-anchor="middle" fill="#0a0e17" font-size="12" font-weight="500">הפועל</text></svg>
</div>
<span class="team-name">הפועל באר שבע</span>
</div>
@@ -328,23 +328,23 @@
<svg class="roulette-wheel" viewBox="0 0 120 120">
<defs>
<linearGradient id="rouletteGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#1a0a2e"/>
<stop offset="100%" stop-color="#2d1b4e"/>
<stop offset="0%" stop-color="#0d1117"/>
<stop offset="100%" stop-color="#161b22"/>
</linearGradient>
</defs>
<circle cx="60" cy="60" r="55" fill="url(#rouletteGrad)" stroke="#d4af37" stroke-width="3"/>
<circle cx="60" cy="60" r="40" fill="none" stroke="#d4af37" stroke-width="1" opacity="0.5"/>
<circle cx="60" cy="60" r="25" fill="none" stroke="#d4af37" stroke-width="1" opacity="0.3"/>
<circle cx="60" cy="60" r="8" fill="#d4af37"/>
<circle cx="60" cy="60" r="55" fill="url(#rouletteGrad)" stroke="#6366f1" stroke-width="3"/>
<circle cx="60" cy="60" r="40" fill="none" stroke="#22d3ee" stroke-width="1" opacity="0.5"/>
<circle cx="60" cy="60" r="25" fill="none" stroke="#6366f1" stroke-width="1" opacity="0.3"/>
<circle cx="60" cy="60" r="8" fill="#22d3ee"/>
<g class="wheel-numbers">
<text x="60" y="18" text-anchor="middle" fill="#c41e3a" font-size="8" font-weight="500">32</text>
<text x="95" y="35" text-anchor="middle" fill="#1a1a1a" font-size="8" font-weight="500">15</text>
<text x="102" y="63" text-anchor="middle" fill="#c41e3a" font-size="8" font-weight="500">19</text>
<text x="95" y="90" text-anchor="middle" fill="#1a1a1a" font-size="8" font-weight="500">4</text>
<text x="60" y="107" text-anchor="middle" fill="#c41e3a" font-size="8" font-weight="500">21</text>
<text x="25" y="90" text-anchor="middle" fill="#1a1a1a" font-size="8" font-weight="500">2</text>
<text x="18" y="63" text-anchor="middle" fill="#c41e3a" font-size="8" font-weight="500">25</text>
<text x="25" y="35" text-anchor="middle" fill="#1a1a1a" font-size="8" font-weight="500">17</text>
<text x="60" y="18" text-anchor="middle" fill="#6366f1" font-size="8" font-weight="500">32</text>
<text x="95" y="35" text-anchor="middle" fill="#22d3ee" font-size="8" font-weight="500">15</text>
<text x="102" y="63" text-anchor="middle" fill="#6366f1" font-size="8" font-weight="500">19</text>
<text x="95" y="90" text-anchor="middle" fill="#22d3ee" font-size="8" font-weight="500">4</text>
<text x="60" y="107" text-anchor="middle" fill="#6366f1" font-size="8" font-weight="500">21</text>
<text x="25" y="90" text-anchor="middle" fill="#22d3ee" font-size="8" font-weight="500">2</text>
<text x="18" y="63" text-anchor="middle" fill="#6366f1" font-size="8" font-weight="500">25</text>
<text x="25" y="35" text-anchor="middle" fill="#22d3ee" font-size="8" font-weight="500">17</text>
</g>
</svg>
</div>
@@ -365,12 +365,12 @@
</linearGradient>
</defs>
<rect x="15" y="15" width="50" height="70" rx="4" fill="url(#cardGrad)" transform="rotate(-10 40 50)"/>
<text x="25" y="45" fill="#1a1a1a" font-size="18" font-weight="500" transform="rotate(-10 40 50)">A</text>
<text x="25" y="65" fill="#c41e3a" font-size="14" transform="rotate(-10 40 50)">♥</text>
<text x="25" y="45" fill="#0d1117" font-size="18" font-weight="500" transform="rotate(-10 40 50)">A</text>
<text x="25" y="65" fill="#6366f1" font-size="14" transform="rotate(-10 40 50)">♥</text>
<rect x="45" y="10" width="50" height="70" rx="4" fill="url(#cardGrad)" transform="rotate(5 70 45)"/>
<text x="55" y="40" fill="#1a1a1a" font-size="18" font-weight="500" transform="rotate(5 70 45)">K</text>
<text x="55" y="60" fill="#1a1a1a" font-size="14" transform="rotate(5 70 45)">♠</text>
<text x="90" y="90" fill="#d4af37" font-size="16" font-weight="500">21</text>
<text x="55" y="40" fill="#0d1117" font-size="18" font-weight="500" transform="rotate(5 70 45)">K</text>
<text x="55" y="60" fill="#22d3ee" font-size="14" transform="rotate(5 70 45)">♠</text>
<text x="90" y="90" fill="#22d3ee" font-size="16" font-weight="500">21</text>
</svg>
</div>
<div class="game-info">
@@ -383,15 +383,15 @@
<article class="game-card game-slots">
<div class="game-visual" aria-hidden="true">
<svg class="slot-machine" viewBox="0 0 120 100">
<rect x="15" y="10" width="90" height="80" rx="8" fill="#1a0a2e" stroke="#d4af37" stroke-width="2"/>
<rect x="25" y="25" width="22" height="35" rx="3" fill="#0a1628"/>
<rect x="52" y="25" width="22" height="35" rx="3" fill="#0a1628"/>
<rect x="79" y="25" width="22" height="35" rx="3" fill="#0a1628"/>
<text x="36" y="50" text-anchor="middle" fill="#d4af37" font-size="20" font-weight="500">7</text>
<text x="63" y="50" text-anchor="middle" fill="#d4af37" font-size="20" font-weight="500">7</text>
<text x="90" y="50" text-anchor="middle" fill="#d4af37" font-size="20" font-weight="500">7</text>
<rect x="50" y="68" width="20" height="15" rx="3" fill="#ff6b35"/>
<text x="60" y="80" text-anchor="middle" fill="#fff" font-size="8" font-weight="500" lang="en">SPIN</text>
<rect x="15" y="10" width="90" height="80" rx="8" fill="#0d1117" stroke="#6366f1" stroke-width="2"/>
<rect x="25" y="25" width="22" height="35" rx="3" fill="#161b22"/>
<rect x="52" y="25" width="22" height="35" rx="3" fill="#161b22"/>
<rect x="79" y="25" width="22" height="35" rx="3" fill="#161b22"/>
<text x="36" y="50" text-anchor="middle" fill="#6366f1" font-size="20" font-weight="500">7</text>
<text x="63" y="50" text-anchor="middle" fill="#22d3ee" font-size="20" font-weight="500">7</text>
<text x="90" y="50" text-anchor="middle" fill="#6366f1" font-size="20" font-weight="500">7</text>
<rect x="50" y="68" width="20" height="15" rx="3" fill="#22d3ee"/>
<text x="60" y="80" text-anchor="middle" fill="#0a0e17" font-size="8" font-weight="500" lang="en">SPIN</text>
</svg>
</div>
<div class="game-info">
@@ -404,15 +404,15 @@
<article class="game-card game-poker">
<div class="game-visual" aria-hidden="true">
<svg class="poker-chips" viewBox="0 0 120 100">
<ellipse cx="40" cy="70" rx="25" ry="10" fill="#c41e3a"/>
<ellipse cx="40" cy="65" rx="25" ry="10" fill="#e74c3c"/>
<ellipse cx="40" cy="60" rx="25" ry="10" fill="#c41e3a"/>
<ellipse cx="80" cy="60" rx="25" ry="10" fill="#1a4d8f"/>
<ellipse cx="80" cy="55" rx="25" ry="10" fill="#3498db"/>
<ellipse cx="80" cy="50" rx="25" ry="10" fill="#1a4d8f"/>
<ellipse cx="60" cy="40" rx="25" ry="10" fill="#1a5c1a"/>
<ellipse cx="60" cy="35" rx="25" ry="10" fill="#27ae60"/>
<ellipse cx="60" cy="30" rx="25" ry="10" fill="#1a5c1a"/>
<ellipse cx="40" cy="70" rx="25" ry="10" fill="#6366f1"/>
<ellipse cx="40" cy="65" rx="25" ry="10" fill="#818cf8"/>
<ellipse cx="40" cy="60" rx="25" ry="10" fill="#6366f1"/>
<ellipse cx="80" cy="60" rx="25" ry="10" fill="#22d3ee"/>
<ellipse cx="80" cy="55" rx="25" ry="10" fill="#67e8f9"/>
<ellipse cx="80" cy="50" rx="25" ry="10" fill="#22d3ee"/>
<ellipse cx="60" cy="40" rx="25" ry="10" fill="#4f46e5"/>
<ellipse cx="60" cy="35" rx="25" ry="10" fill="#6366f1"/>
<ellipse cx="60" cy="30" rx="25" ry="10" fill="#4f46e5"/>
<text x="60" y="34" text-anchor="middle" fill="#fff" font-size="8" font-weight="500">500</text>
</svg>
</div>
style.css
+518 -228
View File
File diff suppressed because it is too large Load Diff