summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--.gitignore0
-rw-r--r--CHANGELOG.txt11
-rw-r--r--reference/css/base.css43
-rw-r--r--reference/css/main.css7
-rw-r--r--reference/css/noJavaScript.css3
-rw-r--r--reference/css/page.css37
-rw-r--r--reference/css/pageFooter.css0
-rw-r--r--reference/css/pageHeader.css66
-rw-r--r--reference/css/root.css34
-rw-r--r--reference/html/about.html61
-rw-r--r--reference/html/astronomy.html79
-rw-r--r--reference/html/chemistry.html163
-rw-r--r--reference/html/french.html52
-rw-r--r--reference/html/german.html14
-rw-r--r--reference/html/history.html14
-rw-r--r--reference/html/latin.html354
-rw-r--r--reference/html/mathematics.html205
-rw-r--r--reference/html/physics.html309
-rw-r--r--reference/html/social-science.html14
-rw-r--r--reference/js/iife.js10
-rw-r--r--reference/js/setTheme.js29
-rw-r--r--reference/js/toggleTheme.js7
-rw-r--r--reference/shtml/head.shtml12
-rw-r--r--reference/shtml/mathJax.shtml4
-rw-r--r--reference/shtml/pageFooter.shtml0
-rw-r--r--reference/shtml/pageHeader.shtml11
-rw-r--r--reference/svg/achernar.svg4
-rw-r--r--reference/svg/logotype.svg3
-rw-r--r--reference/svg/themeToggler.svg4
29 files changed, 1550 insertions, 0 deletions
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/.gitignore
diff --git a/CHANGELOG.txt b/CHANGELOG.txt
new file mode 100644
index 0000000..d295ffa
--- /dev/null
+++ b/CHANGELOG.txt
@@ -0,0 +1,11 @@
+# 0
+
+* Move encyclopedia frome fadaesen-webservice (and rename to reference);
+* reference: Update chemistry page;
+* reference: Update physics page;
+* reference: Update mathematics page;
+* reference: mathematics: Use the miniscule greek letters alpha, beta, and gamma instead of the majuscule latin letters A, B, and C;
+* reference: Split physics page into more sections;
+* Update MathJax syntax;
+* reference: astronomy: Use Jupiter's symbol for jupitermasses and jupiterradii;
+* reference: mathematics: Fix incorrect methods for getting the sides of a triangle;
diff --git a/reference/css/base.css b/reference/css/base.css
new file mode 100644
index 0000000..16de65a
--- /dev/null
+++ b/reference/css/base.css
@@ -0,0 +1,43 @@
+div.page * + p,* + ol,* + table,* + ul {
+ margin-top:1rem;
+}
+
+li p + ul,li p + ol {
+ margin-top:0;
+}
+
+p a,p a:visited {
+ color: var(--colour);
+ font-weight: bold;
+ text-decoration:none;
+}
+
+p a:hover {
+ color:var(--foregroundColour);
+}
+
+p.math,span.math,td.math {
+ font-size:calc(3rem / 2);
+ padding: calc(1rem / 3) 0;
+}
+
+table {
+ border-collapse:collapse;
+ border-color: var(--foregroundColour);
+ border-style: solid;
+ border-width: calc(1rem / 12);
+}
+
+td,th {
+ padding:calc(1rem / 12) calc(1rem / 4);
+}
+
+th {
+ background-color:var(--foregroundColour);
+ color: var(--backgroundColour1);
+ text-align: center;
+}
+
+ul li,ol li {
+ margin-left:1rem;
+}
diff --git a/reference/css/main.css b/reference/css/main.css
new file mode 100644
index 0000000..c05e8f8
--- /dev/null
+++ b/reference/css/main.css
@@ -0,0 +1,7 @@
+@import "/css/root.css";
+
+@import "/css/base.css";
+
+@import "/css/pageHeader.css";
+@import "/css/page.css";
+@import "/css/pageFooter.css";
diff --git a/reference/css/noJavaScript.css b/reference/css/noJavaScript.css
new file mode 100644
index 0000000..beac2c0
--- /dev/null
+++ b/reference/css/noJavaScript.css
@@ -0,0 +1,3 @@
+div.navigationBar img.themeToggler {
+ display:none;
+}
diff --git a/reference/css/page.css b/reference/css/page.css
new file mode 100644
index 0000000..7b6354e
--- /dev/null
+++ b/reference/css/page.css
@@ -0,0 +1,37 @@
+div.page {
+ background-color: var(--backgroundColour1);
+ border-radius: 1rem;
+ border-top-left-radius: 0;
+ border-top-right-radius:0;
+ margin: 0 auto;
+ max-width: var(--maximumPageWidth);
+ min-width: var(--minimumPageWidth);
+ padding: 1rem 2rem;
+ text-align: left;
+ width: 100%;
+}
+
+div.page p.pageTitle,div.page div.section p.sectionTitle {
+ font-family:"Helvetica","sans-serif";
+ font-weight:bold;
+}
+
+div.page p.pageTitle {
+ font-size: 3rem;
+ letter-spacing:calc(1rem / 12);
+ margin-bottom: 1rem;
+ text-align: center;
+}
+
+div.page div.section p.sectionTitle {
+ border-top-color:var(--foregroundColour);
+ border-top-style:solid;
+ border-top-width:calc(1rem / 3);
+ font-size: 2rem;
+ padding-top: 1rem;
+ width: fit-content;
+}
+
+div.page div.section + div.section {
+ margin-top:1rem;
+}
diff --git a/reference/css/pageFooter.css b/reference/css/pageFooter.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/reference/css/pageFooter.css
diff --git a/reference/css/pageHeader.css b/reference/css/pageHeader.css
new file mode 100644
index 0000000..23321f5
--- /dev/null
+++ b/reference/css/pageHeader.css
@@ -0,0 +1,66 @@
+div.logotype {
+ background-color: var(--colour);
+ border-radius: calc(6rem * 12/60);
+ border-top-left-radius: 0;
+ height: 6rem;
+ margin: 0 auto;
+ margin-bottom: 1rem;
+ width: 6rem;
+}
+
+div.logotype img {
+ border-bottom-right-radius:0;
+ border-top-left-radius: 0;
+ height:100%;
+ width: 100%;
+}
+
+p.title {
+ font-size: 4rem;
+ letter-spacing:calc(1rem / 6);
+ margin-bottom: 1rem;
+ text-align: center;
+}
+
+div.navigationBar {
+ background-color: var(--foregroundColour);
+ color: var(--backgroundColour1);
+ margin: 0 auto;
+ max-width: var(--maximumPageWidth);
+ min-width: var(--minimumPageWidth);
+ padding: 1rem 2rem;
+ text-align: center;
+ width: 100%;
+}
+
+div.navigationBar img.themeToggler {
+ background-color:var(--backgroundColour1);
+ border-color: var(--backgroundColour1);
+ border-radius: calc(1rem / 3 * 2);
+ border-width: calc(1rem / 3);
+ border-style: solid;
+ color: var(--backgroundColour1);
+ cursor: pointer;
+ display: block;
+ height: calc(3rem - 1rem / 2 * 2);
+ margin: 0 auto;
+ margin-bottom: 1rem;
+ user-select: none;
+ width: calc(6rem - 1rem / 2 * 2);
+}
+
+div.navigationBar p + p {
+ margin-top:calc(1rem / 2);
+}
+
+div.navigationBar p,div.navigationBar p span + span::before {
+ content:"\0020\00B7\0020";
+}
+
+div.navigationBar p,div.navigationBar p span a,div.navigationBar p span a:hover {
+ color:var(--backgroundColour1);
+}
+
+div.navigationBar p span a:hover {
+ text-decoration:underline;
+}
diff --git a/reference/css/root.css b/reference/css/root.css
new file mode 100644
index 0000000..b7d29e9
--- /dev/null
+++ b/reference/css/root.css
@@ -0,0 +1,34 @@
+:root {
+ --black: #1B1A1A; /* 7/32 */
+ --darkgrey: #232121; /* 8/32 */
+ --lightgrey:#ECEAEA; /* 30/32 */
+ --white: #F6F4F4; /* 31/32 */
+ --blue: #5F7C9C; /* oklch(62.5% 0.118 259.065) */
+
+ --backgroundColour0:var(--black);
+ --backgroundColour1:var(--darkgrey);
+ --foregroundColour: var(--white);
+ --colour: var(--blue);
+
+ --minimumPageWidth:10rem; /* 12rem including body padding. */
+ --maximumPageWidth:74rem;
+
+ font-family:"Liberation Serif","serif";
+ font-size: calc(1000mm / 1728 * 8);
+}
+
+* {
+ box-sizing:border-box;
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ background-color:var(--backgroundColour0);
+ color: var(--foregroundColour);
+ padding: 1rem;
+}
+
+p {
+ line-height:1em;
+}
diff --git a/reference/html/about.html b/reference/html/about.html
new file mode 100644
index 0000000..25fcc1e
--- /dev/null
+++ b/reference/html/about.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="da">
+ <!--#include virtual="/shtml/head.shtml"-->
+ <body>
+ <!--#include virtual="/shtml/pageHeader.shtml"-->
+ <div class="page">
+ <p class="pageTitle">Om</p>
+ <div class="section">
+ <p><i>Fagligt Opslagsværk</i> er et leksikon.</p>
+ </div>
+ <div class="section">
+ <p class="sectionTitle">Emner</p>
+ <ul>
+ <li>
+ <p>Naturvidenskab</p>
+ <ul>
+ <li>
+ <p><a href="/html/astronomy.html">Astronomi</a><sub> &dagger;</sub></p>
+ </li>
+ <li>
+ <p><a href="/html/chemistry.html">Kemi</a><sub> &dagger;</sub></p>
+ </li>
+ <li>
+ <p><a href="/html/physics.html">Fysik</a><sub> &dagger;</sub></p>
+ </li>
+ <li>
+ <p><a href="/html/mathematics.html">Matematik</a><sub> &dagger;</sub></p>
+ </li>
+ </ul>
+ </li>
+ <li>
+ <p>Socialvidenskab</p>
+ <ul>
+ <li>
+ <p><a href="/html/history.html">Historie</a></p>
+ </li>
+ <li>
+ <p><a href="/html/social-science.html">Samfundsfag</a></p>
+ </li>
+ </ul>
+ </li>
+ <li>
+ <p>Sprogvidenskab</p>
+ <ul>
+ <li>
+ <p><a href="/html/fransk.html">Fransk</a></p>
+ </li>
+ <li>
+ <p><a href="/html/latin.html">Latin</a></p>
+ </li>
+ <li>
+ <p><a href="/html/german.html">Tysk</a></p>
+ </li>
+ </ul>
+ </li>
+ </ul>
+ <p><sup>&dagger;</sup><sub> Kræver JavaScript for at udtrykke formler korrekt.</sub></p>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/reference/html/astronomy.html b/reference/html/astronomy.html
new file mode 100644
index 0000000..bbe2728
--- /dev/null
+++ b/reference/html/astronomy.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="da">
+ <!--#include virtual="/shtml/head.shtml"-->
+ <!--#include virtual="/shtml/mathJax.shtml"-->
+ <body>
+ <!--#include virtual="/shtml/pageHeader.shtml"-->
+ <div class="page">
+ <p class="pageTitle">Astronomi</p>
+ <div class="section" id="measures-and-units">
+ <p class="sectionTitle">Mål og Enheder</p>
+ <p class="small">Jf. <a href="/html/physics.html">fysikkens mål og enheder</a>.</p>
+ <p>Mål med variante enheder:</p>
+ <table>
+ <tr>
+ <th>Mål</th>
+ <th>Enheder</th>
+ <th>Symboler<sub> af enheder</sub></th>
+ </tr>
+ <tr>
+ <td rowspan="2">masse</td>
+ <td>jupitermasse</td>
+ <td class="math">\(M_&#9795;\)</td>
+ </tr>
+ <tr>
+ <td>solmasse</td>
+ <td class="math">\(M_&#9737;\)</td>
+ </tr>
+ <tr>
+ <td rowspan="6">afstand</td>
+ <td>astronomisk enhed</td>
+ <td class="math">\(au\)</td>
+ </tr>
+ <tr>
+ <td>lyssekund</td>
+ <td class="math">\(ls\)</td>
+ </tr>
+ <tr>
+ <td>lysår</td>
+ <td class="math">\(ly\)</td>
+ </tr>
+ <tr>
+ <td>parsec</td>
+ <td class="math">\(pc\)</td>
+ </tr>
+ <tr>
+ <td>jupiterradius</td>
+ <td class="math">\(R_&#9795;\)</td>
+ </tr>
+ <tr>
+ <td>solradius</td>
+ <td class="math">\(R_&#9737;\)</td>
+ </tr>
+ <tr>
+ <td rowspan="2">tid</td>
+ <td>år</td>
+ <td class="math">\(a\)</td>
+ </tr>
+ <tr>
+ <td>dag</td>
+ <td class="math">\(d\)</td>
+ </tr>
+ </table>
+ <p class="math">\(1\ M_&#9795;=189\ 813 \cdot 10^{22}\ kg\)</p>
+ <p class="math">\(1\ M_&#9737;=19\ 8847 \cdot 10^{25}\ kg\)</p>
+ <br />
+ <p class="math">\(1\ au=149\ 597\ 870\ 700\ m\)</p>
+ <p class="math">\(1\ ls=c \cdot 1\ s=299\ 792\ 458\ m\)</p>
+ <p class="math">\(1\ ly=c \cdot 31\ 557\ 600\ s=9\ 460\ 730\ 472\ 580\ 800\ m\)</p>
+ <p class="math">\(1\ pc=1\ au \cdot cot(1^{\prime \prime})=30\ 856\ 775\ 814\ 671\ 916\ m\)</p>
+ <p class="math">\(1\ R_&#9795;=71492 \cdot 10^{3}\ m\)</p>
+ <p class="math">\(1\ R_&#9737;=6957 \cdot 10^{5}\ m\)</p>
+ <br />
+ <p class="math">\(1\ a=\frac {1461}{4}\ d=315576 \cdot 10^2\ s\)</p>
+ <p class="math">\(1\ d=864 \cdot 10^2\ s\)</p>
+ </div>
+ </div>
+ <!--#include virtual="/shtml/pageFooter.shtml"-->
+ </body>
+</html>
diff --git a/reference/html/chemistry.html b/reference/html/chemistry.html
new file mode 100644
index 0000000..ea0c6b1
--- /dev/null
+++ b/reference/html/chemistry.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html lang="da">
+ <!--#include virtual="/shtml/head.shtml"-->
+ <!--#include virtual="/shtml/mathJax.shtml"-->
+ <body>
+ <!--#include virtual="/shtml/pageHeader.shtml"-->
+ <div class="page">
+ <p class="pageTitle">Kemi</p>
+ <div class="section" id="measures-and-units">
+ <p class="sectionTitle">Mål og Enheder</p>
+ <p class="small">Jf. <a href="/html/physics.html#measures-and-units">fysikkens mål og enheder</a>.</p>
+ <table>
+ <tr>
+ <th>Mål</th>
+ <th>Symbol<sub> af mål</sub></th>
+ <th>Enhed</th>
+ <th>Symbol<sub> af enhed</sub></th>
+ </tr>
+ <tr class="small">
+ <th colspan="4">Mål<sub> med navngivede enheder</sub></th>
+ </tr>
+ <tr>
+ <td>stofmængde</td>
+ <td class="math">\(n\)</td>
+ <td>mol</td>
+ <td class="math">\(mol\)</td>
+ </tr>
+ <tr class="small">
+ <th colspan="4">Mål<sub> med unavngivede enheder</sub></th>
+ </tr>
+ <tr>
+ <td>stofmængdekoncentration</td>
+ <td class="math">\(c_i\)</td>
+ <td>mol pr. kubikmeter</td>
+ <td class="math">\(\frac {mol}{m^3}\)</td>
+ </tr>
+ <tr>
+ <td>molarmasse</td>
+ <td class="math">\(M\)</td>
+ <td>kilogram pr. mol</td>
+ <td class="math">\(\frac {kg}{mol}\)</td>
+ </tr>
+ <tr>
+ <td>massekoncentration</td>
+ <td class="math">\(\rho_i\)</td>
+ <td>kilogram pr. kubikmeter</td>
+ <td class="math">\(\frac {kg}{m^3}\)</td>
+ </tr>
+ <tr class="small">
+ <th colspan="4">Mål<sub> uden navngivede enheder</sub></th>
+ </tr>
+ <tr>
+ <td>massebrøk</td>
+ <td class="math">\(w_i\)</td>
+ <th></th>
+ <th></th>
+ </tr>
+ <tr>
+ <td>volumenbrøk</td>
+ <td class="math">\(\phi_i\)</td>
+ <th></th>
+ <th></th>
+ </tr>
+ </table>
+ <p>Mål med variante enheder:</p>
+ <table>
+ <tr>
+ <th>Mål</th>
+ <th>Enheder</th>
+ <th>Symboler<sub> af enheder</sub></th>
+ </tr>
+ <tr>
+ <td>stofmængdekoncentration</td>
+ <td>molær</td>
+ <td class="math">\(M\)</td>
+ </tr>
+ <tr>
+ <td rowspan="2">masse</td>
+ <td>gram</td>
+ <td class="math">\(g\)</td>
+ </tr>
+ <tr>
+ <td>dalton</td>
+ <td class="math">\(u\)</td>
+ </tr>
+ <tr>
+ <td>volumen</td>
+ <td>liter</td>
+ <td class="math">\(L\)</td>
+ </tr>
+ </table>
+ <p>Variante mål:</p>
+ <table>
+ <tr>
+ <th>Mål</th>
+ <th>Symbol</th>
+ <th>Afledt af</th>
+ </tr>
+ <tr>
+ <td>atommasse</td>
+ <td class="math">\(A_r\)</td>
+ <td>masse</td>
+ </tr>
+ </table>
+ <p class="math">\(1\ M=1\ \frac {mol}{L}=10^3\ \frac {mol}{m^3}\)</p>
+ <br />
+ <p class="math">\(1\ g=\frac {1}{1000}\ kg\)</p>
+ <p class="math">\(1\ u=m_u\)</p>
+ <br />
+ <p class="math">\(1\ L=\frac {1}{10^3}\ m^3\)</p>
+ </div>
+ <div class="section" id="formulas">
+ <p class="sectionTitle">Formler</p>
+ <p class="math">\(c_i=\frac {n_i}{\sum_j V_j}\)</p>
+ <br />
+ <p class="math">\(M=\frac {m}{n}\)</p>
+ <br />
+ <p class="math">\(m=Mn\)</p>
+ <br />
+ <p class="math">\(n=\frac {m}{M}\)</p>
+ <br />
+ <p class="math">\(w_i=\frac {m_i}{\sum_j m_j}\)</p>
+ <br />
+ <p class="math">\(\rho_i=\frac {m_i}{\sum_j V_j}\)</p>
+ <br />
+ <p class="math">\(\phi_i=\frac {V_i}{\sum_j V_j}\)</p>
+ </div>
+ <div class="section" id="constants">
+ <p class="sectionTitle">Konstanter</p>
+ <p class="small">Jf. <a href="/html/physics.html#constants">fysikkens</a> og <a href="/html/mathematics.html#constants">matematikkens</a> konstanter.</p>
+ <table>
+ <tr>
+ <th>Navn</th>
+ <th>Symbol</th>
+ </tr>
+ <tr>
+ <td>Faradays konstant</td>
+ <td class="math">\(F\)</td>
+ </tr>
+ <tr>
+ <td>molarmasse konstanten</td>
+ <td class="math">\(M_u\)</td>
+ </tr>
+ <tr>
+ <td>atommasse konstanten</td>
+ <td class="math">\(m_u\)</td>
+ </tr>
+ <tr>
+ <td>Avagadros konstant</td>
+ <td class="math">\(N_A\)</td>
+ </tr>
+ </table>
+ <p class="math">\(F=eN_a=\frac {964\ 853\ 321\ 233\ 100\ 184}{10^{13}}\ \frac {C}{mol}\)</p>
+ <p>... hvori <i>e</i> er den elementære ladning.</p>
+ <p class="math">\(M_u=\frac {M(_6^{12}C)}{12}=m_uN_a \approx \frac {999\ 999\ 999\ 65}{10^{14}}\ \frac {kg}{mol}\)</p>
+ <p class="math">\(m_u=\frac {m(_6^{12}C)}{12} \approx \frac {16\ 605\ 390\ 666}{10^{37}}\ kg=1\ u\)</p>
+ <p class="math">\(N_A=602\ 214\ 076 \cdot 10^{15}\ mol^{-1}\)</p>
+ <p></p>
+ </div>
+ </div>
+ <!--#include virtual="/shtml/pageFooter.shtml"-->
+ </body>
+</html>
diff --git a/reference/html/french.html b/reference/html/french.html
new file mode 100644
index 0000000..e688e81
--- /dev/null
+++ b/reference/html/french.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="da">
+ <!--#include virtual="/shtml/head.shtml"-->
+ <body>
+ <!--#include virtual="/shtml/pageHeader.shtml"-->
+ <div class="page">
+ <p class="pageTitle">Fransk</p>
+ <div class="section" id="conjugation">
+ <p class="sectionTitle">Konjugation</p>
+ <table>
+ <tr>
+ <th></th>
+ <th colspan="2">Premier Groupe</th>
+ </tr>
+ <tr class="small">
+ <th></th>
+ <th colspan="2">Indicatif</th>
+ </tr>
+ <tr class="small">
+ <th></th>
+ <th colspan="2">Actif</th>
+ </tr>
+ <tr class="small">
+ <th></th>
+ <th>Singulier</th>
+ <th>Puriel</th>
+ </tr>
+ <tr class="small">
+ <th></th>
+ <th colspan="2">Présent</th>
+ </tr>
+ <tr>
+ <th>Première</th>
+ <td>aim&thinsp;<b>e</b></td>
+ <td>aim&thinsp;<b>ons</b></td>
+ </tr>
+ <tr>
+ <th>Deuxième</th>
+ <td>aim&thinsp;<b>es</b></td>
+ <td>aim&thinsp;<b>ez</b></td>
+ </tr>
+ <tr>
+ <th>Troisième</th>
+ <td>aim&thinsp;<b>e</b></td>
+ <td>aim&thinsp;<b>ent</b></td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ <!--#include virtual="/shtml/pageFooter.shtml"-->
+ </body>
+</html>
diff --git a/reference/html/german.html b/reference/html/german.html
new file mode 100644
index 0000000..06ca657
--- /dev/null
+++ b/reference/html/german.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="da">
+ <!--#include virtual="/shtml/head.shtml"-->
+ <body>
+ <!--#include virtual="/shtml/pageHeader.shtml"-->
+ <div class="page">
+ <p class="pageTitle">Tysk</p>
+ <div class="section">
+ <p>Kommer senere.</p>
+ </div>
+ </div>
+ <!--#include virtual="/shtml/pageFooter.shtml"-->
+ </body>
+</html>
diff --git a/reference/html/history.html b/reference/html/history.html
new file mode 100644
index 0000000..b1cbc62
--- /dev/null
+++ b/reference/html/history.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="da">
+ <!--#include virtual="/shtml/head.shtml"-->
+ <body>
+ <!--#include virtual="/shtml/pageHeader.shtml"-->
+ <div class="page">
+ <p class="pageTitle">Historie</p>
+ <div class="section">
+ <p>Kommer senere.</p>
+ </div>
+ </div>
+ <!--#include virtual="/shtml/pageFooter.shtml"-->
+ </body>
+</html>
diff --git a/reference/html/latin.html b/reference/html/latin.html
new file mode 100644
index 0000000..14213b8
--- /dev/null
+++ b/reference/html/latin.html
@@ -0,0 +1,354 @@
+<!DOCTYPE html>
+<html lang="da">
+ <!--#include virtual="/shtml/head.shtml"-->
+ <body>
+ <!--#include virtual="/shtml/pageHeader.shtml"-->
+ <div class="page">
+ <p class="pageTitle">Latin</p>
+ <div class="section" id="roman-numerals">
+ <p class="sectionTitle">Romertal</p>
+ <p>Romertal er den primære måde at udtrykke tal i latin, samt andre europæiske sprog op til skiftet til arabertal. Romertal bruger tegn fra det latinske alfabet til at udtrykke værdier. Det bruger ikke cifre (i modsætning til arabertal).</p>
+ <table>
+ <tr>
+ <th>Tegn</th>
+ <th>Værdi</th>
+ </tr>
+ <tr>
+ <td>N<sub> &dagger;</sub></td>
+ <td class="rightAlign">0</td>
+ </tr>
+ <tr>
+ <td>I</td>
+ <td class="rightAlign">1</td>
+ </tr>
+ <tr>
+ <td>V</td>
+ <td class="rightAlign">5</td>
+ </tr>
+ <tr>
+ <td>X</td>
+ <td class="rightAlign">10</td>
+ </tr>
+ <tr>
+ <td>L</td>
+ <td class="rightAlign">50</td>
+ </tr>
+ <tr>
+ <td>C</td>
+ <td class="rightAlign">100</td>
+ </tr>
+ <tr>
+ <td>D</td>
+ <td class="rightAlign">500</td>
+ </tr>
+ <tr>
+ <td>M</td>
+ <td class="rightAlign">1000</td>
+ </tr>
+ </table>
+ <p class="graphicText"><sup>&dagger;</sup> Per konventien, fra ordet "nulla".</p>
+ <p>For at udtrykke talværdier uden et tilsvarende tegn, så opstiller man dem som en kombination af tegn. Skriver man et mindre tegn (lige) før et større, så trækkes det mindre fra det større. Står det største først, så lægges de sammen.</p>
+ <br />
+ <p>For eksempel, så bliver fire (4) til IV (5&minus;1), og seks (6) bliver til VI (5+1). I nogle traditioner bruger man ikke subtration, og i således en ville fire blive til IIII (1+1+1+1).</p>
+ </div>
+ <div class="section" id="conjugation">
+ <p class="sectionTitle">Konjugation</p>
+ <table>
+ <tr class="small">
+ <th></th>
+ <th colspan="4">Indicativus</th>
+ </tr>
+ <tr class="small">
+ <th></th>
+ <th colspan="2">Āctīvus</th>
+ <th colspan="2">Passīvum</th>
+ </tr>
+ <tr class="small">
+ <th></th>
+ <th>Singulāris</th>
+ <th>Plūrālis</th>
+ <th>Singulāris</th>
+ <th>Plūrālis</th>
+ </tr>
+ <tr class="small">
+ <th></th>
+ <th colspan="4">Praesens</th>
+ </tr>
+ <tr>
+ <th>Prīmus</th>
+ <td>am<del>ā</del>&thinsp;<b>ō</b></td>
+ <td>amā&thinsp;<b>mus</b></td>
+ <td>am<del>ā</del>&thinsp;<b>or</b></td>
+ <td>amā&thinsp;<b>mur</b></td>
+ </tr>
+ <tr>
+ <th>Alius</th>
+ <td>amā&thinsp;<b>s</b></td>
+ <td>amā&thinsp;<b>tis</b></td>
+ <td>amā&thinsp;<b>ris</b></td>
+ <td>amā&thinsp;<b>minī</b></td>
+ </tr>
+ <tr>
+ <th>Tertius</th>
+ <td>amā&thinsp;<b>t</b></td>
+ <td>ama&thinsp;<b>nt</b></td>
+ <td>amā&thinsp;<b>tur</b></td>
+ <td>ama&thinsp;<b>ntur</b></td>
+ </tr>
+ <tr class="small">
+ <th></th>
+ <th colspan="4">Praeteritum</th>
+ </tr>
+ <tr>
+ <th>Prīmus</th>
+ <td>amā&thinsp;<b>bam</b></td>
+ <td>amā&thinsp;<b>bāmus</b></td>
+ <td>amā&thinsp;<b>bar</b></td>
+ <td>amā&thinsp;<b>bāmur</b></td>
+ </tr>
+ <tr>
+ <th>Alius</th>
+ <td>amā&thinsp;<b>bās</b></td>
+ <td>amā&thinsp;<b>bātis</b></td>
+ <td>amā&thinsp;<b>bāris</b></td>
+ <td>amā&thinsp;<b>bāminī</b></td>
+ </tr>
+ <tr>
+ <th>Tertius</th>
+ <td>amā&thinsp;<b>bat</b></td>
+ <td>amā&thinsp;<b>bant</b></td>
+ <td>amā&thinsp;<b>bātur</b></td>
+ <td>amā&thinsp;<b>bantur</b></td>
+ </tr>
+ <tr class="small">
+ <th></th>
+ <th colspan="4">Futūrum</th>
+ </tr>
+ <tr>
+ <th>Prīmus</th>
+ <td>amā&thinsp;<b>bō</b></td>
+ <td>amā&thinsp;<b>imus</b></td>
+ <td>amā&thinsp;<b>bor</b></td>
+ <td>amā&thinsp;<b>bimur</b></td>
+ </tr>
+ <tr>
+ <th>Alius</th>
+ <td>amā&thinsp;<b>bis</b></td>
+ <td>amā&thinsp;<b>bitis</b></td>
+ <td>amā&thinsp;<b>beris</b></td>
+ <td>amā&thinsp;<b>biminī</b></td>
+ </tr>
+ <tr>
+ <th>Tertius</th>
+ <td>amā&thinsp;<b>bit</b></td>
+ <td>amā&thinsp;<b>bunt</b></td>
+ <td>amā&thinsp;<b>bitur</b></td>
+ <td>amā&thinsp;<b>buntur</b></td>
+ </tr>
+ </table>
+ <table>
+ <tr class="small">
+ <th colspan="2">Imperandī</th>
+ </tr>
+ <tr class="small">
+ <th colspan="2">Āctīvus</th>
+ </tr>
+ <tr class="small">
+ <th>Singulāris</th>
+ <th>Plūrālis</th>
+ </tr>
+ <tr class="small">
+ <th colspan="2">Praesens</th>
+ </tr>
+ <tr>
+ <td>amā</td>
+ <td>amā&thinsp;<b>te</b></td>
+ </tr>
+ <tr class="small">
+ <th colspan="2">Futurum</th>
+ </tr>
+ <tr>
+ <td>amā&thinsp;<b>tō</b></td>
+ <td>amā&thinsp;<b>tōte</b></td>
+ </tr>
+ </table>
+ </div>
+ <div class="section" id="declension">
+ <p class="sectionTitle">Deklination</p>
+ <table>
+ <tr class="small">
+ <th></th>
+ <th>f1</th>
+ <th>m2</th>
+ <th>n2</th>
+ <th>mf3</th>
+ </tr>
+ <tr class="small">
+ <th></th>
+ <th colspan="4">Singulāris</th>
+ </tr>
+ <tr>
+ <th>Nōminātīvus</th>
+ <td>regin&thinsp;<b>a</b></td>
+ <td>serv&thinsp;<b>us</b></td>
+ <td>castell&thinsp;<b>um</b></td>
+ <td>rex</td>
+ </tr>
+ <tr>
+ <th>Vocātīvus</th>
+ <td>regin&thinsp;<b>a</b></td>
+ <td>serv&thinsp;<b>e</b></td>
+ <td>castell&thinsp;<b>um</b></td>
+ <td>rex</td>
+ </tr>
+ <tr>
+ <th>Accūsātīvus</th>
+ <td>regin&thinsp;<b>am</b></td>
+ <td>serv&thinsp;<b>um</b></td>
+ <td>castell&thinsp;<b>um</b></td>
+ <td>rex&thinsp;<b>em</b></td>
+ </tr>
+ <tr>
+ <th>Genetīvus</th>
+ <td>regin&thinsp;<b>ae</b></td>
+ <td>serv&thinsp;<b>ī</b></td>
+ <td>castell&thinsp;<b>ī</b></td>
+ <td>rex&thinsp;<b>is</b></td>
+ </tr>
+ <tr>
+ <th>Datīvus</th>
+ <td>regin&thinsp;<b>ae</b></td>
+ <td>serv&thinsp;<b>ō</b></td>
+ <td>castell&thinsp;<b>ō</b></td>
+ <td>rex&thinsp;<b>ī</b></td>
+ </tr>
+ <tr>
+ <th>Ablātīvus</th>
+ <td>regin&thinsp;<b>ā</b></td>
+ <td>serv&thinsp;<b>ō</b></td>
+ <td>castell&thinsp;<b>ō</b></td>
+ <td>rex&thinsp;<b>e</b></td>
+ </tr>
+ <tr class="small">
+ <th></th>
+ <th colspan="4">Plūrālis</th>
+ </tr>
+ <tr>
+ <th>Nōminātīvus</th>
+ <td>regin&thinsp;<b>ae</b></td>
+ <td>serv&thinsp;<b>ī</b></td>
+ <td>castell&thinsp;<b>a</b></td>
+ <td>rex&thinsp;<b>ēs</b></td>
+ </tr>
+ <tr>
+ <th>Vocātīvus</th>
+ <td>regin&thinsp;<b>ae</b></td>
+ <td>serv&thinsp;<b>ī</b></td>
+ <td>castell&thinsp;<b>a</b></td>
+ <td>rex&thinsp;<b>ēs</b></td>
+ </tr>
+ <tr>
+ <th>Accūsātīvus</th>
+ <td>regin&thinsp;<b>ās</b></td>
+ <td>serv&thinsp;<b>ōs</b></td>
+ <td>castell&thinsp;<b>a</b></td>
+ <td>rex&thinsp;<b>ēs</b></td>
+ </tr>
+ <tr>
+ <th>Genetīvus</th>
+ <td>regin&thinsp;<b>ārum</b></td>
+ <td>serv&thinsp;<b>ōrum</b></td>
+ <td>castell&thinsp;<b>ōrum</b></td>
+ <td>rex&thinsp;<b>um</b></td>
+ </tr>
+ <tr>
+ <th>Datīvus</th>
+ <td>regin&thinsp;<b>īs</b></td>
+ <td>serv&thinsp;<b>īs</b></td>
+ <td>castell&thinsp;<b>īs</b></td>
+ <td>rex&thinsp;<b>ibus</b></td>
+ </tr>
+ <tr>
+ <th>Ablātīvus</th>
+ <td>regin&thinsp;<b>īs</b></td>
+ <td>serv&thinsp;<b>īs</b></td>
+ <td>castell&thinsp;<b>īs</b></td>
+ <td>rex&thinsp;<b>ibus</b></td>
+ </tr>
+ </table>
+ <p>Nogle substantiver (f.eks. <i>vīrus</i>) er uregelmæssige i henhold til de tidligere regler. Følgende er et skema over disse (endelser i kursiv er uregelmæssige):</p>
+ <table>
+ <tr class="small">
+ <th></th>
+ <th colspan="2">Singulāris</th>
+ </tr>
+ <tr>
+ <th>Nōminātīvus</th>
+ <td>de&thinsp;<b>us</b></td>
+ <td>vīr&thinsp;<b>us</b></td>
+ </tr>
+ <tr>
+ <th>Vocātīvus</th>
+ <td>de&thinsp;<b><i>us</i></b></td>
+ <td>vīr&thinsp;<b><i>us</i></b></td>
+ </tr>
+ <tr>
+ <th>Accūsātīvus</th>
+ <td>de&thinsp;<b>um</b></td>
+ <td>vīr&thinsp;<b><i>us</i></b></td>
+ </tr>
+ <tr>
+ <th>Genetīvus</th>
+ <td>de&thinsp;<b>ī</b></td>
+ <td>vīr&thinsp;<b>ī</b></td>
+ </tr>
+ <tr>
+ <th>Datīvus</th>
+ <td>de&thinsp;<b>ō</b></td>
+ <td>vīr&thinsp;<b>ō</b></td>
+ </tr>
+ <tr>
+ <th>Ablātīvus</th>
+ <td>de&thinsp;<b>ō</b></td>
+ <td>vīr&thinsp;<b>ō</b></td>
+ </tr>
+ <tr class="small">
+ <th></th>
+ <th colspan="2">Plūrālis</th>
+ </tr>
+ <tr>
+ <th>Nōminātīvus</th>
+ <td>de&thinsp;<b>ī</b></td>
+ <td>vīr&thinsp;<b>a</b></td>
+ </tr>
+ <tr>
+ <th>Vocātīvus</th>
+ <td>de&thinsp;<b>ī</b></td>
+ <td>vīr&thinsp;<b>a</b></td>
+ </tr>
+ <tr>
+ <th>Accūsātīvus</th>
+ <td>de&thinsp;<b>ōs</b></td>
+ <td>vīr&thinsp;<b>a</b></td>
+ </tr>
+ <tr>
+ <th>Genetīvus</th>
+ <td>de&thinsp;<b>ōrum</b></td>
+ <td>vīr&thinsp;<b>ōrum</b></td>
+ </tr>
+ <tr>
+ <th>Datīvus</th>
+ <td>de&thinsp;<b>īs</b></td>
+ <td>vīr&thinsp;<b>īs</b></td>
+ </tr>
+ <tr>
+ <th>Ablātīvus</th>
+ <td>de&thinsp;<b>īs</b></td>
+ <td>vīr&thinsp;<b>īs</b></td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ <!--#include virtual="/shtml/pageFooter.shtml"-->
+ </body>
+</html>
diff --git a/reference/html/mathematics.html b/reference/html/mathematics.html
new file mode 100644
index 0000000..2c03f6b
--- /dev/null
+++ b/reference/html/mathematics.html
@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+<html lang="da">
+ <!--#include virtual="/shtml/head.shtml"-->
+ <!--#include virtual="/shtml/mathJax.shtml"-->
+ <body>
+ <!--#include virtual="/shtml/pageHeader.shtml"-->
+ <div class="page">
+ <p class="pageTitle">Matematik</p>
+ <div class="section" id="rules">
+ <p class="sectionTitle">Regneregler</p>
+ <p class="math">\(x+y=z\)</p>
+ <p class="math">\(z-y=x\)</p>
+ <p class="math">\(z-x=y\)</p>
+ <p class="math">\(\sum_{i=a}^b i=a+(a \pm 1) + \cdots +(b \pm 1)+b\)</p>
+ <br />
+ <p class="math">\(xy=z\)</p>
+ <p class="math">\(\frac {z}{y}=x\)</p>
+ <p class="math">\(\frac {z}{x}=y\)</p>
+ <p class="math">\(\prod_{i=a}^b i=a(a \pm 1) \cdots (b \pm 1)b\)</p>
+ <p class="math">\(n!=\prod_{i=1}^n i,n \gt 0\)</p>
+ <p class="math">\(0!=1\)</p>
+ <br />
+ <p class="math">\(\frac xy=z\)</p>
+ <p class="math">\(zy=x\)</p>
+ <p class="math">\(\frac {x}{z}=y\)</p>
+ <br />
+ <p class="math">\(x^y=z\)</p>
+ <p class="math">\(\sqrt[y] {z}=x\)</p>
+ <p class="math">\(log_x(z)=y\)</p>
+ <br />
+ <p class="math">\(x^n=\prod_{i=1}^n x,\ n \gt 0\)</p>
+ <p class="math">\(x^n=\frac {1}{x^{-n}},\ n \lt 0\)</p>
+ <p class="math">\(x^0=1\)</p>
+ <p class="math">\(x^{\frac nm}=\sqrt[m] {x^n}\)</p>
+ <br />
+ <p class="math">\(\frac xy+n=\frac {x+n y}{y}\)</p>
+ <p class="math">\(\frac xy+\frac ab=\frac {x b+ay}{yb}\)</p>
+ <p class="math">\(\frac xyn=\frac {xn}{y}\)</p>
+ <p class="math">\(\frac xy\frac ab=\frac {x a}{y b}\)</p>
+ <p class="math">\(\frac {x}{\frac ab}=\frac {xb}{a}\)</p>
+ <p class="math">\(\frac {\frac xy}z=\frac {x}{yz}\)</p>
+ <p class="math">\(\frac {\frac xy}{\frac ab}=\frac {xb}{ya}\)</p>
+ <br />
+ <p class="math">\((x^a)^b=x^{ab}\)</p>
+ <p class="math">\(x^ay^a=(xy)^a\)</p>
+ <p class="math">\(\frac {x^a}{y^a}=(\frac xy)^a\)</p>
+ <p class="math">\(x^ax^b=x^{a+b}\)</p>
+ <p class="math">\(\frac {x^a}{x^b}=x^{a-b}\)</p>
+ </div>
+ <div class="section" id="equations">
+ <p class="sectionTitle">Ligninger</p>
+ <p>Andengrads:</p>
+ <p class="math">\(ax^2+bx+c=0\)</p>
+ <p class="math">\(d=b^2-4ac\)</p>
+ <p class="math">\(x=\frac {-b \pm \sqrt[2] {d}}{2a}\)</p>
+ </div>
+ <div class="section" id="functions">
+ <p class="sectionTitle">Funktioner</p>
+ <p class="math">\(y=f(x)\)</p>
+ <p class="math">\(x=f^{-1}(y)\)</p>
+ <br />
+ <p>Lineær:</p>
+ <p class="math">\(f(x)=ax+b\)</p>
+ <p class="math">\(a=\frac {y_1-y_0}{x_1-x_0}\)</p>
+ <p class="math">\(b=y-ax\)</p>
+ <p class="math">\(f(0)=b\)</p>
+ <br />
+ <p>Eksponentiel:</p>
+ <p class="math">\(f(x)=ba^x\)</p>
+ <p class="math">\(a=\sqrt[x_1-x_0] {\frac {y_1}{y_{0}}}\)</p>
+ <p class="math">\(b=\frac {y}{a^x}\)</p>
+ <p class="math">\(f(0)=b\)</p>
+ <br />
+ <p>Potens:</p>
+ <p class="math">\(f(x)=bx^a\)</p>
+ <p class="math">\(a=\frac {log_n(y_1)-log_n(y_0)}{log_n(x_1)-log_n(x_1)}\)</p>
+ <p class="math">\(b=\frac {y}{x^a}\)</p>
+ <p class="math">\(f(0)=0\)</p>
+ <p class="math">\(f(1)=b\)</p>
+ <br />
+ <p>Andengrads:</p>
+ <p class="math">\(f(x)=ax^2+bx+c\)</p>
+ </div>
+ <div class="section" id="trigonometry">
+ <p class="sectionTitle">Trigonometri</p>
+ <p class="math">\(modliggende_{\alpha}=hosliggende_{\beta}=a\)</p>
+ <p class="math">\(hosliggende_{\alpha}=modliggende_{\beta}=b\)</p>
+ <p class="math">\(hypotenuse=modliggende_{\gamma}=c\)</p>
+ <br />
+ <p class="math">\(sin(\theta)=\frac {modliggende_{\theta}}{hypotenuse_{\theta}}\)</p>
+ <p class="math">\(cos(\theta)=\frac {hosliggende_{\theta}}{hypotenuse_{\theta}}\)</p>
+ <p class="math">\(tan(\theta)=\frac {modliggende_{\theta}}{hosliggende_{\theta}}\)</p>
+ <p class="math">\(cot(\theta)=\frac {hosliggende_{\theta}}{modliggende_{\theta}}\)</p>
+ <p class="math">\(csc(\theta)=\frac {hypotenuse_{\theta}}{modliggende_{\theta}}\)</p>
+ <p class="math">\(sec(\theta)=\frac {hypotenuse_{\theta}}{hosliggende_{\theta}}\)</p>
+ <br />
+ <p class="math">\(sin^{-1}(\frac {modliggende_{\theta}}{hypotenuse_{\theta}})=\theta\)</p>
+ <p class="math">\(cos^{-1}(\frac {hosliggende_{\theta}}{hypotenuse_{\theta}})=\theta\)</p>
+ <p class="math">\(tan^{-1}(\frac {modliggende_{\theta}}{hosliggende_{\theta}})=\theta\)</p>
+ <p class="math">\(cot^{-1}(\frac {hosliggende_{\theta}}{modliggende_{\theta}})=\theta\)</p>
+ <p class="math">\(csc^{-1}(\frac {hypotenuse_{\theta}}{modliggende_{\theta}})=\theta\)</p>
+ <p class="math">\(sec^{-1}(\frac {hypotenuse_{\theta}}{hosliggende_{\theta}})=\theta\)</p>
+ <br />
+ <p>Forkortelser:</p>
+ <p class="math">\(sin=sinus\)</p>
+ <p class="math">\(cos=cosinus\)</p>
+ <p class="math">\(tan=tangens\)</p>
+ <p class="math">\(cot=cotangens\)</p>
+ <p class="math">\(csc=cosekant\)</p>
+ <p class="math">\(sec=sekant\)</p>
+ <p class="math">\(arcsin=sin^{-1}\)</p>
+ <p class="math">\(arccos=cos^{-1}\)</p>
+ <p class="math">\(arctan=tan^{-1}\)</p>
+ <p class="math">\(arccot=cot^{-1}\)</p>
+ <p class="math">\(arcsec=sec^{-1}\)</p>
+ <p class="math">\(arccsc=csc^{-1}\)</p>
+ <br />
+ <p class="math">\(deg(rad)=\frac {rad \cdot 180}{\pi}\)</p>
+ <p class="math">\(rad(deg)=\frac {deg \cdot \pi}{180}\)</p>
+ <br />
+ <p class="math">\(\Theta(n)=(n-2)\pi\)</p>
+ <p>... hvori <span class="math">\({\Theta}(n)\)</span> er vinkelsummen af <i>n</i>-gonen.</p>
+ <p class="math">\(\Theta(3)=(3-2)\pi=\pi\)</p>
+ <br />
+ <p class="math">\(\alpha=sin^{-1}(\frac ac)=cos^{-1}(\frac bc)=tan^{-1}(\frac ab)=\Theta(3)-\beta-\gamma\)</p>
+ <p class="math">\(\beta=sin^{-1}(\frac bc)=cos^{-1}(\frac ac)=tan^{-1}(\frac ba)=\Theta(3)-\alpha-\gamma\)</p>
+ <p class="math">\(\gamma=\Theta(3)-\alpha-\beta\)</p>
+ <p>I en regulær trekant:</p>
+ <p class="math">\(\alpha=\beta=\gamma=\frac {\pi}{3}\)</p>
+ <p>I en retvinklet trekant:</p>
+ <p class="math">\(\gamma=\frac {\pi}{2}\)</p>
+ <br />
+ <p class="math">\(a=c \cdot sin(\alpha)=c \cdot cos(\beta)=b \cdot tan(\alpha)=b \cdot cot(\beta)\)</p>
+ <p class="math">\(b=c \cdot sin(\beta)=c \cdot cos(\alpha)=a \cdot tan(\beta)=a \cdot cot(\alpha)\)</p>
+ <p class="math">\(c=a \cdot csc(\alpha)=b \cdot csc(\beta)=a \cdot sec(\beta)=b \cdot sec(\alpha)\)</p>
+ <p>I en retvinklet trekant:</p>
+ <p class="math">\(a=\sqrt[2] {c^2-b^2}\)</p>
+ <p class="math">\(b=\sqrt[2] {c^2-a^2}\)</p>
+ <p class="math">\(c=\sqrt[2] {a^2+b^2}\)</p>
+ <p>I en retvinklet trekant, hvori kateterne har samme længde:</p>
+ <p class="math">\(a=b=\sqrt[2] {\frac {c^2}{2}}\)</p>
+ <p>I en regulær trekant:</p>
+ <p class="math">\(a=b=c\)</p>
+ <br />
+ <p class="math">\(O=a+b+c\)</p>
+ <p class="math">\(A=\frac {b h}{2}\)</p>
+ <p>Mellem to ligedannede trekanter:</p>
+ <p class="math">\(\alpha_1=\alpha_0\)</p>
+ <p class="math">\(\beta_1=\beta_0\)</p>
+ <p class="math">\(\gamma_1=\gamma_0\)</p>
+ <p class="math">\(k=\frac {a_1}{a_0}=\frac {b_1}{b_0}=\frac {c_1}{c_0}\)</p>
+ <p class="math">\(a_1=a_0 k\)</p>
+ <p class="math">\(b_1=b_0 k\)</p>
+ <p class="math">\(c_1=c_0 k\)</p>
+ <p class="math">\(O_1=O_0 k\)</p>
+ <p class="math">\(A_1=A_0 k^2\)</p>
+ </div>
+ <div class="section" id="constants">
+ <p class="sectionTitle">Konstanter</p>
+ <table>
+ <tr>
+ <th>Navn</th>
+ <th>Symbol</th>
+ </tr>
+ <tr>
+ <td>Pythagoras' konstant</td>
+ <td class="math">\(\sqrt[2] {2}\)</td>
+ </tr>
+ <tr>
+ <td>Theodorus' konstant</td>
+ <td class="math">\(\sqrt[2] {3}\)</td>
+ </tr>
+ <tr>
+ <td>Eulers tal</td>
+ <td class="math">\(e\)</td>
+ </tr>
+ <tr>
+ <td><sub>den </sub>imaginære enhed</td>
+ <td class="math">\(i\)</td>
+ </tr>
+ <tr>
+ <td>Arkimedes' konstant (<i>pi</i>)</td>
+ <td class="math">\(\pi\)</td>
+ </tr>
+ <tr>
+ <td><i>tau</i></td>
+ <td class="math">\(\tau\)</td>
+ </tr>
+ <tr>
+ <td><sub>den </sub>gyldne ratio</td>
+ <td class="math">\(\phi\)</td>
+ </tr>
+ </table>
+ <p class="math">\(\sqrt[2] {2} \approx \frac {1\ 414\ 213\ 562}{10^9}\)</p>
+ <p class="math">\(\sqrt[2] {3} \approx \frac {1\ 732\ 050\ 808}{10^9}\)</p>
+ <p class="math">\(e=\sum_{n=0}^\infty \frac {1}{n!} \approx \frac {2\ 718\ 281\ 828}{10^9}\)</p>
+ <p class="math">\(i=\sqrt[2] {-1}\)</p>
+ <p class="math">\(\pi \approx \frac {3\ 141\ 592\ 654}{10^9}\)</p>
+ <p class="math">\(\tau=2\pi \approx \frac {6\ 283\ 185\ 307}{10^9}\)</p>
+ <p class="math">\(\phi=\frac {1+\sqrt[2] {5}}{2} \approx \frac {1\ 618\ 033\ 989}{10^9}\)</p>
+ </div>
+ </div>
+ <!--#include virtual="/shtml/pageFooter.shtml"-->
+ </body>
+</html>
diff --git a/reference/html/physics.html b/reference/html/physics.html
new file mode 100644
index 0000000..3304ab0
--- /dev/null
+++ b/reference/html/physics.html
@@ -0,0 +1,309 @@
+<!DOCTYPE html>
+<html lang="da">
+ <!--#include virtual="/shtml/head.shtml"-->
+ <!--#include virtual="/shtml/mathJax.shtml"-->
+ <body>
+ <!--#include virtual="/shtml/pageHeader.shtml"-->
+ <div class="page">
+ <p class="pageTitle">Fysik</p>
+ <div class="section" id="measures-and-units">
+ <p class="sectionTitle">Mål og Enheder</p>
+ <table>
+ <tr>
+ <th>Mål</th>
+ <th>Symbol<sub> af mål</sub></th>
+ <th>Enhed</th>
+ <th>Symbol<sub> af enhed</sub></th>
+ </tr>
+ <tr class="small">
+ <th colspan="4">Mål<sub> med navngivede enheder</sub></th>
+ </tr>
+ <tr>
+ <td>energi</td>
+ <td class="math">\(E\)</td>
+ <td>joule</td>
+ <td class="math">\(J\)</td>
+ </tr>
+ <tr>
+ <td>kraft</td>
+ <td class="math">\(F\)</td>
+ <td>newton</td>
+ <td class="math">\(N\)</td>
+ </tr>
+ <tr>
+ <td>frekvens</td>
+ <td class="math">\(f\)</td>
+ <td>hertz</td>
+ <td class="math">\(Hz\)</td>
+ </tr>
+ <tr>
+ <td>strømstyrke</td>
+ <td class="math">\(I\)</td>
+ <td>ampere</td>
+ <td class="math">\(A\)</td>
+ </tr>
+ <tr>
+ <td>lysstyrke</td>
+ <td class="math">\(I_v\)</td>
+ <td>candela</td>
+ <td class="math">\(cd\)</td>
+ </tr>
+ <tr>
+ <td>masse</td>
+ <td class="math">\(m\)</td>
+ <td>kilogram</td>
+ <td class="math">\(kg\)</td>
+ </tr>
+ <tr>
+ <td>effekt</td>
+ <td class="math">\(P\)</td>
+ <td>watt</td>
+ <td class="math">\(W\)</td>
+ </tr>
+ <tr>
+ <td>tryk</td>
+ <td class="math">\(p\)</td>
+ <td>pascal</td>
+ <td class="math">\(Pa\)</td>
+ </tr>
+ <tr>
+ <td>ladning</td>
+ <td class="math">\(q\)</td>
+ <td>coulomb</td>
+ <td class="math">\(C\)</td>
+ </tr>
+ <tr>
+ <td>afstand</td>
+ <td class="math">\(s\)</td>
+ <td>meter</td>
+ <td class="math">\(m\)</td>
+ </tr>
+ <tr>
+ <td>temperatur</td>
+ <td class="math">\(T\)</td>
+ <td>kelvin</td>
+ <td class="math">\(K\)</td>
+ </tr>
+ <tr>
+ <td>tid</td>
+ <td class="math">\(t\)</td>
+ <td>sekund</td>
+ <td class="math">\(s\)</td>
+ </tr>
+ <tr class="small">
+ <th colspan="4">Mål<sub> med unavngivede enheder</sub></th>
+ </tr>
+ <tr>
+ <td>areal</td>
+ <td class="math">\(A\)</td>
+ <td>kvadratmeter</td>
+ <td class="math">\(m^2\)</td>
+ </tr>
+ <tr>
+ <td>acceleration</td>
+ <td class="math">\(a\)</td>
+ <td>meter pr. kvadratsekund</td>
+ <td class="math">\(\frac {m}{s^2}\)</td>
+ </tr>
+ <tr>
+ <td>varmekapacitet</td>
+ <td class="math">\(C\)</td>
+ <td>joule pr. kelvin</td>
+ <td class="math">\(\frac {J}{K}\)</td>
+ </tr>
+ <tr>
+ <td>specifik varmekapacitet</td>
+ <td class="math">\(c\)</td>
+ <td>joule pr. kelvin-kilogram</td>
+ <td class="math">\(\frac {J}{K \cdot kg}\)</td>
+ </tr>
+ <tr>
+ <td>intensitet</td>
+ <td class="math">\(i\)</td>
+ <td>watt pr. kvadratmeter</td>
+ <td class="math">\(\frac {W}{m^2}\)</td>
+ </tr>
+ <tr>
+ <td>volumen</td>
+ <td class="math">\(V\)</td>
+ <td>kubikmeter</td>
+ <td class="math">\(m^3\)</td>
+ </tr>
+ <tr>
+ <td>hastighed</td>
+ <td class="math">\(v\)</td>
+ <td>meter pr. sekund</td>
+ <td class="math">\(\frac {m}{s}\)</td>
+ </tr>
+ <tr>
+ <td>densitet</td>
+ <td class="math">\(\rho\)</td>
+ <td>kilogram pr. kubikmeter</td>
+ <td class="math">\(\frac {kg}{m^3}\)</td>
+ </tr>
+ <tr class="small">
+ <th colspan="4">Mål<sub> uden enheder</sub></th>
+ </tr>
+ <tr>
+ <td>strålingsfaktor</td>
+ <td class="math">\(\varepsilon\)</td>
+ </tr>
+ </table>
+ <p>Mål med variante enheder:</p>
+ <table>
+ <tr>
+ <th>Mål</th>
+ <th>Enheder</th>
+ <th>Symboler<sub> af enheder</sub></th>
+ </tr>
+ <tr>
+ <td>temperatur</td>
+ <td>grader celsius</td>
+ <td class="math">\({}^{\circ}C\)</td>
+ </tr>
+ <tr>
+ <td>hastighed</td>
+ <td>kilometer pr. time</td>
+ <td class="math">\(\frac {km}{h}\)</td>
+ </tr>
+ </table>
+ <p>Variante mål:</p>
+ <table>
+ <tr>
+ <th>Mål</th>
+ <th>Symbol</th>
+ <th>Afledt af</th>
+ </tr>
+ <tr>
+ <td>tyngdeacceleration</td>
+ <td class="math">\(g\)</td>
+ <td>acceleration</td>
+ </tr>
+ <tr>
+ <td>kinetisk energi</td>
+ <td class="math">\(K\)</td>
+ <td rowspan="4">energi</td>
+ </tr>
+ <tr>
+ <td>potentiel energi</td>
+ <td class="math">\(U\)</td>
+ </tr>
+ <tr>
+ <td>varmeenergi</td>
+ <td class="math">\(Q\)</td>
+ </tr>
+ <tr>
+ <td>arbejde</td>
+ <td class="math">\(W\)</td>
+ </tr>
+ <tr>
+ <td>bølgelængde</td>
+ <td class="math">\(\lambda\)</td>
+ <td>afstand</td>
+ </tr>
+ </table>
+ <p>Afledte enheder:</p>
+ <p class="math">\(1\ C=1\ A \cdot 1\ s\)</p>
+ <p class="math">\(1\ Hz=1\ s^{-1}\)</p>
+ <p class="math">\(1\ J=1\ \frac {kg \cdot m^2}{s^2}\)</p>
+ <p class="math">\(1\ N=1\ \frac {kg \cdot m}{s^2}\)</p>
+ <p class="math">\(1\ Pa=1\ \frac {kg}{ms^2}\)</p>
+ <p class="math">\(1\ W=1\ \frac Js\)</p>
+ <br />
+ <p>Variante enheder:</p>
+ <p class="math">\(1\ {}^{\circ}C=\frac {5463}{20}\ K\)</p>
+ <p class="math">\(1\ \frac {km}h=\frac 5{18}\ \frac ms\)</p>
+ </div>
+ <div class="section" id="electrodynamics">
+ <p class="sectionTitle">Elektrodynamik</p>
+ <p class="math">\(I=\frac qt\)</p>
+ <br />
+ <p class="math">\(i=\frac PA\)</p>
+ <p class="math">\(i=T^4{\sigma}{\varepsilon}\)</p>
+ <p>... afgives ved stråling.</p>
+ <br />
+ <p class="math">\(P=iA\)</p>
+ <br />
+ <p class="math">\(q=It\)</p>
+ <br />
+ <p class="math">\(T=\sqrt[4] {\frac i{{\sigma}{\varepsilon}}}\)</p>
+ <br />
+ <p class="math">\(\lambda=\frac {v}{f}\)</p>
+ </div>
+ <div class="section" id="mechanics">
+ <p class="sectionTitle">Mekanik</p>
+ <p class="math">\(a=\frac Fm\)</p>
+ <p class="math">\(a=\frac vt\)</p>
+ <p class="math">\(g=\frac {Gm}{r^{2}}\)</p>
+ <p>... hvori <i>r</i> er afstanden til planetens kerne.</p>
+ <p class="math">\(g_&#9793;=\frac {981}{100}\ \frac {m}{s^2}\)</p>
+ <p>... er standard på Jorden.</p>
+ <br />
+ <p class="math">\(E=Pt\)</p>
+ <p class="math">\(K=\frac {mv^2}2\)</p>
+ <p class="math">\(U=Fs\)</p>
+ <p>... hvori <i>F</i> er tyngdekraften og <i>g</i> er den lokale tyngeacceleration.</p>
+ <p class="math">\(W=Fs\)</p>
+ <br />
+ <p class="math">\(F=\frac Es\)</p>
+ <p class="math">\(F=\frac {Gm_{0}m_{1}}{r^{2}}\)</p>
+ <p>... hvori <span class="math">\(m_0\)</span> og <span class="math">\(m_1\)</span> er masserne af objekterne og <span class="math">\(r\)</span> er afstanden mellem centrene af de to objekter.</p>
+ <br />
+ <p class="math">\(P=\frac Et\)</p>
+ <br />
+ <p class="math">\(p=\frac FA\)</p>
+ <br />
+ <p class="math">\(\rho=\frac mV\)</p>
+ </div>
+ <div class="section" id="thermodynamics">
+ <p class="sectionTitle">Termodynamik</p>
+ <p class="math">\(C=Cm\)</p>
+ <br />
+ <p class="math">\(c=\frac Cm\)</p>
+ <br />
+ <p class="math">\(Q=CT\)</p>
+ </div>
+ <div class="section" id="constants">
+ <p class="sectionTitle">Konstanter</p>
+ <p class="small">Jf. <a href="/html/mathematics.html#constants">matematikkens konstanter</a>.</p>
+ <table>
+ <tr>
+ <th>Navn</th>
+ <th>Symbol</th>
+ </tr>
+ <tr>
+ <td>lysets hastighed i et vakuum</td>
+ <td class="math">\(c\)</td>
+ </tr>
+ <tr>
+ <td>elementærladningen</td>
+ <td class="math">\(e\)</td>
+ </tr>
+ <tr>
+ <td>gravitationskonstanten</td>
+ <td class="math">\(G\)</td>
+ </tr>
+ <tr>
+ <td>Plancks konstant</td>
+ <td class="math">\(h\)</td>
+ </tr>
+ <tr>
+ <td>Boltzmanns konstant</td>
+ <td class="math">\(k_B\)</td>
+ </tr>
+ <tr>
+ <td>Stefan-Boltzmann konstanten</td>
+ <td class="math">\(\sigma\)</td>
+ </tr>
+ </table>
+ <p class="math">\(c=299\ 792\ 458\ \frac {m}{s}\)</p>
+ <p class="math">\(e=\frac {1\ 602\ 176\ 634}{10^{28}}\ C\)</p>
+ <p class="math">\(G \approx \frac {66\ 743}{10^{15}}\ \frac {m^3}{kg \cdot s^2}\)</p>
+ <p class="math">\(h=\frac {662\ 607\ 015}{10^{42}}\ \frac {J}{Hz}\)</p>
+ <p class="math">\(k_B=\frac {1\ 380\ 649}{10^{29}}\ \frac {J}{K}\)</p>
+ <p class="math">\(\sigma=\frac {2\pi^5k_B^4}{15h^3c^2} \approx \frac {5\ 670\ 374\ 419}{10^{17}}\ \frac {W}{m^2K^4}\)</p>
+ </div>
+ </div>
+ <!--#include virtual="/shtml/pageFooter.shtml"-->
+ </body>
+</html>
diff --git a/reference/html/social-science.html b/reference/html/social-science.html
new file mode 100644
index 0000000..bbcc61e
--- /dev/null
+++ b/reference/html/social-science.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="da">
+ <!--#include virtual="/shtml/head.shtml"-->
+ <body>
+ <!--#include virtual="/shtml/pageHeader.shtml"-->
+ <div class="page">
+ <p class="pageTitle">Samfundsfag</p>
+ <div class="section">
+ <p>Kommer senere.</p>
+ </div>
+ </div>
+ <!--#include virtual="/shtml/pageFooter.shtml"-->
+ </body>
+</html>
diff --git a/reference/js/iife.js b/reference/js/iife.js
new file mode 100644
index 0000000..43018d5
--- /dev/null
+++ b/reference/js/iife.js
@@ -0,0 +1,10 @@
+(function () {
+ /*
+ We set cookies by default, but we do NOT need consent for these as they
+ are necessary and as per <https://gdpr.eu/cookies>: "To comply with the
+ regulations governing cookies under the GDPR and the ePrivacy Directive
+ you must: ... Receive users’ consent before you use any cookies
+ __except__ strictly necessary cookies..."
+ */
+ setTheme(localStorage.getItem("theme"));
+})();
diff --git a/reference/js/setTheme.js b/reference/js/setTheme.js
new file mode 100644
index 0000000..b90f629
--- /dev/null
+++ b/reference/js/setTheme.js
@@ -0,0 +1,29 @@
+function setTheme(theme) {
+ localStorage.setItem("theme",theme);
+ var root = document.querySelector(":root");
+ var rootstyle = getComputedStyle(root);
+ const black = rootstyle.getPropertyValue("--black");
+ const darkgrey = rootstyle.getPropertyValue("--darkgrey");
+ const lightgrey = rootstyle.getPropertyValue("--lightgrey");
+ const white = rootstyle.getPropertyValue("--white");
+ var backgroundColour0;
+ var backgroundColour1;
+ var foregroundColour;
+ if (theme === "dark") {
+ backgroundColour0 = black;
+ backgroundColour1 = darkgrey;
+ foregroundColour = white;
+ }
+ else if (theme === "light") {
+ backgroundColour0 = lightgrey;
+ backgroundColour1 = white;
+ foregroundColour = black;
+ }
+ else {
+ setTheme("dark");
+ return;
+ }
+ root.style.setProperty("--backgroundColour0",backgroundColour0);
+ root.style.setProperty("--backgroundColour1",backgroundColour1);
+ root.style.setProperty("--foregroundColour",foregroundColour);
+}
diff --git a/reference/js/toggleTheme.js b/reference/js/toggleTheme.js
new file mode 100644
index 0000000..cfc1394
--- /dev/null
+++ b/reference/js/toggleTheme.js
@@ -0,0 +1,7 @@
+function toggleTheme() {
+ if (localStorage.getItem("theme") === "light") {
+ setTheme("dark");
+ return;
+ }
+ setTheme("light");
+}
diff --git a/reference/shtml/head.shtml b/reference/shtml/head.shtml
new file mode 100644
index 0000000..2c9a1da
--- /dev/null
+++ b/reference/shtml/head.shtml
@@ -0,0 +1,12 @@
+<head>
+ <meta charset="UTF-8" />
+ <title>Fagligt Opslagsværk &ndash; Achernar</title>
+ <link href="/svg/achernar.svg" rel="icon" />
+ <link href="/css/main.css" rel="stylesheet" />
+ <noscript>
+ <link href="/css/noJavaScript.css" rel="stylesheet" />
+ </noscript>
+ <script src="/js/setTheme.js"></script>
+ <script src="/js/toggleTheme.js"></script>
+ <script src="/js/iife.js"></script>
+</head>
diff --git a/reference/shtml/mathJax.shtml b/reference/shtml/mathJax.shtml
new file mode 100644
index 0000000..32219dc
--- /dev/null
+++ b/reference/shtml/mathJax.shtml
@@ -0,0 +1,4 @@
+<head>
+ <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
+ <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+</head>
diff --git a/reference/shtml/pageFooter.shtml b/reference/shtml/pageFooter.shtml
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/reference/shtml/pageFooter.shtml
diff --git a/reference/shtml/pageHeader.shtml b/reference/shtml/pageHeader.shtml
new file mode 100644
index 0000000..b1bcf30
--- /dev/null
+++ b/reference/shtml/pageHeader.shtml
@@ -0,0 +1,11 @@
+<div class="logotype">
+ <img src="/svg/logotype.svg" />
+</div>
+<p class="title">Fagligt Opslagsværk</p>
+<div class="navigationBar">
+ <img class="themeToggler" onclick="toggleTheme()" src="/svg/themeToggler.svg" title="Skift kontrast" />
+ <p><span><a href="/html/about.html">Om</a></span></p>
+ <p><span><a href="/html/astronomy.html">Astronomi</a></span><span><a href="/html/chemistry.html">Kemi</a></span><span><a href="/html/physics.html">Fysik</a></span><span><a href="/html/mathematics.html">Matematik</a></span></p>
+ <p><span><a href="/html/history.html">Historie</a></span><span><a href="/html/social-science.html">Samfundsfag</a></span></p>
+ <p><span><a href="/html/french.html">Fransk</a></span><span><a href="/html/latin.html">Latin</a></span><span><a href="/html/german.html">Tysk</a></span></p>
+</div>
diff --git a/reference/svg/achernar.svg b/reference/svg/achernar.svg
new file mode 100644
index 0000000..6250dc6
--- /dev/null
+++ b/reference/svg/achernar.svg
@@ -0,0 +1,4 @@
+<svg height="60" width="60" xmlns="http://www.w3.org/2000/svg">
+ <rect fill="#5F7C9C" height="60" width="60" x="0" y="0" />
+ <polygon fill="#F6F4F4" points="12,48 30,12 48,48 37.267,48 27.317,28.1 17.367,48" />
+</svg>
diff --git a/reference/svg/logotype.svg b/reference/svg/logotype.svg
new file mode 100644
index 0000000..4936358
--- /dev/null
+++ b/reference/svg/logotype.svg
@@ -0,0 +1,3 @@
+<svg height="60" width="60" xmlns="http://www.w3.org/2000/svg">
+ <polygon fill="#F6F4F4" points="12,48 30,12 48,48 37.267,48 27.317,28.1 17.367,48" />
+</svg>
diff --git a/reference/svg/themeToggler.svg b/reference/svg/themeToggler.svg
new file mode 100644
index 0000000..b5cdcc7
--- /dev/null
+++ b/reference/svg/themeToggler.svg
@@ -0,0 +1,4 @@
+<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg">
+ <polygon fill="#F6F4F4" points="11,0 24,0 24,24 11,24" />
+ <polygon fill="#1B1A1A" points="0,0 12,0 12,24 0,24" />
+</svg>