diff --git a/docs/about.html b/docs/about.html
deleted file mode 100644
index 928165873..000000000
--- a/docs/about.html
+++ /dev/null
@@ -1,18 +0,0 @@
----
-layout: page
-title: About
-permalink: /about/
----
-
-This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/)
-
-You can find the source code for Minima at GitHub:
-[jekyll][jekyll-organization] /
-[minima](https://github.com/jekyll/minima)
-
-You can find the source code for Jekyll at GitHub:
-[jekyll][jekyll-organization] /
-[jekyll](https://github.com/jekyll/jekyll)
-
-
-[jekyll-organization]: https://github.com/jekyll
diff --git a/docs/gallery.html b/docs/gallery.html
new file mode 100644
index 000000000..6be023db8
--- /dev/null
+++ b/docs/gallery.html
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+Elliptical Parcel-In-Cell
+
+
+
+
+
+
+
+
The EPIC manual contains
+information about the model. Note that this documentation is still work in progress.
+
+
Get Help
+
+
+In order to get help, do not hesitate to post an issue in the
+EPIC GitHub repository.
+
+
diff --git a/docs/index.css b/docs/index.css
new file mode 100644
index 000000000..77bc1e88a
--- /dev/null
+++ b/docs/index.css
@@ -0,0 +1,57 @@
+body{
+ margin: 0px;
+}
+
+h1{
+/* background: linear-gradient(to right, darkblue, royalblue, lightblue, white); */
+/* background-repeat: no repeat; */
+/* background-attachment: fixed; */
+/* color: white; */
+ padding: 20px;
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+
+
+
+/* Navigation bar generated with the help of https://www.w3schools.com/css/css_navbar.asp (visited 28 June 2024) */
+.topnav {
+ background: linear-gradient(to left, black, navy, royalblue, navy, black);
+ background-repeat: no repeat;
+ background-attachment: fixed;
+ overflow: hidden;
+ position: sticky;
+ top: 0;
+}
+
+.topnav a {
+ float: left;
+ color: white;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+ font-size: 17px;
+ font-family: Arial, Helvetica, sans-serif;
+ position: sticky;
+}
+
+.topnav a:hover {
+ background-color: lightblue;
+ color: black;
+}
+
+.topnav a.active {
+ background-color: lightseagreen;
+ color: black;
+}
+
+.regular-text {
+ font-size: 20px;
+ padding: 20px;
+}
+
+li{
+ padding-top: 0px;
+ padding-bottom: 10px;
+ font-size: 20px;
+}
diff --git a/docs/index.html b/docs/index.html
index 7a400a5e6..065661250 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,32 +1,94 @@
----
-layout: default
----
+
+
+
+
+
+
-EPIC (Elliptical Parcel-In-Cell) is a software package to simulate general two and three-dimensional flows.
-
+Elliptical Parcel-In-Cell
-
-
- Figure 1: Simulation of the Straka density current test case using 512x64 grid cells.
-
+
+
-
+
+
+The EPIC code is an open-source framework written in Fortran 2018 to simulate
+general two and three-dimensional flows. The primary focus of the current implementation
+is on buoyancy-driven turbulent flows for cloud convection. It uses elliptical Lagrangian parcels
+that deform based on the local strain field. The gridded velocity is obtained by efficient inversion
+of the interpolated parcel vorticity on the Eulerian grid.
+
+
+
+
+Detailed information about the numerics is found in
-