created a redesign

author: Emile <hanemile@protonmail.com> 2019-02-03 16:51:53 +0100
committer: Emile <hanemile@protonmail.com> 2019-02-03 16:51:53 +0100
commit: 244b430ca8839a2b430b4fe36e2e7432a55a06af (patch)
tree: 334edb5d5eb5b6a0d062d915df3d551bff4c280a /src/redesign.html
parent: 1d4c08199ca67058d0bb73769b23adca238b048f (diff)
1 files changed, 250 insertions, 0 deletions
diff --git a/src/redesign.html b/src/redesign.html
new file mode 100644
index 0000000..86d9139
--- /dev/null
+++ b/src/redesign.html
@@ -0,0 +1,250 @@
+<!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>
+
+        <!-- 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>
+
+    <body>
+
+    <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-dark" href="index.html">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-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="#">Generation</a>
+                <a class="p-2 text-muted" href="#">Database</a>
+                <a class="p-2 text-muted" href="#">Manager</a>
+                <a class="p-2 text-muted" href="#">Simulation</a>
+                <a class="p-2 text-muted" href="#">Load balancing</a>
+                <a class="p-2 text-muted" href="#">Monitoring</a>
+                <a class="p-2 text-muted" href="#">Visualization</a>
+                <a class="p-2 text-muted" href="#">Social Media</a>
+            </nav>
+        </div>
+
+        <div class="jumbotron jumbotron-head p-3 p-md-5 text-white rounded bg-dark">
+            <div class="col-md-6 px-0">
+                <h1 class="display-4 font-italic">Generating and simulating star clusters</h1>
+                <p class="lead my-3">Generating Point clouds using the Random Sampling function on the Navarro Frenk
+                    White profile for further simulation of the forces acting inbetween the stars.</p>
+                <p class="lead mb-0"><a href="#" class="text-white font-weight-bold">Continue reading...</a></p>
+            </div>
+        </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">
+                    <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-dark" href="#">Writeup</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text 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">
+                    <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-dark" href="#">Code</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text 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">
+                    <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-dark" href="#">Generator</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text 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">
+                    <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-dark" href="#">Database</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text 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">
+                    <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-dark" href="#">Manager</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text 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">
+                    <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-dark" href="#">Simulator</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text 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">
+                    <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-dark" href="#">Traefik</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text 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">
+                    <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-dark" href="#">Grafana + Prometheus</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text 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">
+                    <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-dark" href="#">Manager</a>
+                        </h3>
+                        <div class="mb-1 text-muted">Feb 3 2019</div>
+                        <p class="card-text 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">
+        <p>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-03 16:51:53 +0100
committer	Emile <hanemile@protonmail.com>	2019-02-03 16:51:53 +0100
commit	244b430ca8839a2b430b4fe36e2e7432a55a06af (patch)
tree	334edb5d5eb5b6a0d062d915df3d551bff4c280a /src/redesign.html
parent	1d4c08199ca67058d0bb73769b23adca238b048f (diff)