Update 1.6

config/global.ini

@@ -26,9 +26,9 @@ headerSubtitle = "Club Réseaux"
 footerText = "© Jan BELLON - E59 v1.6"
 
 [darkThemes]
-0 = '.body {--text: #ffffff; --background: #0e0e0e; --panel-background: #0e0e0e; --buttons: #C2694C} textarea, .form, .select-input, .text-input, .file-input input {border:1px solid #a0a0a0}'
-1 = '.body {--text: hsl(208, 100%, 96%); --background: hsl(215, 21%, 11%); --panel-background: hsl(216, 28%, 7%); --buttons: hsl(216, 28%, 7%)}'
+0 = '.body {--text: #ffffff; --background: #0e0e0e; --panel-background: #0e0e0e; --buttons: #ffffff} textarea, .form, .select-input, .text-input, .file-input input {border:1px solid #a0a0a0} .button, button {color: #0E0E0E}'
+1 = '.body {--text: hsl(208, 100%, 96%); --background: hsl(215, 21%, 11%); --panel-background: hsl(216, 28%, 7%); --buttons: hsl(216, 28%, 7%)} .form .button, .form button {border:1px solid #3E3E3E}'
 2 = '.body {--text: hsl(160, 65%, 95%); --background: hsl(160, 65%, 3%); --panel-background: hsl(160, 65%, 3%); --buttons: hsl(160, 65%, 3%)} .text-input, .file-input input, .select-input, .select-input select, textarea, .button, button, .form {border:1px solid var(--text)}'
 
 [lightThemes]
-0 = '.body {--text: #0e0e0e; --background: #ffffff; --panel-background: #ffffff; --buttons: #fafafa} textarea, .button, button, .form, .select-input select, .select-input, .text-input, .file-input input {border:1px solid #a0a0a0}'
+0 = '.body {--text: #0e0e0e; --background: #ffffff; --panel-background: #ffffff; --buttons: #fafafa} textarea, .button, button, .form, .select-input select, .select-input, .text-input, .file-input input {border:1px solid #a0a0a0}'

content/articles/16.md

@@ -1,6 +1,6 @@
 ##Visite du Forum InCyber à Lille<br />
 Ce Mardi 26 mars, l'équipe de la E59 est allée visiter le forum International de Cybersécurité à Lille.<br />
-Cette journée a été une superbe expérience pour nous tous et nous avons eu l'occasion d'échanger avec différents acteurs de la cyber.<br />
+Nous avons eu l'occasion d'échanger avec différents acteurs de la cybersécurité.<br />
 ##Nouvelle fonctionnalité sur GitHub<br />
 Lors de ce forum, GitHub a présenté une nouvelle fonctionnalité qui permet d'identifier des failles dans du code. Cette fonctionnalité devrait sortir prochainement<br />
 ##Echange avec la CNIL<br />

content/articles/18.md

@@ -0,0 +1,10 @@
+#Simple Network Viewer, le monitoring simplifié<br />
+SNV permet d'avoir une vision globale de l'état du réseau grâce à un schéma visuel de l'infrastructure. Pour l'instant, seule la partie graphique a été codée ainsi que la possibilité d'ajouter et éditer les équipements dans un éditeur. <br />
+La prochaine étape est d'implémenter la récupération de l'état des équipements, plusieurs solutions sont envisagées comme le SNMP, ou des pings par exemple. <br />
+Nous souhaitons aussi mettre en place un Click To Shell qui permet d'ouvrir une connexion SSH en cliquant simplement sur l'icone de l'équipement.<br />
+Pour l'instant seules les icones basiques sont présentes (Switch, Routeur, Switch L3, Serveur, Pare feu, WAN), d'autres icones seront ajoutées dans le futur.<br />
+<br />
+##Installation<br />
+Le code source n'est pas encore accessible publiquement, mais lorsqu'il le sera, il suffira d'installer Apache et de faire un git clone dans /var/www. Le processus détaillé se trouvera dans README.md.<br />
+<br />
+<a href="mailto:jan@e59.fr" class="button">Poser une question</a><br />

html/account/index.php

@@ -206,13 +206,13 @@ if($result) {
                                         </div>
                                     </div>
                                     <div><textarea class="bio-input" name="userBio" placeholder="Bio..." maxlength="100"><?=$userBio?></textarea></div>
-                                    <div><button type="submit">Mettre à jour</button></div>
+                                    <div><button type="submit" class="discret-button">Mettre à jour</button></div>
                                     </form>
                                     <div>
                                         <form action="#" method="post" enctype="multipart/form-data">
                                             <div class="image-input">
                                             <?php fileInput("newPP")?>
-                                            <input type="submit" value="Changer la PP" class="button">
+                                            <input type="submit" value="Changer la PP" class="discret-button">
                                             </div>
                                         </form>
                                     </div>
@@ -220,7 +220,7 @@ if($result) {
                                         <form action="#" method="post" enctype="multipart/form-data">
                                             <div class="image-input">
                                             <?php fileInput("newBanner")?>
-                                            <input type="submit" value="Changer la banière" class="button">
+                                            <input type="submit" value="Changer la banière" class="discret-button">
                                             </div>
                                         </form>
                                     </div>

html/admin/index.php

@@ -55,6 +55,13 @@ if (isset($_POST['delete-user']) && isset($_POST['delete-user-id'])) {
                 margin: 3em;
                 display: inline-block
             }
+            #update-button {
+                display: inline-block;
+                margin-right: 2em;
+            }
+            #delete-button {
+                display: inline-block;
+            }
         </style>
     </head>
 
