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;
|
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,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' }}>
|
||||||
|
|||||||
@@ -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
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user