Spaces:
Configuration error
Configuration error
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- components/footer.js +36 -0
- components/header.js +50 -0
- components/sidebar.js +4 -3
- index.html +12 -3
- 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>
|
| 68 |
-
<i data-feather="arrow-left" class="back-arrow"></i>
|
| 69 |
</a>
|
| 70 |
-
<div class="collab-note"
|
|
|
|
|
|
|
| 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>
|
| 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 |
-
|
| 17 |
-
<custom-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 {
|