- Added more pages and fixed some links (schools, single spell, and login page)

client/src/components/global/navbar/navbar.vue

@@ -1,15 +1,18 @@
 <template>
     <nav class="navbar navbar-expand-sm navbar-dark bg-dark">
         <router-link :to="'/'" class="navbar-brand font-display font-weight-700">Auracle</router-link>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbar">
             <ul class="navbar-nav mr-auto" v-if="links.length != 0">
                 <li class="nav-item" v-for="(link, index) in links" :key="index">
                     <router-link :to="link.url" class="nav-link">{{ link.text }}</router-link>
                 </li>
             </ul>
+            <div class="navbar-nav">
+                <router-link :to="'/connexion'" class="nav-link">Connexion</router-link>
+            </div>
         </div>
     </nav>
 </template>
@@ -22,8 +25,12 @@
                 links: [
                     {
                         text: 'Sortilèges',
-                        url: '/spells',
+                        url: '/sorts',
                     },
+                    {
+                        text: 'Écoles',
+                        url: '/ecoles',
+                    }
                 ]
             }
         }

client/src/components/spells/spell-card.vue

@@ -5,7 +5,7 @@
         <div class="spellcard bg-white p-4 rounded text-dark shadow" style="border-left-width:4px;border-left-style:solid;">
 
             <div :title="spell.name" class="h3 font-display font-weight-bold text-wrap word-break" style="line-height:100%;">
-                <a class="text-decoration-none" href="#">{{spell.name}}</a>
+                <router-link :to="`/sorts/${spell.id}`" class="text-decoration-none">{{spell.name}}</router-link>
             </div>
 
             <div>
@@ -14,7 +14,7 @@
                 <div class="text-muted d-inline-block">
                     <span v-for="(school,index) in spell.schools" :key="index">
                         <span v-if="index!=0">, </span>
-                        <a :href="'/school/'+school.id" class="text-secondary">{{school.name}}</a>
+                        <router-link :to="`ecoles/${school.id}`" class="text-secondary">{{school.name}}</router-link>
                     </span>
                 </div>
             </div>