@@ -113,11 +120,11 @@ if (isset($_POST['delete-user']) && isset($_POST['delete-user-id'])) {
                             selectInput("user-role", "Role", $userRoles, $row['role']);
                             selectInput("user-accreditation", "Accreditation", $confidentialLevels, $row['accreditation']);
                             echo ('<input type="hidden" name="user-id" value=' . $row['ID'] . '>');
-                            echo ('<button type="submit">Mettre à jour</button>');
+                            echo ('<button type="submit" id="update-button">Mettre à jour</button>');
                             echo ('</form>');
-                            echo ('<form action="#" method="post">');
+                            echo ('<form action="#" method="post" id="delete-button">');
                             echo ('<input type="hidden" name="delete-user-id" value="' . $row['ID'] . '">');
-                            echo ('<button type="submit" name="delete-user">Supprimer</button>');
+                            echo ('<button type="submit" name="delete-user" class="discret-button">Supprimer</button>');
                             echo ('</div>');
                         }
                         echo ('</div>');

html/index.php

@@ -38,9 +38,8 @@ $pdo = sqlConnect($sqlDatabaseHost, $sqlDatabaseName, $sqlDatabaseUser, $sqlData
                     Nous sommes un petit groupe de passionés d'informatique.<br>
                     Notre objectif est d'aider les membres de notre club à mener leurs projets que ça soit un site web, développer un jeu ou du pentest.<br>
                     Nous prévoyons de nous émanciper pour augmenter nos moyens matériels et financiers.<br>
-                    Si le projet vous intéresse et que vous êtes étudiant à l'IUT de Vélizy, venez nous voir en E59 dans la Halle Bastié<br>
-                    Vous pouvez aussi nous écrire à l'adresse <a href="mailto:club@e59.fr">club@e59.fr</a><br>
-                    Au plaisir de vous rencontrer.
+                    Si le projet vous intéresse et que vous êtes étudiant à l'IUT de Vélizy, venez nous voir en E59 dans la Halle Bastié<br><br>
+                    <a href="mailto:club@e59.fr" class="button">Nous contacter</a>
                 </div>
                 <h2>Nos dernières actualités</h2>
                 <div class="articles-list">

html/login/index.php

@@ -88,7 +88,7 @@ if (isset($_POST['username']) && isset($_POST['password'])) {
                         ?>
                         <button type="submit">Se connecter</button>
                         <div>ou</div>
-                        <a href="register.php" class="button">Créer un compte</a>
+                        <a href="register.php" class="discret-button">Créer un compte</a>
                     </div>
                 </form>
             </div>

html/login/register.php

@@ -115,7 +115,7 @@ if(isset($_POST['username'])) {
                         <div class="g-recaptcha" data-sitekey="<?=$recaptchaSiteKey?>" data-theme="dark" data-size="normal"></div>
                         <button type="submit">Créer un compte</button>
                         <div>ou</div>
-                        <a href="index.php" class="button">Se connecter</a>
+                        <a href="index.php" class="discret-button">Se connecter</a>
                     </div>
                 </form>
             </div>

html/news/index.php

@@ -131,6 +131,7 @@ if (isset($_GET['article']) && filter_var($_GET['article'], FILTER_VALIDATE_INT)
             .button {
                 display: block;
                 width: min-content;
+                white-space: nowrap;
             }
         </style>
     </head>

html/src/css/style.css

@@ -17,6 +17,7 @@ body {
     color: var(--text); 
     margin: 0;
     line-height: 1.3;
+    letter-spacing: 0.2px;
 }
 
 a {
@@ -69,13 +70,26 @@ input:focus, textarea:focus {
 }
 
 .button, button {
-    background-color: var(--buttons);
+    background-color: var(--text);
+    font-family: cfont, Arial, sans-serif;
+    color: var(--background);
+    border-radius: 10px;
+    padding: 0.5em 1em;
+    display: inline-block;
+    border: none;
+    border-radius: 1.5em;
+    margin: 0.5em 0;
+    font-size: 0.8em;
+}
+
+.discret-button {
+    background-color: var(--background);
     font-family: cfont, Arial, sans-serif;
     color: var(--text);
     border-radius: 10px;
     padding: 0.5em 1em;
     display: inline-block;
-    border: none;
+    border: 1px solid var(--text);
     border-radius: 1.5em;
     margin: 0.5em 0;
     font-size: 0.8em;
@@ -95,11 +109,11 @@ header {
 }
 
 .logo-container {
-    margin: 2em 0;
+    margin: 3em 0;
 }
 
 .logo-img {
-    height: 7em;
+    height: 5em;
     border-radius: 3.5em;
 }
 
@@ -165,7 +179,8 @@ nav {
     padding: 0.5em;
     margin-right: 1em;
     border-radius: 10px;
-    border-bottom: 1px solid var(--panel-background)
+    border-bottom: 1px solid var(--panel-background);
+    white-space: nowrap;
 }
 
 .nav-link:hover {
@@ -376,17 +391,17 @@ footer {
 }
 
 .user-widget .user-pp {
-    height: 4em;
+    height: 3em;
 }
 
 .user-widget .user-pp img {
-    width: 4em;
-    height: 4em;
-    border-radius: 4em;
+    width: 3em;
+    height: 3em;
+    border-radius: 3em;
 }
 
 .user-widget .user-info {
-    margin: auto 1em;
+    margin: auto 0.2em;
 }
 
 .user-widget .user-display-name {
@@ -452,10 +467,6 @@ footer {
     padding: 1em  0;
 }
 
-.user-profile .user-articles {
-    margin-top: 5em;
-}
-
 .user-profile .user-content {
     width: 80%;
     margin: 0 auto;
@@ -514,6 +525,10 @@ footer {
     }
 
     .form {
-        width: 16em;
+        width: 80%;
+    }
+    .button, button, .discret-button {
+        padding: 0.7em 1.2em;
+        font-size: 1em;
     }
 }