updated the file structure

author: Emile <hanemile@protonmail.com> 2019-02-25 23:56:29 +0100
committer: Emile <hanemile@protonmail.com> 2019-02-25 23:56:29 +0100
commit: 23ecf18de76e8ef873acac89923232987366c7a9 (patch)
tree: eb890f3ab55ebaf84e1f4f494b723985168c4454 /src/static/index.html
parent: de59393dbd2043611de91f0612626bc858256d19 (diff)
1 files changed, 255 insertions, 0 deletions
diff --git a/src/static/index.html b/src/static/index.html
new file mode 100644
index 0000000..5d3624b
--- /dev/null
+++ b/src/static/index.html
@@ -0,0 +1,255 @@
+<!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="">
+
+        <title>Galaxy Simulator</title>
+
+        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
+        <link rel="icon" href="/favicon.ico" type="image/x-icon">
+
+        <!-- Bootstrap core CSS
+        <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+        000 -->
+
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
+
+        <!-- Custom styles for this template
+        <link href="css/small-business.css" rel="stylesheet">
+        -->
+        <link href="/css/bootstrap.min.css" rel="stylesheet">
+        <link rel="stylesheet" href="/css/custom.css">
+
+    </head>
+
+    <div class="container">
+        <header class="blog-header py-3">
+            <div class="row flex-nowrap justify-content-between align-items-center">
+                <div class="col-4 text-center">
+                </div>
+
+                <div class="col-4 text-center">
+                    <a class="blog-header-logo text-light" href="/">Galaxy Simulator</a>
+                </div>
+
+                <div class="col-4 text-center">
+                </div>
+
+            </div>
+        </header>
+
+        <div class="nav-scroller py-1 mb-2">
+            <nav class="nav d-flex justify-content-between">
+                <a class="p-2 text-unmuted">Home</a>
+                <a class="p-2 text-muted" href="http://writeup.emile.space">Writeup</a>
+                <a class="p-2 text-muted" href="http://code.emile.space">Code</a>
+                <a class="p-2 text-muted" href="http://kanboard.nbg1.emile.space">Kanban</a>
+                <a class="p-2 text-muted" href="https://git.darknebu.la/plugins/pdfjs-1.4.20/web/viewer.html?file=/GalaxySimulator/Writeup/raw/lang-en/main.pdf#section.2">Generation</a>
+                <a class="p-2 text-muted" href="https://git.darknebu.la/plugins/pdfjs-1.4.20/web/viewer.html?file=/GalaxySimulator/Writeup/raw/master/main.pdf#subsection.5.4">Database</a>
+                <a class="p-2 text-muted" href="https://git.darknebu.la/plugins/pdfjs-1.4.20/web/viewer.html?file=/GalaxySimulator/Writeup/raw/lang-en/main.pdf#section.3">Simulation</a>
+                <a class="p-2 text-muted" href="https://traefik.io">Load balancing</a>
+                <a class="p-2 text-muted" href="https://grafana.com/">Monitoring</a>
+                <a class="p-2 text-muted" href="/images/barnes-hut-full.png">Visualization</a>
+                <a class="p-2 text-muted" href="https://twitter.com/">Social Media</a>
+                <a class="p-2 text-muted" href="/contact">Contact</a>
+            </nav>
+        </div>
+
+        <div class="row my-4">
+            <div class="col-lg-8">
+                <img class="img-fluid rounded" src="images/example_image_cropped_900x400.png" alt="">
+            </div>
+            <!-- /.col-lg-8 -->
+            <div class="col-lg-4 text-light">
+                <h1>Generation and Simulation</h1>
+                <p>Generating star clusters and simulating the forces acting in them seemed like a good way to learn a lot of new programming concepts. You can find many of the results on this page and read the blogpost I update regularly by clicking on the button below.</p>
+                <a class="btn btn-primary btn-lg" href="https://www.tildeho.me/generating-galaxies/">Read the Blogpost!</a>
+            </div>
+            <!-- /.col-md-4 -->
+        </div>
+
+        <!-- Row 1 -->
+        <div class="row mb-2">
+            <div class="col-md-6">
+                <div class="card flex-md-row mb-4 box-shadow h-md-250 dark-box">
+                    <div class="card-body d-flex flex-column align-items-start">
+                        <strong class="d-inline-block mb-2 text-primary">Documentation</strong>
+                        <h3 class="mb-0">
+                            <a class="text-light" href="#">Writeup</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text text-light text-light mb-auto">The complete project is documented so that everybody can access
+                            and use it a a reference for other projects.</p>
+                        <a href="http://writeup.emile.space">Read the writeup</a>
+                    </div>
+                    <img class="img-fluid rounded" src="images/writeup_sample_200x250.png" alt="">
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="card flex-md-row mb-4 box-shadow h-md-250 dark-box">
+                    <div class="card-body d-flex flex-column align-items-start">
+                        <strong class="d-inline-block mb-2 text-primary">Tech</strong>
+                        <h3 class="mb-0">
+                            <a class="text-light" href="#">Code</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text text-light mb-auto">The simulator is completely writting in
+                            <a href="https://golang.org/">go</a> and can be found in the git.
+                        </p>
+                        <a href="http://code.emile.space">Read the code</a>
+                    </div>
+                    <img class="img-fluid rounded" src="images/code_sample_200x250.png" alt="">
+                </div>
+            </div>
+        </div>
+
+        <!-- Row 2 -->
+        <div class="row mb-2">
+            <div class="col-md-6">
+                <div class="card flex-md-row mb-4 box-shadow h-md-250 dark-box">
+                    <div class="card-body d-flex flex-column align-items-start">
+                        <strong class="d-inline-block mb-2 text-primary">Tech</strong>
+                        <h3 class="mb-0">
+                            <a class="text-light" href="#">Generator</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text text-light mb-auto">
+                            The generator generates stars using the NFW profile.
+                        </p>
+                        <a href="http://code.emile.space/generator-container">Read the code</a>
+                    </div>
+                    <img class="img-fluid rounded" src="images/generator_sample_200x250.png" alt="">
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="card flex-md-row mb-4 box-shadow h-md-250 dark-box">
+                    <div class="card-body d-flex flex-column align-items-start">
+                        <strong class="d-inline-block mb-2 text-primary">Storage</strong>
+                        <h3 class="mb-0">
+                            <a class="text-light" href="#">Database</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text text-light mb-auto">A <a href="https://www.postgresql.org/">PostgreSQL</a>
+                            database is used to store the stars.
+                        </p>
+                        <a href="http://code.emile.space/database-container">Read the code</a>
+                    </div>
+                    <img class="img-fluid rounded" src="images/database_sample_200x250.png" alt="">
+                </div>
+            </div>
+        </div>
+
+        <!-- Row 3 -->
+        <div class="row mb-2">
+            <div class="col-md-6">
+                <div class="card flex-md-row mb-4 box-shadow h-md-250 dark-box">
+                    <div class="card-body d-flex flex-column align-items-start">
+                        <strong class="d-inline-block mb-2 text-primary">Tech</strong>
+                        <h3 class="mb-0">
+                            <a class="text-light" href="#">Manager</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text text-light mb-auto">
+                            The manager container distributes the stars that need to be processed by providing them
+                            to the simulation services.
+                        </p>
+                        <a href="http://code.emile.space/manager-container">Read the code</a>
+                    </div>
+                    <img class="img-fluid rounded" src="images/manager_sample_200x250.png" alt="">
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="card flex-md-row mb-4 box-shadow h-md-250 dark-box">
+                    <div class="card-body d-flex flex-column align-items-start">
+                        <strong class="d-inline-block mb-2 text-primary">Tech</strong>
+                        <h3 class="mb-0">
+                            <a class="text-light" href="#">Simulator</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text text-light mb-auto">
+                            The simulator continer gets stars from the manager, calculates their new position
+                            and inserts them into the next timestep.
+                        </p>
+                        <a href="http://code.emile.space">Read the code</a>
+                    </div>
+                    <img class="img-fluid rounded" src="images/simulator_sample_200x250.png" alt="">
+                </div>
+            </div>
+        </div>
+
+        <!-- Row 4 -->
+        <div class="row mb-2">
+            <div class="col-md-6">
+                <div class="card flex-md-row mb-4 box-shadow h-md-250 dark-box">
+                    <div class="card-body d-flex flex-column align-items-start">
+                        <strong class="d-inline-block mb-2 text-primary">Load balancing</strong>
+                        <h3 class="mb-0">
+                            <a class="text-light" href="#">Traefik</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text text-light mb-auto">
+                            Routing traffic is done using <a href="https://traefik.io">Traefik</a>,
+                            "A reverse proxy / load balancer that's easy, dynamic, automatic, fast [...]"
+                        </p>
+                        <a href="http://code.emile.space/manager-container">Read the code</a>
+                    </div>
+                    <img class="img-fluid rounded" src="images/traefik_sample_200x250.png" alt="">
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="card flex-md-row mb-4 box-shadow h-md-250 dark-box">
+                    <div class="card-body d-flex flex-column align-items-start">
+                        <strong class="d-inline-block mb-2 text-primary">Monitoring</strong>
+                        <h3 class="mb-0">
+                            <a class="text-light" href="#">Grafana + Prometheus</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text text-light mb-auto">
+                            The metrics are pushed to <a href="https://prometheus.io">prometheus</a> and displayed in a nice dashboard using <a
+                                    href="https://grafana.com">grafana</a>.
+                        </p>
+                        <a href="http://code.emile.space">Read the code</a>
+                    </div>
+                    <img class="img-fluid rounded" src="images/grafana_sample_200x250.png" alt="">
+                </div>
+            </div>
+        </div>
+
+        <!-- Row 5 -->
+        <div class="row mb-2">
+            <div class="col-md-6">
+                <div class="card flex-md-row mb-4 box-shadow h-md-250 dark-box">
+                    <div class="card-body d-flex flex-column align-items-start">
+                        <strong class="d-inline-block mb-2 text-primary">Visualizing</strong>
+                        <h3 class="mb-0">
+                            <a class="text-light" href="#">Manager</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text text-light mb-auto">
+                            The manager container distributes the stars that need to be processed by providing them
+                            to the simulation services.
+                        </p>
+                        <a href="http://code.emile.space/manager-container">Read the code</a>
+                    </div>
+                    <img class="img-fluid rounded" src="images/view_sample_200x250.png" alt="">
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <footer class="blog-footer dark-footer">
+        <p> Design adapted from the Blog template built for <a href="https://getbootstrap.com/">Bootstrap</a> by <a href="https://twitter.com/mdo">@mdo</a>.</p>
+        <p>
+            <a href="#">Back to top</a>
+        </p>
+    </footer>
+
+    </body>
+
+</html>
author	Emile <hanemile@protonmail.com>	2019-02-25 23:56:29 +0100
committer	Emile <hanemile@protonmail.com>	2019-02-25 23:56:29 +0100
commit	23ecf18de76e8ef873acac89923232987366c7a9 (patch)
tree	eb890f3ab55ebaf84e1f4f494b723985168c4454 /src/static/index.html
parent	de59393dbd2043611de91f0612626bc858256d19 (diff)