Aanpassen JSON link

fdnd · Feb 2, 2025 · 98cc708 · 98cc708
1 parent bc1d1a5
commit 98cc708
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 28 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -10,19 +10,18 @@
 
 <body>
 
-    <header>
-      <h1>Niveaumatrix Frontend Design & Development - 2024-25</h1>
-      <p>
-        De niveaumatrix beschrijft de eindkwalificaties van de opleiding Frontend Design & Development aan de Hogeschool van Amsterdam. 
-        Deze eindkwalificaties zijn gebaseerd op de landelijke HBO Ad niveaubeschrijving en geformuleerd op basis van de visie op het beroep Frontender.
-      </p>
-      <p>
-        De eindkwalificaties voor de opleiding bestaan uit een leerresultaat met bijbehorende gedragsindicatoren en -criteria. 
-        In onderstaande tabel zijn het leerresultaat en de gedragscriteria van de 4 semesters beschreven.
-      </p>
-    </header>
+  <header>
+    <h1>Niveaumatrix Frontend Design & Development - 2024-25</h1>
+    <p>
+      De niveaumatrix beschrijft de eindkwalificaties van de opleiding Frontend Design & Development aan de Hogeschool van Amsterdam. 
+      Deze eindkwalificaties zijn gebaseerd op de landelijke HBO Ad niveaubeschrijving en geformuleerd op basis van de visie op het beroep Frontender.
+    </p>
+    <p>
+      De eindkwalificaties voor de opleiding bestaan uit een leerresultaat met bijbehorende gedragsindicatoren en -criteria. 
+      In onderstaande tabel zijn het leerresultaat en de gedragscriteria van de 4 semesters beschreven.
+    </p>
+  </header>
 
-  <main>
 
     <section>
       <h2>Gedragscriteria HBO Ad</h2>
@@ -197,9 +196,9 @@ <h2>Semester 1 - Static Web</h2>
       </table>
     </section>
 
-<a href="niveaumatrix.json" class="api-endpoint">JSON<span class="svelte-1mmqoth">endpoint voor Niveaumatrix Frontend Design & Development - 2024-25</span></a>
-
-  </main>
+    <footer>
+      <a href="niveaumatrix.json" class="api-endpoint">JSON <span class="svelte-1mmqoth">endpoint voor Niveaumatrix Frontend Design & Development - 2024-25</span></a>
+    </footer>
 
 </body>
 

diff --git a/docs/style.css b/docs/style.css
@@ -112,24 +112,31 @@ p, caption {
 
 
 /* API link */
+footer{
+  width: calc(100vw - 2*3rem);
+  padding: 2rem;
+  display: flex;
+  justify-content: center;
+}
 a.api-endpoint {
-    border: 1px solid var(--green);
-    font-size: .8rem;
-    /* text-decoration:underline; */
-    padding-bottom: 0;
-    border-radius: 0;
-/*     position: absolute; */
-/*     top: 3.2rem; */
-/*     right: 1.8rem; */
-  margin: 2rem auto;
+  border: 2px solid var(--blue);
+  font-size: .8em;
+  color: var(--blue);
+  /* background-color: var(--blue);; */
+  text-decoration:none;
+  padding-bottom: 0;
+  border-radius: 0;
+  /* margin: 2rem auto; */
+  padding: 0.6em;
 }
 a.api-endpoint span{
-    display: none;
+  display: none;
 }
 a.api-endpoint:hover, 
 a.api-endpoint:focus {
-    background-color: var(--green);
-    text-decoration: none;
-    color: var(--blue);
+  background-color: var(--blue);
+  /* border-color: var(--blue); */
+  text-decoration: none;
+  color: var(--green);
 }