diff options
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/index.html | |
parent | de59393dbd2043611de91f0612626bc858256d19 (diff) |
updated the file structure
Diffstat (limited to 'src/index.html')
-rw-r--r-- | src/index.html | 255 |
1 files changed, 0 insertions, 255 deletions
diff --git a/src/index.html b/src/index.html deleted file mode 100644 index 5d3624b..0000000 --- a/src/index.html +++ /dev/null @@ -1,255 +0,0 @@ -<!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> |