diff options
Diffstat (limited to 'src/static/index.html')
| -rw-r--r-- | src/static/index.html | 255 |
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> |
