Abmacode12 commited on
Commit
1ef70d2
·
verified ·
1 Parent(s): 008134f

Manual changes saved

Browse files
Files changed (1) hide show
  1. index.html +0 -146
index.html CHANGED
@@ -1,146 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Espace Codage</title>
7
- <link rel="stylesheet" href="style.css">
8
- <script src="components/navbar.js"></script>
9
- <script src="script.js"></script>
10
- <script src="https://cdn.tailwindcss.com"></script>
11
- <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
- <script src="https://unpkg.com/feather-icons"></script>
13
- </head>
14
- <body class="bg-gray-900 text-gray-100">
15
- <div class="app-container">
16
- <!-- Left Column - Menu -->
17
- <aside class="sidebar">
18
- <div class="sidebar-header">
19
- <div class="brand-dot"></div>
20
- <h1 class="brand-title">Espace Codage</h1>
21
- </div>
22
-
23
- <div class="search-container">
24
- <div class="search-icon">
25
- <i data-feather="edit"></i>
26
- </div>
27
- <div class="search-input">
28
- <i data-feather="search"></i>
29
- <input type="text" placeholder="Rechercher..." autocomplete="off">
30
- </div>
31
- </div>
32
-
33
- <nav class="navigation">
34
- <div class="nav-section">Projets</div>
35
- <div class="nav-item active">
36
- <div class="nav-icon">
37
- <i data-feather="code"></i>
38
- </div>
39
- <div class="nav-label">Espace Codage - Projet 1</div>
40
- </div>
41
- <div class="nav-item">
42
- <div class="nav-icon">
43
- <i data-feather="code"></i>
44
- </div>
45
- <div class="nav-label">Espace Codage - Projet 2</div>
46
- </div>
47
-
48
- <div class="nav-section">Raccourcis</div>
49
- <div class="nav-item">
50
- <div class="nav-icon">
51
- <i data-feather="book"></i>
52
- </div>
53
- <div class="nav-label">Bibliothèque</div>
54
- </div>
55
- <div class="nav-item">
56
- <div class="nav-icon">
57
- <i data-feather="settings"></i>
58
- </div>
59
- <div class="nav-label">Paramètres</div>
60
- </div>
61
- </nav>
62
-
63
- <div class="sidebar-footer">
64
- <button class="action-btn">
65
- <i data-feather="share-2"></i>
66
- <span>Partager</span>
67
- <small>inviter</small>
68
- </button>
69
- <button class="action-btn">
70
- <i data-feather="user"></i>
71
- <small>profil</small>
72
- </button>
73
- </div>
74
- </aside>
75
-
76
- <!-- Middle Column - Empty with Input Bar -->
77
- <main class="main-content">
78
- <div class="content-header">
79
- <span class="tag">Aperçu</span>
80
- <span class="tag">Projet</span>
81
- <span class="tag">/</span>
82
- </div>
83
-
84
- <div class="empty-state">
85
- <h3>Zone centrale vide</h3>
86
- <p>La barre de recherche / saisie reste en bas, comme demandé.</p>
87
- </div>
88
-
89
- <div class="input-bar">
90
- <button class="input-btn" title="Ajouter">
91
- <i data-feather="plus"></i>
92
- </button>
93
- <button class="input-btn" title="Joindre un fichier">
94
- <i data-feather="paperclip"></i>
95
- </button>
96
-
97
- <div class="text-input">
98
- <input type="text" placeholder="Rechercher / écrire...">
99
- </div>
100
-
101
- <button class="input-btn" title="Micro">
102
- <i data-feather="mic"></i>
103
- </button>
104
- <button class="send-btn" title="Envoyer" disabled>
105
- <i data-feather="send"></i>
106
- </button>
107
- </div>
108
- </main>
109
-
110
- <!-- Right Column - Preview -->
111
- <section class="preview-panel">
112
- <div class="preview-header">
113
- <h2>Aperçu</h2>
114
- <div class="toolbar">
115
- <button class="tool-btn"><i data-feather="chevron-left"></i></button>
116
- <button class="tool-btn"><i data-feather="chevron-right"></i></button>
117
- <button class="tool-btn"><i data-feather="refresh-cw"></i></button>
118
- <button class="tool-btn"><i data-feather="maximize"></i></button>
119
- <button class="tool-btn edit">
120
- <i data-feather="edit"></i>
121
- <span>Modifier</span>
122
- </button>
123
- </div>
124
- </div>
125
-
126
- <div class="preview-content">
127
- <div class="preview-error">
128
- <div class="error-icon">
129
- <i data-feather="alert-circle"></i>
130
- </div>
131
- <h3>Échec du chargement de l'aperçu.</h3>
132
- <p>Vérifie l'URL / le serveur local, puis rafraîchis.</p>
133
- </div>
134
- </div>
135
-
136
- <div class="preview-footer">
137
- <span>Statut : <strong>Hors ligne</strong></span>
138
- <span>Mode : <strong>Preview</strong></span>
139
- </div>
140
- </section>
141
- </div>
142
-
143
- <script>feather.replace();</script>
144
- <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
145
- </body>
146
- </html>