add rebranding + default password indication
Deploy Nexus Portal to HestiaCP (FTP) / build-and-deploy (push) Successful in 31s
Deploy Nexus Portal to HestiaCP (FTP) / build-and-deploy (push) Successful in 31s
This commit is contained in:
+32
-15
@@ -9,10 +9,10 @@ const ConfirmLogoutModal = ({ isOpen, onClose, onConfirm }) => {
|
||||
if (!isOpen) return null;
|
||||
|
||||
return (
|
||||
<div style={{
|
||||
position: 'fixed', top: 0, left: 0, right: 0, bottom: 0,
|
||||
backgroundColor: 'rgba(0,0,0,0.8)', backdropFilter: 'blur(4px)',
|
||||
zIndex: 100, display: 'flex', alignItems: 'center', justifyContent: 'center'
|
||||
<div style={{
|
||||
position: 'fixed', top: 0, left: 0, right: 0, bottom: 0,
|
||||
backgroundColor: 'rgba(0,0,0,0.8)', backdropFilter: 'blur(4px)',
|
||||
zIndex: 100, display: 'flex', alignItems: 'center', justifyContent: 'center'
|
||||
}}>
|
||||
<div style={{
|
||||
backgroundColor: '#1A1A1A',
|
||||
@@ -111,18 +111,35 @@ export default function AppLayout() {
|
||||
|
||||
return (
|
||||
<div style={{ display: 'block' }}>
|
||||
|
||||
|
||||
{/* ========================================== */}
|
||||
{/* BARRE LATÉRALE (SIDEBAR) */}
|
||||
{/* ========================================== */}
|
||||
<aside style={sidebarStyle}>
|
||||
|
||||
|
||||
{/* En-tête de la Sidebar (Logo / Marque) */}
|
||||
<div style={{ padding: '30px 25px', borderBottom: '1px solid #222' }}>
|
||||
<h1 style={{ color: '#00E5FF', margin: 0, fontSize: '1.5rem', letterSpacing: '2px' }}>
|
||||
GISE<span style={{ color: '#FFF' }}>_NEXUS</span>
|
||||
<h1 style={{
|
||||
color: '#FFF',
|
||||
margin: 0,
|
||||
fontSize: '1.8rem',
|
||||
letterSpacing: '3px',
|
||||
display: 'flex',
|
||||
alignItems: 'baseline',
|
||||
gap: '8px'
|
||||
}}>
|
||||
NEXUS
|
||||
<span style={{
|
||||
color: '#00E5FF',
|
||||
fontSize: '0.7rem',
|
||||
letterSpacing: '1px',
|
||||
fontWeight: 'normal',
|
||||
textTransform: 'lowercase'
|
||||
}}>
|
||||
by gise
|
||||
</span>
|
||||
</h1>
|
||||
<p style={{ color: '#555', fontSize: '0.7rem', margin: '5px 0 0 0' }}>
|
||||
<p style={{ color: '#555', fontSize: '0.7rem', margin: '8px 0 0 0' }}>
|
||||
CONSOLE D'INFRASTRUCTURE v1.0
|
||||
</p>
|
||||
</div>
|
||||
@@ -134,7 +151,7 @@ export default function AppLayout() {
|
||||
</div>
|
||||
<NavLink style={getNavLinkStyle} to="/dashboard">Tableau de bord</NavLink>
|
||||
<NavLink style={getNavLinkStyle} to="/services">Inventaire Réseau</NavLink>
|
||||
|
||||
|
||||
<div style={{ padding: '0 25px', marginTop: '25px', marginBottom: '10px', color: '#444', fontSize: '0.7rem', fontWeight: 'bold' }}>
|
||||
// GESTION
|
||||
</div>
|
||||
@@ -145,7 +162,7 @@ export default function AppLayout() {
|
||||
|
||||
{/* Bas de la Sidebar (Déconnexion) */}
|
||||
<div style={{ padding: '20px', borderTop: '1px solid #222' }}>
|
||||
<button
|
||||
<button
|
||||
onClick={handleLogoutClick}
|
||||
style={{
|
||||
width: '100%', padding: '12px', backgroundColor: 'transparent',
|
||||
@@ -167,10 +184,10 @@ export default function AppLayout() {
|
||||
</main>
|
||||
|
||||
{/* MODAL DE DÉCONNEXION */}
|
||||
<ConfirmLogoutModal
|
||||
isOpen={showLogoutModal}
|
||||
onClose={() => setShowLogoutModal(false)}
|
||||
onConfirm={confirmLogout}
|
||||
<ConfirmLogoutModal
|
||||
isOpen={showLogoutModal}
|
||||
onClose={() => setShowLogoutModal(false)}
|
||||
onConfirm={confirmLogout}
|
||||
/>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -5,8 +5,11 @@ export default function PublicLayout() {
|
||||
return (
|
||||
<div style={{ backgroundColor: '#121212', color: '#E0E0E0', minHeight: '100vh', fontFamily: 'monospace' }}>
|
||||
<nav style={{ padding: '20px', borderBottom: '1px solid #242424', display: 'flex', gap: '15px', alignItems: 'center' }}>
|
||||
<Link to="/" style={{ color: '#00E5FF', textDecoration: 'none', fontWeight: 'bold' }}>[ GISE_NEXUS ]</Link>
|
||||
<Link to="/offres" style={{ color: '#E0E0E0', textDecoration: 'none' }}>Catalogue</Link>
|
||||
<Link to="/" style={{ display: 'flex', alignItems: 'baseline', gap: '6px', textDecoration: 'none' }}>
|
||||
<span style={{ color: '#FFF', fontSize: '1.2rem', letterSpacing: '2px', fontWeight: 'bold' }}>NEXUS</span>
|
||||
<span style={{ color: '#00E5FF', fontSize: '0.65rem', letterSpacing: '1px', fontWeight: 'normal', textTransform: 'lowercase' }}>by gise</span>
|
||||
</Link>
|
||||
<Link to="/offres" style={{ color: '#E0E0E0', textDecoration: 'none', marginLeft: '20px' }}>Catalogue</Link>
|
||||
|
||||
{/* AJOUT DU BOUTON D'INSCRIPTION */}
|
||||
<Link to="/register" style={{ color: '#A0A0A0', textDecoration: 'none', marginLeft: 'auto', fontSize: '0.9rem' }}>
|
||||
|
||||
@@ -294,7 +294,7 @@ const VpsManager = ({ details, orderId, onRefresh, onAlert }) => {
|
||||
<div className="mt-4 bg-black/60 border border-gray-900 rounded p-3 text-[11px] space-y-1">
|
||||
<span className="text-gray-500 font-bold uppercase tracking-wider block mb-1 text-[10px]">Identifiants d'usine :</span>
|
||||
<p className="text-gray-400 font-mono">Console SSH : <span className="text-cyan-400 font-bold">root</span> / <span className="text-gray-500 italic">Clé choisie à l'initialisation</span></p>
|
||||
<p className="text-gray-400 font-mono">Explorateur : <span className="text-cyan-400 font-bold">admin</span> / <span className="text-cyan-400 font-bold">admin</span></p>
|
||||
<p className="text-gray-400 font-mono">Explorateur : <span className="text-cyan-400 font-bold">root</span> / <span className="text-cyan-400 font-bold">NexusGise2026! (à changer)</span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
+37
-12
@@ -2,18 +2,42 @@ import { Link } from 'react-router-dom';
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<div style={{ textAlign: 'center', marginTop: '10vh' }}>
|
||||
<h1 style={{
|
||||
color: '#FFFFFF',
|
||||
fontSize: '2.5rem',
|
||||
letterSpacing: '2px',
|
||||
textTransform: 'uppercase',
|
||||
marginBottom: '20px'
|
||||
<div style={{ textAlign: 'center', marginTop: '12vh' }}>
|
||||
|
||||
<h1 style={{
|
||||
color: '#FFF',
|
||||
fontSize: '4rem',
|
||||
letterSpacing: '6px',
|
||||
display: 'flex',
|
||||
alignItems: 'baseline',
|
||||
justifyContent: 'center',
|
||||
gap: '12px',
|
||||
margin: '0 0 20px 0'
|
||||
}}>
|
||||
Bienvenue dans l'infrastructure <span style={{ color: '#00E5FF' }}>GISE</span>
|
||||
NEXUS
|
||||
<span style={{
|
||||
color: '#00E5FF',
|
||||
fontSize: '1.4rem',
|
||||
letterSpacing: '2px',
|
||||
fontWeight: 'normal',
|
||||
textTransform: 'lowercase'
|
||||
}}>
|
||||
by gise
|
||||
</span>
|
||||
</h1>
|
||||
|
||||
<p style={{
|
||||
|
||||
<h2 style={{
|
||||
color: '#FFFFFF',
|
||||
fontSize: '1.5rem',
|
||||
letterSpacing: '2px',
|
||||
textTransform: 'uppercase',
|
||||
marginBottom: '20px',
|
||||
fontWeight: 'normal'
|
||||
}}>
|
||||
Bienvenue dans l'infrastructure
|
||||
</h2>
|
||||
|
||||
<p style={{
|
||||
color: '#A0A0A0',
|
||||
fontSize: '1.2rem',
|
||||
maxWidth: '600px',
|
||||
@@ -25,7 +49,7 @@ export default function Home() {
|
||||
</p>
|
||||
|
||||
{/* LE BOUTON D'ACTION PRINCIPAL REDIRIGE VERS /REGISTER */}
|
||||
<div style={{ marginTop: '40px' }}>
|
||||
<div style={{ marginTop: '50px' }}>
|
||||
<Link to="/register" style={{
|
||||
display: 'inline-block',
|
||||
backgroundColor: 'transparent',
|
||||
@@ -38,7 +62,8 @@ export default function Home() {
|
||||
textTransform: 'uppercase',
|
||||
letterSpacing: '1px',
|
||||
fontWeight: 'bold',
|
||||
transition: 'all 0.3s ease'
|
||||
transition: 'all 0.3s ease',
|
||||
boxShadow: '0 0 15px rgba(0, 229, 255, 0.1)',
|
||||
}}>
|
||||
Démarrer le déploiement
|
||||
</Link>
|
||||
|
||||
Reference in New Issue
Block a user