add rebranding + default password indication
Deploy Nexus Portal to HestiaCP (FTP) / build-and-deploy (push) Successful in 31s

This commit is contained in:
maximus
2026-06-24 14:21:52 +02:00
parent 421b97156a
commit de14810f49
4 changed files with 75 additions and 30 deletions
+32 -15
View File
@@ -9,10 +9,10 @@ const ConfirmLogoutModal = ({ isOpen, onClose, onConfirm }) => {
if (!isOpen) return null; if (!isOpen) return null;
return ( return (
<div style={{ <div style={{
position: 'fixed', top: 0, left: 0, right: 0, bottom: 0, position: 'fixed', top: 0, left: 0, right: 0, bottom: 0,
backgroundColor: 'rgba(0,0,0,0.8)', backdropFilter: 'blur(4px)', backgroundColor: 'rgba(0,0,0,0.8)', backdropFilter: 'blur(4px)',
zIndex: 100, display: 'flex', alignItems: 'center', justifyContent: 'center' zIndex: 100, display: 'flex', alignItems: 'center', justifyContent: 'center'
}}> }}>
<div style={{ <div style={{
backgroundColor: '#1A1A1A', backgroundColor: '#1A1A1A',
@@ -111,18 +111,35 @@ export default function AppLayout() {
return ( return (
<div style={{ display: 'block' }}> <div style={{ display: 'block' }}>
{/* ========================================== */} {/* ========================================== */}
{/* BARRE LATÉRALE (SIDEBAR) */} {/* BARRE LATÉRALE (SIDEBAR) */}
{/* ========================================== */} {/* ========================================== */}
<aside style={sidebarStyle}> <aside style={sidebarStyle}>
{/* En-tête de la Sidebar (Logo / Marque) */} {/* En-tête de la Sidebar (Logo / Marque) */}
<div style={{ padding: '30px 25px', borderBottom: '1px solid #222' }}> <div style={{ padding: '30px 25px', borderBottom: '1px solid #222' }}>
<h1 style={{ color: '#00E5FF', margin: 0, fontSize: '1.5rem', letterSpacing: '2px' }}> <h1 style={{
GISE<span style={{ color: '#FFF' }}>_NEXUS</span> 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> </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 CONSOLE D'INFRASTRUCTURE v1.0
</p> </p>
</div> </div>
@@ -134,7 +151,7 @@ export default function AppLayout() {
</div> </div>
<NavLink style={getNavLinkStyle} to="/dashboard">Tableau de bord</NavLink> <NavLink style={getNavLinkStyle} to="/dashboard">Tableau de bord</NavLink>
<NavLink style={getNavLinkStyle} to="/services">Inventaire Réseau</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' }}> <div style={{ padding: '0 25px', marginTop: '25px', marginBottom: '10px', color: '#444', fontSize: '0.7rem', fontWeight: 'bold' }}>
// GESTION // GESTION
</div> </div>
@@ -145,7 +162,7 @@ export default function AppLayout() {
{/* Bas de la Sidebar (Déconnexion) */} {/* Bas de la Sidebar (Déconnexion) */}
<div style={{ padding: '20px', borderTop: '1px solid #222' }}> <div style={{ padding: '20px', borderTop: '1px solid #222' }}>
<button <button
onClick={handleLogoutClick} onClick={handleLogoutClick}
style={{ style={{
width: '100%', padding: '12px', backgroundColor: 'transparent', width: '100%', padding: '12px', backgroundColor: 'transparent',
@@ -167,10 +184,10 @@ export default function AppLayout() {
</main> </main>
{/* MODAL DE DÉCONNEXION */} {/* MODAL DE DÉCONNEXION */}
<ConfirmLogoutModal <ConfirmLogoutModal
isOpen={showLogoutModal} isOpen={showLogoutModal}
onClose={() => setShowLogoutModal(false)} onClose={() => setShowLogoutModal(false)}
onConfirm={confirmLogout} onConfirm={confirmLogout}
/> />
</div> </div>
+5 -2
View File
@@ -5,8 +5,11 @@ export default function PublicLayout() {
return ( return (
<div style={{ backgroundColor: '#121212', color: '#E0E0E0', minHeight: '100vh', fontFamily: 'monospace' }}> <div style={{ backgroundColor: '#121212', color: '#E0E0E0', minHeight: '100vh', fontFamily: 'monospace' }}>
<nav style={{ padding: '20px', borderBottom: '1px solid #242424', display: 'flex', gap: '15px', alignItems: 'center' }}> <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="/" style={{ display: 'flex', alignItems: 'baseline', gap: '6px', textDecoration: 'none' }}>
<Link to="/offres" style={{ color: '#E0E0E0', textDecoration: 'none' }}>Catalogue</Link> <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 */} {/* AJOUT DU BOUTON D'INSCRIPTION */}
<Link to="/register" style={{ color: '#A0A0A0', textDecoration: 'none', marginLeft: 'auto', fontSize: '0.9rem' }}> <Link to="/register" style={{ color: '#A0A0A0', textDecoration: 'none', marginLeft: 'auto', fontSize: '0.9rem' }}>
+1 -1
View File
@@ -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"> <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> <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">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>
</div> </div>
+37 -12
View File
@@ -2,18 +2,42 @@ import { Link } from 'react-router-dom';
export default function Home() { export default function Home() {
return ( return (
<div style={{ textAlign: 'center', marginTop: '10vh' }}> <div style={{ textAlign: 'center', marginTop: '12vh' }}>
<h1 style={{
color: '#FFFFFF', <h1 style={{
fontSize: '2.5rem', color: '#FFF',
letterSpacing: '2px', fontSize: '4rem',
textTransform: 'uppercase', letterSpacing: '6px',
marginBottom: '20px' 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> </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', color: '#A0A0A0',
fontSize: '1.2rem', fontSize: '1.2rem',
maxWidth: '600px', maxWidth: '600px',
@@ -25,7 +49,7 @@ export default function Home() {
</p> </p>
{/* LE BOUTON D'ACTION PRINCIPAL REDIRIGE VERS /REGISTER */} {/* LE BOUTON D'ACTION PRINCIPAL REDIRIGE VERS /REGISTER */}
<div style={{ marginTop: '40px' }}> <div style={{ marginTop: '50px' }}>
<Link to="/register" style={{ <Link to="/register" style={{
display: 'inline-block', display: 'inline-block',
backgroundColor: 'transparent', backgroundColor: 'transparent',
@@ -38,7 +62,8 @@ export default function Home() {
textTransform: 'uppercase', textTransform: 'uppercase',
letterSpacing: '1px', letterSpacing: '1px',
fontWeight: 'bold', 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 Démarrer le déploiement
</Link> </Link>