54 lines
2.0 KiB
HTML
54 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>Gesthub</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='assets/css/index.css') }}" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" />
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.15.0/Sortable.min.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<button id="toggle-darkmode">🌓</button>
|
|
|
|
<main>
|
|
<aside class="left-column" id="left">
|
|
</aside>
|
|
|
|
<section class="center-column" id="center">
|
|
<h1 class="main-title">Gesthub</h1>
|
|
</section>
|
|
|
|
<aside class="right-column" id="right">
|
|
</aside>
|
|
</main>
|
|
|
|
<div id="admin-panel" style="display:none;">
|
|
<div class="admin-toolbar">
|
|
<span>🛠 Mode Édition</span>
|
|
<button onclick="addNewWidget('iframe')">+ Iframe</button>
|
|
<button onclick="addNewWidget('buttons')">+ Boutons</button>
|
|
<button onclick="addNewWidget('html')">+ Texte/HTML</button>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
/* Petit style rapide pour la toolbar admin */
|
|
#admin-panel {
|
|
position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);
|
|
background: #222; padding: 10px 20px; border-radius: 30px;
|
|
box-shadow: 0 5px 15px rgba(0,0,0,0.3); z-index: 999;
|
|
}
|
|
.admin-toolbar button {
|
|
background: #4CAF50; border: none; color: white; padding: 5px 10px;
|
|
border-radius: 5px; cursor: pointer; margin-left: 10px;
|
|
}
|
|
.drag-handle { cursor: move; padding: 5px; background: rgba(0,0,0,0.1); text-align: center; color: #666; font-size: 12px; margin-bottom: 5px; display: none;}
|
|
.admin-active .drag-handle { display: block; }
|
|
.admin-active .draggable-item { border: 2px dashed #ccc; min-height: 50px; }
|
|
</style>
|
|
|
|
<script src="{{ url_for('static', filename='assets/js/index.js') }}"></script>
|
|
</body>
|
|
</html> |