diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..9b4a57227737285f0877095ca0f66eb2db81a568
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+*~
+public/
diff --git a/publish.py b/publish.py
new file mode 100755
index 0000000000000000000000000000000000000000..31f7b4888c72ac9c61eff322cdbc45ed373125e6
--- /dev/null
+++ b/publish.py
@@ -0,0 +1,18 @@
+#!/usr/bin/env python3
+
+import os, shutil, sys
+
+from httk.httkweb import publish
+
+if not os.path.exists("public"):
+ os.mkdir("public")
+
+for filename in os.listdir("public"):
+ if not filename.startswith("."):
+ f = os.path.join("public",filename)
+ if os.path.isdir(f):
+ shutil.rmtree(f)
+ else:
+ os.unlink(f)
+
+publish("src","public",'http://127.0.0.1/')
diff --git a/src/config.httkweb b/src/config.httkweb
new file mode 100644
index 0000000000000000000000000000000000000000..da6e6a66853f52894815167bb341a70b4ebe0de5
--- /dev/null
+++ b/src/config.httkweb
@@ -0,0 +1,4 @@
+---
+menuitems-list: index, contact
+---
+
diff --git a/src/config_dynamic.httkweb b/src/config_dynamic.httkweb
new file mode 100644
index 0000000000000000000000000000000000000000..684c35d22024d7afe3493d632bd9d4d2d064101e
--- /dev/null
+++ b/src/config_dynamic.httkweb
@@ -0,0 +1,4 @@
+---
+menuitems-list: index, contact
+urls_without_ext: true
+---
diff --git a/src/content/404.httkweb b/src/content/404.httkweb
new file mode 100644
index 0000000000000000000000000000000000000000..9d628147a1bda1eb5f127ade5c98726cad1ac70b
--- /dev/null
+++ b/src/content/404.httkweb
@@ -0,0 +1,10 @@
+---
+Title: Contact
+Date: 2018-08-16
+Version: 1
+Author: Rickard Armiento
+Template: 404
+---
+The page could not be found.
+
+
diff --git a/src/content/collab_proj_course.rst b/src/content/collab_proj_course.rst
new file mode 100644
index 0000000000000000000000000000000000000000..fdc14fba485f93ec87f1f5e5a7730212fd2267f4
--- /dev/null
+++ b/src/content/collab_proj_course.rst
@@ -0,0 +1,34 @@
+:Title: Courses
+:Date: 2020-09-27
+:Version: 1
+:Author: Rickard Armiento
+:Template: default
+:Base_template: base_default
+
+============================================================================
+Collaborative Software Engineering Project in Computational Physics (9 ECTS)
+============================================================================
+
+Teacher
+-------
+
+Rickard Armiento
+
+Course description
+------------------
+
+The course teaches software development and software engineering skills in 10 lectures, 4 hands-on exercises, and a collaborative software project in computational physics. The course is targeted at students who want to elevate their skills beyond "programming" to learn modern practices in collaborative software engineering, applied in the context of a computational physics project. The lectures span both theoretical and practical aspects of a wide range of software engineering topics as well as some selected topics in computational physics. The topics covered include agile project models, software version control, documentation, multi-paradigm programming, testing (unit and integration testing, TDD, CI/CD), currency and parallelism, databases, software development practices in the industry (guest lecture). The lectures also cover the basics of molecular dynamics simulations and exploratory data analysis and visualization. To provide practical training, four hands-on exercises are provided on collaborative version control with git and GitHub, testing/CI, visualization, and computational physics simulations. The students then apply these skills in a larger collaborative project, run according to an agile project model, to develop a software package for molecular dynamics simulations. The project tasks also include executing the software in high-throughput, applying exploratory data analysis and visualization on the results, and collect results in a database. The course will provide sufficient training in essential computational physics and molecular dynamics concepts to allow students with less experience in these topics to participate. Nevertheless, the project also allows engaging more deeply in the computational physics aspects for those with more experience in the topic. After completing the course the students will be able to:
+
+* identify and apply central concepts of collaborative software development and engineering, and be familiar with the basic functions of standard tools.
+* design, model, implement, test, document, and deliver a software system using modern practices and methodologies in software engineering, using an agile project model.
+* implement, operate, and explore results of software for computational physics simulations.
+
+The course will constructed out of a project in an undergraduate course on the advanced level, which we presently (autumn 2020) run for the first time with good success so far
+
+Course dates
+------------
+September - December, 2021
+
+Organization
+------------
+During September - October there are 10 lectures and 4 hands-on exercies. Depending on the corona situation, there may be an option to attended the lectures and the final presentation in person at Linköping University, but there will always be the option to watch/do these remotely. The project work is coordinated with the project group over the Internet using the collaborative tools covered in the course.
diff --git a/src/content/contact.httkweb b/src/content/contact.httkweb
new file mode 100644
index 0000000000000000000000000000000000000000..db3b97e2a4c39b7ccdba3fd6da39b2e7c4490835
--- /dev/null
+++ b/src/content/contact.httkweb
@@ -0,0 +1,14 @@
+---
+Title: Contact
+Date: 2018-08-16
+Version: 1
+Author: Rickard Armiento
+Template: default
+---
+
+Contact
+=======
+
+Contact Rickard at rickard.armiento [at] liu.se
+(where [at] is replaced by @)
+
diff --git a/src/content/index.rst b/src/content/index.rst
new file mode 100644
index 0000000000000000000000000000000000000000..472c49de4089ab2c0b8e5daa9127ead41b7ae7f0
--- /dev/null
+++ b/src/content/index.rst
@@ -0,0 +1,12 @@
+:Title: Front page
+:Date: 2020-09-27
+:Version: 1
+:Author: Rickard Armiento
+:Template: default
+:Base_template: base_default
+
+=====================================
+Materials Design and Informatics Unit
+=====================================
+
+This web page contains some external web pages maintained by the `Materials Design and Informatics unit at Linköping University <https://liu.se/en/research/materials-design-and-informatics>`__.
diff --git a/src/static/img/Example.png b/src/static/img/Example.png
new file mode 100644
index 0000000000000000000000000000000000000000..aa613599201f8ac36246f65c18e760f6f3c82903
Binary files /dev/null and b/src/static/img/Example.png differ
diff --git a/src/static/img/httk-logo-curves.svg b/src/static/img/httk-logo-curves.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2d7717492641c874d33e4746af98a398179a7e9f
--- /dev/null
+++ b/src/static/img/httk-logo-curves.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="154.49173mm"
+ height="81.647926mm"
+ viewBox="0 0 154.49173 81.647926"
+ version="1.1"
+ id="svg8"
+ inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+ sodipodi:docname="httk-logo-curves.svg"
+ inkscape:export-filename="/home/rar/Research/Codes/Httk/gfx/httk-logo.png"
+ inkscape:export-xdpi="493.23001"
+ inkscape:export-ydpi="493.23001">
+ <defs
+ id="defs2" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="0.35"
+ inkscape:cx="-1830.1742"
+ inkscape:cy="-234.58128"
+ inkscape:document-units="mm"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ inkscape:window-width="2560"
+ inkscape:window-height="1343"
+ inkscape:window-x="1920"
+ inkscape:window-y="27"
+ inkscape:window-maximized="1"
+ fit-margin-left="10"
+ fit-margin-top="10"
+ fit-margin-right="10"
+ fit-margin-bottom="10" />
+ <metadata
+ id="metadata5">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-19.013332,-12.678635)">
+ <g
+ aria-label="httk"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:80.69100189px;line-height:125%;font-family:NanumBarunGothic;-inkscape-font-specification:'NanumBarunGothic, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ff4b39;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ id="text4520">
+ <path
+ d="m 34.581012,27.600786 v -1.855893 q 1.210365,-0.484146 2.662803,-0.968292 1.533129,-0.564837 3.146949,-0.968292 1.61382,-0.484146 3.146949,-0.726219 1.533129,-0.322764 2.904876,-0.403455 l 1.694511,0.726219 -7.26219,33.890221 h 0.403455 q 1.533129,-3.22764 3.469713,-5.971134 1.936584,-2.824185 4.03455,-4.84146 2.178657,-2.097966 4.518696,-3.22764 2.340039,-1.210365 4.760769,-1.210365 3.711786,0 5.325606,2.178657 1.694511,2.097966 1.694511,5.244915 0,2.178657 -0.403455,4.680078 -0.403455,2.501421 -0.968292,4.84146 l -4.599387,19.849987 h 5.971134 v 2.097966 q -1.61382,1.291056 -3.873168,2.097966 -2.259348,0.80691 -4.518696,0.80691 -2.340039,0 -3.22764,-0.968292 -0.887601,-0.968292 -0.887601,-2.097966 0,-1.452438 0.403455,-3.22764 0.403455,-1.855893 0.80691,-3.711786 l 2.904876,-13.475398 q 0.564837,-2.501421 0.968292,-4.680078 0.484146,-2.178657 0.484146,-4.195932 0,-1.855893 -0.80691,-3.146949 -0.80691,-1.291056 -2.178657,-1.291056 -2.501421,0 -4.84146,1.775202 -2.340039,1.775202 -4.357314,4.276623 -2.017275,2.501421 -3.550404,5.244915 Q 40.87491,61.006861 40.068,62.782063 L 35.791377,83.358269 H 29.013332 L 40.068,28.327005 Z"
+ style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:80.69100189px;font-family:'PT Serif';-inkscape-font-specification:'PT Serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ff4b39;fill-opacity:1;stroke-width:0.26458332px"
+ id="path814" />
+ <path
+ d="m 74.439843,44.949352 q 1.61382,-0.887601 3.389022,-1.61382 1.855893,-0.726219 3.631095,-1.129674 l 1.291056,-6.132516 q 1.129674,-0.887601 2.582112,-1.533129 1.533129,-0.726219 3.146949,-1.371747 l 1.694512,0.968292 -1.936585,8.87601 h 10.005685 q 0.161382,0.968292 0,2.017275 -0.161382,1.048983 -0.80691,2.017275 H 87.431094 l -5.083533,23.40039 q -0.322764,1.533129 -0.484146,2.743494 -0.161382,1.129675 -0.161382,2.097967 0,2.097966 1.210365,3.066258 1.210365,0.968292 2.662803,0.968292 2.017275,0 4.276624,-0.726219 2.340039,-0.80691 4.276623,-1.775202 l 0.887601,1.452438 q -0.726219,1.048983 -2.178657,2.097966 -1.452438,1.048983 -3.308331,1.936584 -1.775203,0.887601 -3.792478,1.452438 -1.936584,0.564837 -3.711786,0.564837 -3.550404,0 -5.567679,-1.61382 -2.017275,-1.61382 -2.017275,-5.002842 0,-1.129674 0.161382,-2.501421 0.242073,-1.371747 0.564837,-2.824186 l 5.325606,-25.336974 h -6.132516 z"
+ style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:80.69100189px;font-family:'PT Serif';-inkscape-font-specification:'PT Serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ff4b39;fill-opacity:1;stroke-width:0.26458332px"
+ id="path816" />
+ <path
+ d="m 101.70458,44.949352 q 1.61382,-0.887601 3.38902,-1.61382 1.85589,-0.726219 3.63109,-1.129674 l 1.29106,-6.132516 q 1.12967,-0.887601 2.58211,-1.533129 1.53313,-0.726219 3.14695,-1.371747 l 1.69451,0.968292 -1.93658,8.87601 h 10.00568 q 0.16138,0.968292 0,2.017275 -0.16138,1.048983 -0.80691,2.017275 h -10.00568 l -5.08354,23.40039 q -0.32276,1.533129 -0.48414,2.743494 -0.16138,1.129675 -0.16138,2.097967 0,2.097966 1.21036,3.066258 1.21037,0.968292 2.6628,0.968292 2.01728,0 4.27663,-0.726219 2.34004,-0.80691 4.27662,-1.775202 l 0.8876,1.452438 q -0.72622,1.048983 -2.17866,2.097966 -1.45243,1.048983 -3.30833,1.936584 -1.7752,0.887601 -3.79247,1.452438 -1.93659,0.564837 -3.71179,0.564837 -3.5504,0 -5.56768,-1.61382 -2.01727,-1.61382 -2.01727,-5.002842 0,-1.129674 0.16138,-2.501421 0.24207,-1.371747 0.56483,-2.824186 l 5.32561,-25.336974 h -6.13252 z"
+ style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:80.69100189px;font-family:'PT Serif';-inkscape-font-specification:'PT Serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ff4b39;fill-opacity:1;stroke-width:0.26458332px"
+ id="path818" />
+ <path
+ d="m 148.7386,79.727174 q -2.58211,-4.357314 -4.35731,-8.230483 -1.7752,-3.953859 -3.38902,-7.342881 l -2.90488,-0.80691 -3.79248,20.011369 h -6.93942 l 10.97397,-55.031264 -5.64837,-0.726219 v -2.017275 q 2.34004,-1.048983 5.64837,-1.855893 3.38903,-0.887601 6.21321,-1.048983 l 1.69451,0.887601 -7.58495,37.682698 h 2.34004 q 1.69451,-1.048983 3.46971,-2.582112 1.85589,-1.533129 3.46971,-3.146949 1.69451,-1.61382 2.98557,-3.066258 1.29106,-1.533129 2.01728,-2.582112 0.0807,-0.564837 0.0807,-1.533129 0.0807,-0.968292 0,-1.936584 0,-1.048983 -0.0807,-1.936584 0,-0.968292 -0.0807,-1.452438 2.98557,-1.048983 5.80976,-1.048983 2.90487,0 4.84146,1.048983 -1.04899,2.662803 -3.22764,5.325606 -2.17866,2.662803 -4.68008,5.002842 -2.50142,2.259348 -4.92215,4.195932 -2.42073,1.855893 -3.87317,2.904876 0.56484,1.533129 1.7752,4.03455 1.29106,2.42073 2.7435,5.083533 1.53312,2.662803 3.14694,5.164225 1.69452,2.501421 3.06626,4.115241 h 5.08354 v 2.097966 q -1.61382,1.291056 -3.55041,2.097966 -1.85589,0.80691 -3.95386,0.80691 -1.93658,0 -3.46971,-0.887601 -1.53313,-0.887601 -2.90488,-3.22764 z"
+ style="font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:80.69100189px;font-family:'PT Serif';-inkscape-font-specification:'PT Serif, Italic';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ff4b39;fill-opacity:1;stroke-width:0.26458332px"
+ id="path820" />
+ </g>
+ </g>
+</svg>
diff --git a/src/static/resources/css/httkdemo.css b/src/static/resources/css/httkdemo.css
new file mode 100644
index 0000000000000000000000000000000000000000..3d1c815038d0411563438900052aa69e7e02a9a0
--- /dev/null
+++ b/src/static/resources/css/httkdemo.css
@@ -0,0 +1,314 @@
+body {
+ padding-top: 0rem;
+}
+.navbar-custom {
+}
+.navbar-custom .navbar-nav .nav-link {
+ color: grey;
+}
+.navbar-custom .nav-link.active,
+.navbar-custom .nav-link:hover {
+ color: black;
+}
+.border-3 {
+ border-width:3px !important;
+}
+.border-orange {
+ border-color: #f80 !important;
+}
+.border-darkgrey {
+ border-color: #888 !important;
+}
+.orange {
+ color: #f80 !important;
+}
+.dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover{background-color: white; color: black;}
+.dropdown .dropdown-menu .dropdown-item {background-color: white; color: grey;}
+
+.align-right {
+ float: right;
+ margin: 2em;
+}
+
+h1, h2, h3 {
+ padding-top: 1em;
+}
+
+.publist a {
+ font-style: italic;
+}
+
+* {
+ box-sizing: border-box; }
+
+body {
+ padding: 0;
+ margin: 0;
+ font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 16px;
+ line-height: 1.5;
+ color: #606c71; }
+
+a {
+ color: #1e6bb8;
+ text-decoration: none; }
+ a:hover {
+ text-decoration: underline; }
+
+.page-header .btn {
+ display: inline-block;
+ margin-bottom: 1rem;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: rgba(255, 255, 255, 0.2);
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 0.3rem;
+ transition: color 0.2s, background-color 0.2s, border-color 0.2s; }
+.page-header .btn:hover {
+ color: rgba(255, 255, 255, 0.8);
+ text-decoration: none;
+ background-color: rgba(255, 255, 255, 0.2);
+ border-color: rgba(255, 255, 255, 0.3); }
+.page-header .btn + .btn {
+ margin-left: 1rem; }
+ @media screen and (min-width: 64em) {
+ .page-header .btn {
+ padding: 0.75rem 1rem; } }
+ @media screen and (min-width: 42em) and (max-width: 64em) {
+ .page-header .btn {
+ padding: 0.6rem 0.9rem;
+ font-size: 0.9rem; } }
+ @media screen and (max-width: 42em) {
+ .page-header .btn {
+ display: block;
+ width: 100%;
+ padding: 0.75rem;
+ font-size: 0.9rem; }
+ .btn + .btn {
+ margin-top: 1rem;
+ margin-left: 0; } }
+
+.page-header {
+ color: #fff;
+ text-align: center;
+ #background-color: #155799;
+ background-color: #114a85;
+ #background-image: linear-gradient(120deg, #80b8df, #155799);
+ #background-image: linear-gradient(120deg, #80b8df, #103481);
+ #background-image: linear-gradient(120deg, #103481, #80b8df);
+ #background-image: linear-gradient(120deg, #A03481, #FA380f);
+ background-image: linear-gradient(120deg, #703481, #6A0000);
+ }
+ .page-header img {
+ height:96px;
+ }
+ @media screen and (min-width: 64em) {
+ .page-header {
+ padding: 3rem 4rem; } }
+ @media screen and (min-width: 42em) and (max-width: 64em) {
+ .page-header {
+ padding: 3rem 4rem; } }
+ @media screen and (max-width: 42em) {
+ .page-header {
+ padding: 2rem 1rem; } }
+
+.project-name {
+ margin-top: 0;
+ margin-bottom: 0.1rem; }
+ @media screen and (min-width: 64em) {
+ .project-name {
+ font-size: 3.25rem; } }
+ @media screen and (min-width: 42em) and (max-width: 64em) {
+ .project-name {
+ font-size: 2.25rem; } }
+ @media screen and (max-width: 42em) {
+ .project-name {
+ font-size: 1.75rem; } }
+
+.project-tagline {
+ margin-bottom: 2rem;
+ font-weight: normal;
+ opacity: 0.7; }
+ @media screen and (min-width: 64em) {
+ .project-tagline {
+ font-size: 1.25rem; } }
+ @media screen and (min-width: 42em) and (max-width: 64em) {
+ .project-tagline {
+ font-size: 1.15rem; } }
+ @media screen and (max-width: 42em) {
+ .project-tagline {
+ font-size: 1rem; } }
+
+.main-content {
+ word-wrap: break-word; }
+ .main-content :first-child {
+ margin-top: 0; }
+ @media screen and (min-width: 64em) {
+ .main-content {
+ max-width: 64rem;
+ padding: 2rem 6rem;
+ margin: 0 auto;
+ font-size: 1.1rem; } }
+ @media screen and (min-width: 42em) and (max-width: 64em) {
+ .main-content {
+ padding: 2rem 4rem;
+ font-size: 1.1rem; } }
+ @media screen and (max-width: 42em) {
+ .main-content {
+ padding: 2rem 1rem;
+ font-size: 1rem; } }
+ .main-content img {
+ max-width: 100%; }
+ .main-content h1,
+ .main-content h2,
+ .main-content h3,
+ .main-content h4,
+ .main-content h5,
+ .main-content h6 {
+ margin-top: 2rem;
+ margin-bottom: 1rem;
+ font-weight: normal;
+ color: #ff4b39; }
+ .main-content p {
+ margin-bottom: 1em; }
+ .main-content code {
+ padding: 2px 4px;
+ font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 0.9rem;
+ color: #567482;
+ background-color: #f3f6fa;
+ border-radius: 0.3rem; }
+ .main-content pre {
+ padding: 0.8rem;
+ margin-top: 0;
+ margin-bottom: 1rem;
+ font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ color: #567482;
+ word-wrap: normal;
+ background-color: #f3f6fa;
+ border: solid 1px #dce6f0;
+ border-radius: 0.3rem; }
+ .main-content pre > code {
+ padding: 0;
+ margin: 0;
+ font-size: 0.9rem;
+ color: #567482;
+ word-break: normal;
+ white-space: pre;
+ background: transparent;
+ border: 0; }
+ .main-content .highlight {
+ margin-bottom: 1rem; }
+ .main-content .highlight pre {
+ margin-bottom: 0;
+ word-break: normal; }
+ .main-content .highlight pre,
+ .main-content pre {
+ padding: 0.8rem;
+ overflow: auto;
+ font-size: 0.9rem;
+ line-height: 1.45;
+ border-radius: 0.3rem;
+ -webkit-overflow-scrolling: touch; }
+ .main-content pre code,
+ .main-content pre tt {
+ display: inline;
+ max-width: initial;
+ padding: 0;
+ margin: 0;
+ overflow: initial;
+ line-height: inherit;
+ word-wrap: normal;
+ background-color: transparent;
+ border: 0; }
+ .main-content pre code:before, .main-content pre code:after,
+ .main-content pre tt:before,
+ .main-content pre tt:after {
+ content: normal; }
+ .main-content ul,
+ .main-content ol {
+ margin-top: 0; }
+ .main-content blockquote {
+ padding: 0 1rem;
+ margin-left: 0;
+ color: #819198;
+ border-left: 0.3rem solid #dce6f0; }
+ .main-content blockquote > :first-child {
+ margin-top: 0; }
+ .main-content blockquote > :last-child {
+ margin-bottom: 0; }
+ .main-content table {
+ display: block;
+ width: 100%;
+ overflow: auto;
+ word-break: normal;
+ word-break: keep-all;
+ -webkit-overflow-scrolling: touch; }
+ .main-content table th {
+ font-weight: bold; }
+ .main-content table th,
+ .main-content table td {
+ padding: 0.5rem 1rem;
+ border: 1px solid #e9ebec; }
+ .main-content dl {
+ padding: 0; }
+ .main-content dl dt {
+ padding: 0;
+ margin-top: 1rem;
+ font-size: 1rem;
+ font-weight: bold; }
+ .main-content dl dd {
+ padding: 0;
+ margin-bottom: 1rem; }
+ .main-content hr {
+ height: 2px;
+ padding: 0;
+ margin: 1rem 0;
+ background-color: #eff0f1;
+ border: 0; }
+
+.site-footer {
+ padding-top: 2rem;
+ margin-top: 2rem;
+ border-top: solid 1px #eff0f1; }
+ @media screen and (min-width: 64em) {
+ .site-footer {
+ font-size: 1rem; } }
+ @media screen and (min-width: 42em) and (max-width: 64em) {
+ .site-footer {
+ font-size: 1rem; } }
+ @media screen and (max-width: 42em) {
+ .site-footer {
+ font-size: 0.9rem; } }
+
+.site-footer-owner {
+ display: block;
+ font-weight: bold; }
+
+.site-footer-credits {
+ color: #819198; }
+
+.project-name {
+ font-weight: bold;
+ display: inline;
+}
+.top-left-dropdown {
+ background-color: #eff0f1;
+ border-color: #dfe0e1;
+ color: grey;
+}
+.dropdown-toggle {
+ background-color: #ffffff;
+ border-color: #dfe0e1;
+ color: grey;
+}
+@media all and (min-width: 992px) {
+ .navbar .nav-item .dropdown-menu{ display: none; }
+ .navbar .nav-item:hover .dropdown-menu{ display: block; }
+ .navbar .nav-item .dropdown-menu{ margin-top:0; }
+}
+blockquote {
+ margin: 1em 0em 1em 5em;
+ color: grey;
+}
diff --git a/src/templates/404.httkweb.html b/src/templates/404.httkweb.html
new file mode 100644
index 0000000000000000000000000000000000000000..912ade8955a783adadc0095d36b460836497599c
--- /dev/null
+++ b/src/templates/404.httkweb.html
@@ -0,0 +1,2 @@
+{content}
+{error_404_reason:unquoted:if:Reason given from webserver: {error_404_reason}}
diff --git a/src/templates/base_default.httkweb.html b/src/templates/base_default.httkweb.html
new file mode 100644
index 0000000000000000000000000000000000000000..f32d07433152492202a03f9ac738acba944c9833
--- /dev/null
+++ b/src/templates/base_default.httkweb.html
@@ -0,0 +1,66 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+ <meta name="description" content="">
+ <meta name="author" content="">
+ <link rel="icon" href="favicon.ico">
+
+ <title>{page.title}</title>
+
+ <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
+ <link href="{page.relbaseurl}/resources/css/httkdemo.css" rel="stylesheet">
+ <script src="https://kit.fontawesome.com/3d11bda958.js" crossorigin="anonymous"></script>
+
+ <link rel="stylesheet"
+ href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/styles/default.min.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/highlight.min.js"></script>
+ <script>
+ document.addEventListener('DOMContentLoaded', (event) => {{
+ document.querySelectorAll('pre.code').forEach((block) => {{
+ hljs.highlightBlock(block);
+ }});
+ }});
+ </script>
+
+ </head>
+ <body>
+
+ <nav class="navbar navbar-custom navbar-expand-md navbar-static-top border-bottom border-3 border-darkgrey">
+ <div class="btn-group">
+ <a class="btn btn-info top-left-dropdown" href="{page.relbaseurl}/index.html">MDI Unit</a>
+ <button type="button" class="btn btn-primary dropdown-toggle btn-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ <span class="caret"></span>
+ <span class="sr-only"></span>
+ </button>
+ <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
+ <a class="dropdown-item" href="http://openmaterialsdb.se">Open Materials Database</a>
+ <a class="dropdown-item" href="http://rickard.armiento.se">Rickard Armiento</a>
+ </div>
+ </div>
+ <button class="navbar-toggler navbar-light" type="button" data-toggle="collapse" data-target="#header_tabs" aria-controls="header_tabs" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+
+ <div class="collapse navbar-collapse">
+ <ul class="navbar-nav nav ml-auto">
+ <li class="nav-item"><a class="nav-link" href="{page.relbaseurl}/index.html">About</a></li>
+ <li class="nav-item"><a class="nav-link" href="{page.relbaseurl}/collab_proj_course.html">Collaborative Software Course</a></li>
+ <li class="nav-item"><a class="nav-link" href="{page.relbaseurl}/contact.html">Contact</a></li>
+ </ul>
+ <!--ul class="navbar-nav nav ml-auto">
+ {menuitems:repeat::
+ <li class="nav-item">
+ <a class="nav-link" href="{page.relbaseurl}/{{pages:call:{{item}}:relurl}}">{{pages:call:{{item}}:title}}</a>
+ </li>
+ }
+ </ul-->
+ </div>
+ </nav>
+</section>
+{content}
+<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/src/templates/default.httkweb.html b/src/templates/default.httkweb.html
new file mode 100644
index 0000000000000000000000000000000000000000..db67008ec85f3e35209b471703bbcc86820e6af4
--- /dev/null
+++ b/src/templates/default.httkweb.html
@@ -0,0 +1,5 @@
+<div class="container">
+ <main class="main-content">
+ {content}
+ </main>
+</div>
diff --git a/src/templates/front.httkweb.html b/src/templates/front.httkweb.html
new file mode 100644
index 0000000000000000000000000000000000000000..4f88c06f89a071a4e958b1dd45dcdf2ada64d801
--- /dev/null
+++ b/src/templates/front.httkweb.html
@@ -0,0 +1,17 @@
+<section class="page-header">
+ <h1 class="project-name"><i><img alt="httk" src="img/httk-logo-curves.svg"></img></i></h1>
+ <h2 class="project-tagline">
+ The High-Throughput Toolkit (<i>httk</i>) is a toolkit for preparing and running calculations,<br>
+ analyzing the results, and storing results in global and/or personalized databases.</h2>
+ <a class="btn" href="https://github.com/httk/httk"><i class="fa fa-github"></i> GitHub</a>
+ <a class="btn" href="https://twitter.com/_httk"><i class="fa fa-twitter"></i> Twitter</a>
+ <a class="btn" href="https://docs.httk.org/"><i class="fa fa-book"></i> Docs</a>
+ <a class="btn" href="https://github.com/httk/httk/discussions"><i class="fa fa-comments"></i> Discussions</a>
+ <a class="btn" href="https://docs.httk.org/en/latest/developers_guide.html"><i class="fa fa-plus"></i> Contribute</a>
+</section>
+<div class="container">
+ <main class="main-content">
+ {content}
+ </main>
+</div>
+