Files
XIP/maquettes/chat/v2.svg
2026-05-23 17:26:48 +02:00

188 lines
11 KiB
XML

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
<defs>
<style>
.mono { font-family: 'Courier New', Courier, monospace; }
.sans { font-family: Arial, Helvetica, sans-serif; }
.ip { font-family: 'Courier New', Courier, monospace; font-size: 12px; font-weight: bold; fill: #7a7a7a; }
.ts { font-family: 'Courier New', Courier, monospace; font-size: 10px; fill: #2e2e2e; }
.msg { font-family: Arial, Helvetica, sans-serif; font-size: 13px; fill: #bababa; }
.sep { stroke: #181818; stroke-width: 1; }
</style>
</defs>
<!-- ══ FOND ══ -->
<rect width="1280" height="720" fill="#0d0d0d"/>
<!-- ══════════════════════════════
BANDE PUB GAUCHE 130px
══════════════════════════════ -->
<rect x="0" y="0" width="130" height="720" fill="#111" stroke="#1a1a1a" stroke-width="1"/>
<rect x="4" y="4" width="122" height="14" fill="#161616" rx="2"/>
<text x="65" y="15" fill="#383838" text-anchor="middle" class="sans" font-size="8">PUBLICITÉ</text>
<!-- Ad 1: NOVA STORE -->
<rect x="4" y="22" width="122" height="188" fill="#161616" stroke="#222" rx="3"/>
<rect x="4" y="22" width="122" height="52" fill="#1c1c1c" rx="3"/>
<text x="65" y="44" fill="#5a5a5a" text-anchor="middle" class="sans" font-size="14" font-weight="bold">NOVA</text>
<text x="65" y="62" fill="#484848" text-anchor="middle" class="sans" font-size="9">STORE 2026</text>
<rect x="14" y="83" width="102" height="64" fill="#111" rx="2"/>
<text x="65" y="118" fill="#404040" text-anchor="middle" class="sans" font-size="26">&#128722;</text>
<text x="65" y="166" fill="#484848" text-anchor="middle" class="sans" font-size="10">DÉCOUVRIR</text>
<text x="65" y="198" fill="#303030" text-anchor="middle" class="sans" font-size="8">nova-store.io</text>
<!-- Ad 2: APEX GEAR -->
<rect x="4" y="218" width="122" height="188" fill="#161616" stroke="#222" rx="3"/>
<rect x="4" y="218" width="122" height="52" fill="#141e14" rx="3"/>
<text x="65" y="240" fill="#447744" text-anchor="middle" class="sans" font-size="12" font-weight="bold">APEX GEAR</text>
<text x="65" y="257" fill="#336633" text-anchor="middle" class="sans" font-size="9">Gaming Setup</text>
<rect x="14" y="278" width="102" height="64" fill="#111" rx="2"/>
<text x="65" y="313" fill="#336633" text-anchor="middle" class="sans" font-size="26">&#127918;</text>
<text x="65" y="360" fill="#3a5a3a" text-anchor="middle" class="sans" font-size="10">ACHETER</text>
<text x="65" y="394" fill="#2a3a2a" text-anchor="middle" class="sans" font-size="8">apex-gear.com</text>
<!-- Ad 3: SHIELDVPN -->
<rect x="4" y="414" width="122" height="188" fill="#161616" stroke="#222" rx="3"/>
<rect x="4" y="414" width="122" height="52" fill="#14141e" rx="3"/>
<text x="65" y="436" fill="#4455aa" text-anchor="middle" class="sans" font-size="11" font-weight="bold">SHIELDVPN</text>
<text x="65" y="452" fill="#3a4488" text-anchor="middle" class="sans" font-size="9">Sécurité totale</text>
<rect x="14" y="474" width="102" height="64" fill="#111" rx="2"/>
<text x="65" y="509" fill="#3a4488" text-anchor="middle" class="sans" font-size="26">&#128274;</text>
<text x="65" y="556" fill="#3a4488" text-anchor="middle" class="sans" font-size="10">ESSAI GRATUIT</text>
<text x="65" y="590" fill="#2a3366" text-anchor="middle" class="sans" font-size="8">shieldvpn.net</text>
<!-- ══════════════════════════════
TOGGLE MENU DROIT 35px
══════════════════════════════ -->
<rect x="1245" y="0" width="35" height="720" fill="#111" stroke="#1a1a1a" stroke-width="1"/>
<line x1="1253" y1="18" x2="1272" y2="18" stroke="#3a3a3a" stroke-width="2" stroke-linecap="round"/>
<line x1="1253" y1="26" x2="1272" y2="26" stroke="#3a3a3a" stroke-width="2" stroke-linecap="round"/>
<line x1="1253" y1="34" x2="1272" y2="34" stroke="#3a3a3a" stroke-width="2" stroke-linecap="round"/>
<!-- ══════════════════════════════
ZONE CHAT PRINCIPALE 1115px
══════════════════════════════ -->
<rect x="130" y="0" width="1115" height="720" fill="#0d0d0d"/>
<!-- ── EN-TÊTE ── -->
<rect x="130" y="0" width="1115" height="52" fill="#111" stroke="#1a1a1a" stroke-width="1"/>
<text x="158" y="24" fill="#d0d0d0" class="sans" font-size="17" font-weight="bold">XIP</text>
<text x="190" y="20" fill="#cccccc" class="sans" font-size="14" font-weight="bold">Chat</text>
<circle cx="206" cy="36" r="5" fill="#2d4a2d"/>
<circle cx="206" cy="36" r="3" fill="#3a8a3a"/>
<text x="218" y="41" fill="#3a6a3a" class="sans" font-size="11">312 connectés</text>
<rect x="1050" y="14" width="95" height="24" fill="#1a1a1a" stroke="#262626" rx="12"/>
<text x="1097" y="30" fill="#4a4a4a" text-anchor="middle" class="sans" font-size="10"># général</text>
<line x1="130" y1="52" x2="1245" y2="52" stroke="#1a1a1a" stroke-width="1"/>
<!-- ── MESSAGES ── -->
<!-- 1: 192.168.1.45 -->
<text x="155" y="76" class="ip">192.168.1.45</text>
<text x="277" y="76" class="ts">17:42</text>
<text x="155" y="93" class="msg">Salut tout le monde !</text>
<line x1="155" y1="102" x2="1230" y2="102" class="sep"/>
<!-- 2: 10.0.0.187 -->
<text x="155" y="119" class="ip">10.0.0.187</text>
<text x="253" y="119" class="ts">17:43</text>
<text x="155" y="136" class="msg">Vous avez vu les nouveautés du shop ce soir ?</text>
<line x1="155" y1="145" x2="1230" y2="145" class="sep"/>
<!-- 3: 172.16.254.1 -->
<text x="155" y="162" class="ip">172.16.254.1</text>
<text x="271" y="162" class="ts">17:43</text>
<text x="155" y="179" class="msg">Ouais j'ai check, les prix sont vraiment corrects</text>
<line x1="155" y1="188" x2="1230" y2="188" class="sep"/>
<!-- 4: 203.0.113.42 -->
<text x="155" y="205" class="ip">203.0.113.42</text>
<text x="275" y="205" class="ts">17:44</text>
<text x="155" y="222" class="msg">lol ça spam trop ce soir</text>
<line x1="155" y1="231" x2="1230" y2="231" class="sep"/>
<!-- 5: 10.10.10.99 -->
<text x="155" y="248" class="ip">10.10.10.99</text>
<text x="255" y="248" class="ts">17:44</text>
<text x="155" y="265" class="msg">@203.0.113.42 t'as raison mais c'est le fun quand même</text>
<line x1="155" y1="274" x2="1230" y2="274" class="sep"/>
<!-- 6: 192.168.1.1 -->
<text x="155" y="291" class="ip">192.168.1.1</text>
<text x="252" y="291" class="ts">17:45</text>
<text x="155" y="308" class="msg">Le chat est bien actif ce soir, j'aime ça</text>
<line x1="155" y1="317" x2="1230" y2="317" class="sep"/>
<!-- 7: 10.0.0.253 -->
<text x="155" y="334" class="ip">10.0.0.253</text>
<text x="252" y="334" class="ts">17:45</text>
<text x="155" y="351" class="msg">Quelqu'un sait comment configurer le stream ?</text>
<line x1="155" y1="360" x2="1230" y2="360" class="sep"/>
<!-- 8: 192.168.1.45 (réponse) -->
<text x="155" y="377" class="ip">192.168.1.45</text>
<text x="277" y="377" class="ts">17:46</text>
<text x="155" y="394" class="msg">Vérife dans Paramètres &#x2192; onglet Diffusion</text>
<line x1="155" y1="403" x2="1230" y2="403" class="sep"/>
<!-- 9: 172.31.0.5 -->
<text x="155" y="420" class="ip">172.31.0.5</text>
<text x="247" y="420" class="ts">17:46</text>
<text x="155" y="437" class="msg">Le drop de demain va être chaud, j'ai les infos du shop</text>
<line x1="155" y1="446" x2="1230" y2="446" class="sep"/>
<!-- 10: 10.0.0.187 -->
<text x="155" y="463" class="ip">10.0.0.187</text>
<text x="253" y="463" class="ts">17:47</text>
<text x="155" y="480" class="msg">Sérieux ? T'as accès aux infos du shop ?</text>
<line x1="155" y1="489" x2="1230" y2="489" class="sep"/>
<!-- 11: 192.168.100.2 -->
<text x="155" y="506" class="ip">192.168.100.2</text>
<text x="271" y="506" class="ts">17:47</text>
<text x="155" y="523" class="msg">Pas accès direct mais j'ai des sources 😏</text>
<line x1="155" y1="532" x2="1230" y2="532" class="sep"/>
<!-- 12: 10.0.1.15 -->
<text x="155" y="549" class="ip">10.0.1.15</text>
<text x="241" y="549" class="ts">17:48</text>
<text x="155" y="566" class="msg">Quel canal pour les annonces du shop ?</text>
<!-- ══ PUB GAMBLING (droite, lumineux) ══ -->
<!-- Fond rouge sombre -->
<rect x="966" y="162" width="248" height="258" fill="#1a0600" stroke="#cc4400" stroke-width="2" rx="6"/>
<!-- Header rouge vif -->
<rect x="966" y="162" width="248" height="54" fill="#220800" rx="6"/>
<text x="1090" y="187" fill="#ff5500" text-anchor="middle" class="sans" font-size="15" font-weight="bold">&#9824; CASINO LUCKY &#9824;</text>
<text x="1090" y="205" fill="#882200" text-anchor="middle" class="sans" font-size="9" letter-spacing="2">OFFRE EXCLUSIVE</text>
<line x1="966" y1="216" x2="1214" y2="216" stroke="#441400" stroke-width="1"/>
<!-- Zone bonus -->
<rect x="976" y="224" width="228" height="82" fill="#1e0c00" rx="4"/>
<text x="1090" y="258" fill="#ffaa00" text-anchor="middle" class="sans" font-size="30" font-weight="bold">+200%</text>
<text x="1090" y="278" fill="#ff8800" text-anchor="middle" class="sans" font-size="12">sur votre 1er dépôt</text>
<text x="1090" y="295" fill="#cc5500" text-anchor="middle" class="sans" font-size="10">jusqu'&#x00E0; 500&#x20AC; offerts</text>
<!-- 7 7 7 avec déco -->
<text x="980" y="338" fill="#ffcc00" class="sans" font-size="26">&#9830;</text>
<text x="1030" y="340" fill="#ffffff" class="sans" font-size="30" font-weight="bold">7</text>
<text x="1070" y="340" fill="#ffaa00" class="sans" font-size="30" font-weight="bold">7</text>
<text x="1110" y="340" fill="#ffffff" class="sans" font-size="30" font-weight="bold">7</text>
<text x="1154" y="338" fill="#ffcc00" class="sans" font-size="26">&#9824;</text>
<!-- CTA rouge vif -->
<rect x="976" y="350" width="228" height="38" fill="#cc2200" rx="19"/>
<text x="1090" y="374" fill="#ffffff" text-anchor="middle" class="sans" font-size="13" font-weight="bold">JOUER MAINTENANT &#x2192;</text>
<!-- Disclaimer -->
<text x="1090" y="412" fill="#441400" text-anchor="middle" class="sans" font-size="7">18+ &#x2022; Jeu responsable &#x2022; casino-lucky.bet</text>
<!-- SCROLLBAR -->
<rect x="1229" y="52" width="8" height="598" fill="#090909" stroke="#141414" stroke-width="1"/>
<rect x="1230" y="390" width="6" height="140" fill="#1e1e1e" rx="3"/>
<!-- ── ZONE DE SAISIE ── -->
<rect x="130" y="650" width="1115" height="70" fill="#111" stroke="#1a1a1a" stroke-width="1"/>
<rect x="178" y="661" width="927" height="47" fill="#181818" stroke="#252525" stroke-width="1" rx="23"/>
<text x="228" y="690" fill="#333" class="sans" font-size="13">Entrez un message...</text>
<!-- Bouton envoi -->
<circle cx="1151" cy="684" r="21" fill="#1a2a1a" stroke="#283828" stroke-width="1"/>
<polygon points="1143,679 1158,684 1143,689 1147,684" fill="#4a7a4a"/>
</svg>