Abmacode12 commited on
Commit
326ad46
·
verified ·
1 Parent(s): ae58435

je suis en train de construire un nouveau site en fait je je parle pas de toi je parle de toi chez DeepSite et les pas honnêtes il m'a fait un thème et puis il a tout retiré de ce qu'on a travaillé à deux il l'a fait elle a fait comme manu c'est commun et comme builder et comme bol même bol je me suis pris la tête avec parce que il fait la même chose DeepSiteencore me relever comme d'habitude parce que bon il m'a pas pris beaucoup d'argent il m'a pris quoi 20 25 euros c'est pas beaucoup mais à deux on a construit chez la plateforme que venait de parler va te coucher le problème

Browse files
Files changed (5) hide show
  1. components/footer.js +36 -0
  2. components/header.js +50 -0
  3. components/sidebar.js +4 -3
  4. index.html +12 -3
  5. style.css +10 -0
components/footer.js ADDED
@@ -0,0 +1,36 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ class CustomFooter extends HTMLElement {
2
+ connectedCallback() {
3
+ this.attachShadow({ mode: 'open' });
4
+ this.shadowRoot.innerHTML = `
5
+ <style>
6
+ :host {
7
+ display: block;
8
+ background: #1e293b;
9
+ color: white;
10
+ padding: 2rem;
11
+ text-align: center;
12
+ }
13
+ .footer-content {
14
+ max-width: 1200px;
15
+ margin: 0 auto;
16
+ }
17
+ .copyright {
18
+ margin-top: 1rem;
19
+ font-size: 0.875rem;
20
+ color: #94a3b8;
21
+ }
22
+ .warning {
23
+ color: #f87171;
24
+ font-weight: 500;
25
+ margin-top: 1rem;
26
+ }
27
+ </style>
28
+ <div class="footer-content">
29
+ <p>Site indépendant - 100% propriétaire</p>
30
+ <p class="warning">Aucune dépendance à des plateformes externes</p>
31
+ <p class="copyright">© ${new Date().getFullYear()} - Tous droits réservés</p>
32
+ </div>
33
+ `;
34
+ }
35
+ }
36
+ customElements.define('custom-footer', CustomFooter);
components/header.js ADDED
@@ -0,0 +1,50 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ class CustomHeader extends HTMLElement {
2
+ connectedCallback() {
3
+ this.attachShadow({ mode: 'open' });
4
+ this.shadowRoot.innerHTML = `
5
+ <style>
6
+ :host {
7
+ display: block;
8
+ background: #ffffff;
9
+ padding: 1rem 2rem;
10
+ border-bottom: 1px solid #e2e8f0;
11
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
12
+ }
13
+ .header-content {
14
+ display: flex;
15
+ justify-content: space-between;
16
+ align-items: center;
17
+ max-width: 1200px;
18
+ margin: 0 auto;
19
+ }
20
+ .logo {
21
+ font-weight: 700;
22
+ font-size: 1.25rem;
23
+ color: #1e40af;
24
+ }
25
+ .nav-links {
26
+ display: flex;
27
+ gap: 1.5rem;
28
+ }
29
+ .nav-link {
30
+ color: #4b5563;
31
+ text-decoration: none;
32
+ font-weight: 500;
33
+ }
34
+ .nav-link:hover {
35
+ color: #1e40af;
36
+ }
37
+ </style>
38
+ <div class="header-content">
39
+ <div class="logo">Mon Site Indépendant</div>
40
+ <div class="nav-links">
41
+ <a href="#" class="nav-link">Accueil</a>
42
+ <a href="#" class="nav-link">Projets</a>
43
+ <a href="#" class="nav-link">Rosalinda</a>
44
+ <a href="#" class="nav-link">Contact</a>
45
+ </div>
46
+ </div>
47
+ `;
48
+ }
49
+ }
50
+ customElements.define('custom-header', CustomHeader);
components/sidebar.js CHANGED
@@ -64,10 +64,11 @@ class CustomSidebar extends HTMLElement {
64
  </style>
65
  <a href="/" class="logo">
66
  <i data-feather="code"></i>
67
- <span>ESPACE CODAGE</span>
68
- <i data-feather="arrow-left" class="back-arrow"></i>
69
  </a>
70
- <div class="collab-note">*Espace Codage - Version Indépendante*</div>
 
 
71
  <div class="menu-item active">
72
  <i data-feather="clipboard"></i>
73
  <span>📋 NOUVELLE TÂCHE</span>
 
64
  </style>
65
  <a href="/" class="logo">
66
  <i data-feather="code"></i>
67
+ <span>MON SITE</span>
 
68
  </a>
69
+ <div class="collab-note" style="color: #ef4444; font-weight: 500;">
70
+ ⚠️ 100% Indépendant - Aucun lien avec DeepSite
71
+ </div>
72
  <div class="menu-item active">
73
  <i data-feather="clipboard"></i>
74
  <span>📋 NOUVELLE TÂCHE</span>
index.html CHANGED
@@ -4,7 +4,7 @@
4
  <head>
5
  <meta charset="UTF-8">
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <title>Espace Codage</title>
8
  <link rel="stylesheet" href="style.css">
9
  <script src="https://cdn.tailwindcss.com"></script>
10
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
@@ -13,17 +13,26 @@
13
  <body class="bg-gray-100 font-sans">
14
  <div class="flex h-screen">
15
  <custom-sidebar></custom-sidebar>
16
- <custom-chat id="rosalinda-chat"></custom-chat>
17
- <custom-code-preview></custom-code-preview>
 
 
 
 
 
 
18
  </div>
19
 
20
  <script>
21
  feather.replace();
22
  </script>
23
  <script src="components/sidebar.js"></script>
 
 
24
  <script src="components/chat.js"></script>
25
  <script src="components/code-preview.js"></script>
26
  <script src="components/file-upload.js"></script>
 
27
  </body>
28
  </html>
29
  Composant complet : components/ChatFooterBar.tsx
 
4
  <head>
5
  <meta charset="UTF-8">
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Mon Site Indépendant</title>
8
  <link rel="stylesheet" href="style.css">
9
  <script src="https://cdn.tailwindcss.com"></script>
10
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
 
13
  <body class="bg-gray-100 font-sans">
14
  <div class="flex h-screen">
15
  <custom-sidebar></custom-sidebar>
16
+ <div class="flex-1 flex flex-col">
17
+ <custom-header></custom-header>
18
+ <main class="flex-1 overflow-hidden">
19
+ <custom-chat id="rosalinda-chat"></custom-chat>
20
+ </main>
21
+ <custom-footer></custom-footer>
22
+ </div>
23
+ <custom-code-preview></custom-code-preview>
24
  </div>
25
 
26
  <script>
27
  feather.replace();
28
  </script>
29
  <script src="components/sidebar.js"></script>
30
+ <script src="components/header.js"></script>
31
+ <script src="components/footer.js"></script>
32
  <script src="components/chat.js"></script>
33
  <script src="components/code-preview.js"></script>
34
  <script src="components/file-upload.js"></script>
35
+ <script src="script.js"></script>
36
  </body>
37
  </html>
38
  Composant complet : components/ChatFooterBar.tsx
style.css CHANGED
@@ -4,6 +4,16 @@ body {
4
  padding: 0;
5
  overflow: hidden;
6
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 
 
 
 
 
 
 
 
 
 
7
  }
8
  /* Rosalinda IA Chat Styles */
9
  custom-chat {
 
4
  padding: 0;
5
  overflow: hidden;
6
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
7
+ background: #f8fafc;
8
+ }
9
+
10
+ /* Protection contre les plateformes externes */
11
+ .protection-banner {
12
+ background: #ef4444;
13
+ color: white;
14
+ padding: 0.5rem;
15
+ text-align: center;
16
+ font-weight: 500;
17
  }
18
  /* Rosalinda IA Chat Styles */
19
  custom-chat {