feat: use the new app name and change text on the login

- the new app name: atrack - add a new description in the login page - change all placeholder texts in french Resolve: #125 See also: #156
kaliacad · Mar 12, 2023 · 5813381 · 5813381
1 parent 9dbf2b7
commit 5813381
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 21 deletions.
diff --git a/public/css/style.css b/public/css/style.css
@@ -126,11 +126,13 @@
   width: 100%;
   display: block;
 }
+
 .wrap-input100 {
   position: relative;
   width: 100%;
   z-index: 1;
 }
+
 #login input {
   outline: none;
   border: none;
@@ -225,9 +227,11 @@ input {
 .p-b-30 {
   padding-bottom: 30px;
 }
+
 .input-checkbox100:checked + .label-checkbox100::before {
   color: #da4d4d;
 }
+
 .label-checkbox100::before {
   font-size: 11px;
   color: gray;
@@ -255,7 +259,6 @@ input {
 .label-checkbox100 {
   font-size: 14px;
   font-weight: normal;
-
   line-height: 1.2;
   display: block;
   position: relative;
@@ -308,14 +311,15 @@ input {
   background-color: transparent;
   color: #da4d4d;
 }
+
 .login100-form-btn {
   font-size: 16px;
   line-height: 1.5;
   color: #fff;
   text-transform: uppercase;
   width: 100%;
   height: 45px;
-  border-radius: 3px;
+  border-radius: 5px;
   background: #da4d4d;
   display: -webkit-box;
   display: -webkit-flex;
@@ -324,12 +328,13 @@ input {
   display: flex;
   justify-content: center;
   align-items: center;
-  padding: 0 25px;
+  padding: 25px;
   -webkit-transition: all 0.4s;
   -o-transition: all 0.4s;
   -moz-transition: all 0.4s;
   transition: all 0.4s;
 }
+
 #login button {
   outline: none !important;
   border: none;

diff --git a/src/views/auth/login.ejs b/src/views/auth/login.ejs
@@ -10,22 +10,17 @@
     >
       <div class="container">
         <div class="row">
-          <div class="col-md-6">
-            <h5 style="color: rgb(255, 211, 211)">
-              # Une formation qui change une vie
-            </h5>
+          <div class="col-md-5">
             <h1
-              class="text-light m-0 my-2"
-              style="font-size: 4.9rem; font-weight: 900; line-height: 4rem"
-            >
-              Goma digital academy
+              class="text-light m-0 my-4"
+                >
+              ATRACK
             </h1>
-            <p class="h5" style="color: rgb(209, 205, 205)">
-              La meilleure ecole de formation en developoement web et web mobile
-              dans la ville de goma
-            </p>
+            <h4 class="text-light">
+              une plateforme pour mieux faire le suivi des présences des étudiants dans votre école!
+            </h4>
           </div>
-          <div class="col-md-5 col-md-offset-1">
+          <div class="col-md-5 col-md-offset-2">
             <div class="wrap-login100">
               <form
                 class="login100-form validate-form"
@@ -40,7 +35,7 @@
                     id="username"
                     type="text"
                     name="username"
-                    placeholder="Username"
+                    placeholder="Nom d'utilisateur"
                   />
                 </div>
                 <div
@@ -52,7 +47,7 @@
                     id="password"
                     type="password"
                     name="password"
-                    placeholder="Password"
+                    placeholder="Mot de passe"
                   />
                 </div>
                 <div class="flex-sb-m w-full p-b-30">

diff --git a/src/views/includes/header.ejs b/src/views/includes/header.ejs
@@ -6,7 +6,7 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>
-    <%= typeof title != 'undefined' ? `Attendance - ${title}` : 'Attendace app' %>
+    <%= typeof title != 'undefined' ? `Atrack - ${title}` : 'Atrack app' %>
   </title>
   <link rel="stylesheet" href="/css/style.css" />
   <link rel="stylesheet" href="/css/bootstrap.min.css" />

diff --git a/src/views/includes/navigation.ejs b/src/views/includes/navigation.ejs
@@ -1,7 +1,7 @@
 <body>
   <nav class="navbar navbar-expand-lg d-flex justify-content-center bg-danger text-light fixed-top">
     <div class="container mx-2">
-      <a class="navbar-brand text-light" href="/myaccount/summary" title="Attendance Tracker">AT</a>
+      <a class="navbar-brand text-light" href="/myaccount/summary" title="Attendance Tracker">atrack</a>
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>

diff --git a/src/views/myaccount/add-presence.ejs b/src/views/myaccount/add-presence.ejs
@@ -102,7 +102,7 @@
           <tfoot>
             <tr>
               <th class="text-danger text-center">#</th>
-              <th class="text-danger text-center" colspan="2">Etudiant</th>
+              <th class="text-danger text-start" colspan="2">Etudiant</th>
               <th class="text-danger text-center">Présent</th>
               <th class="text-danger text-center">Retard</th>
               <th class="text-danger text-center">Absent (justifié)</th>