Layout

Layout av sidene defineres av en samling html, css og javascript (js) filer.

HTML

Selve hovedlayoutene finnes i mappen _layout og dett er satt opp tre ulike hovedsider:

1. LandingCard.html - førstesiden/landingssiden
2. default.html - Alle dokumentasjonssidene
3. glossary.html - Ordlisten

Alle disse sidene definerer selve hovedstrukturen på en side, og inkluderer flere av de filene som ligger i mappen _includes.

Eksempelvis har alle disse tre sidene den samme toppnavigasjonen, og den inkluderes på følgende måte:

{% include topnav.html %}

Stylesheet (css/scss)

Styling skjer ved bruk av css/scss, og i mappen assets/css ligger main.css som importerer de scss'er som ligger i _sass mappen. Filen assets/css/user_defined_web_styles.css inneholder de endringer som er gjort for å tilpasse utseendet av siden til Digdirs profilveileder, og det som ligger her, overstyrer det som ligger i de andre stylesheet-filene. Så dersom man ønsker å endre utseende på for eksempel nivå 2 overskrifter, gjøres dette i denne filen. På den måten opprettholdes orginalen, og det er enkelt å finne tilbake til de endringer som er gjort av dette prosjektet.

Javascript (js)

De javascript som benyttes finnes i mappen assets/js, og refereres fra de ulike html-filene der de benyttes.