lbehm/workadventure
1
0
Fork 0
Code Issues Pull requests Releases Activity

Dockerising the landing_page

Browse source
This commit is contained in:
David Négrier 2020-06-01 16:05:01 +02:00
parent 26255fc65f
commit d20e85eba6
9 changed files with 29 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
docker-compose.yaml
View file

@ -25,7 +25,7 @@ services:
volumes: volumes:
- ./front:/usr/src/app - ./front:/usr/src/app
labels: labels:
- "traefik.http.routers.front.rule=Host(`workadventure.localhost`)" - "traefik.http.routers.front.rule=Host(`play.workadventure.localhost`)"
- "traefik.http.services.front.loadbalancer.server.port=8080" - "traefik.http.services.front.loadbalancer.server.port=8080"
back: back:
@ -39,3 +39,15 @@ services:
labels: labels:
- "traefik.http.routers.back.rule=Host(`api.workadventure.localhost`)" - "traefik.http.routers.back.rule=Host(`api.workadventure.localhost`)"
- "traefik.http.services.back.loadbalancer.server.port=8080" - "traefik.http.services.back.loadbalancer.server.port=8080"
website:
image: thecodingmachine/nodejs:12-apache
environment:
STARTUP_COMMAND_1: npm install
STARTUP_COMMAND_2: npm run watch &
APACHE_DOCUMENT_ROOT: dist/
volumes:
- ./landing_page:/var/www/html
labels:
- "traefik.http.routers.website.rule=Host(`workadventure.localhost`)"
- "traefik.http.services.website.loadbalancer.server.port=80"

5
landing_page/.gitignore vendored
View file

@ -1,2 +1,5 @@
/node_modules/ /node_modules/
/dist/ /dist/bundle.js
/dist/main.css
/dist/fonts
/dist/images

24
landing_page/index.html → landing_page/dist/index.html vendored
View file

@ -4,9 +4,9 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>WorkAdventu.re</title> <title>WorkAdventu.re</title>
<link rel="stylesheet" href="dist/main.css"> <link rel="stylesheet" href="main.css">
<script src="dist/bundle.js"></script> <script src="bundle.js"></script>
</head> </head>
<body> <body>
@ -14,7 +14,7 @@
<div class="container-lg section"> <div class="container-lg section">
<div class="over-image"> <div class="over-image">
<div class="logo"> <div class="logo">
<img src="src/images/logo.png"> <img src="static/images/logo.png">
</div> </div>
<div class="title text-center"> <div class="title text-center">
<h1>Discover a pixelated new world !</h1> <h1>Discover a pixelated new world !</h1>
@ -31,19 +31,19 @@
<div class="row justify-content-md-center"> <div class="row justify-content-md-center">
<div class="col-12 col-md-3 text-center my-3 my-md-0"> <div class="col-12 col-md-3 text-center my-3 my-md-0">
<div class="image-item"> <div class="image-item">
<img src="src/images/bitmap.png"> <img src="static/images/bitmap.png">
<h2>Choose your map</h2> <h2>Choose your map</h2>
</div> </div>
</div> </div>
<div class="col-12 col-md-3 text-center my-3 my-md-0"> <div class="col-12 col-md-3 text-center my-3 my-md-0">
<div class="image-item"> <div class="image-item">
<img src="src/images/bitmap.png"> <img src="static/images/bitmap.png">
<h2>Select your character</h2> <h2>Select your character</h2>
</div> </div>
</div> </div>
<div class="col-12 col-md-3 text-center my-3 my-md-0"> <div class="col-12 col-md-3 text-center my-3 my-md-0">
<div class="image-item"> <div class="image-item">
<img src="src/images/bitmap.png"> <img src="static/images/bitmap.png">
<h2>Let's go explore and talk&nbsp;!</h2> <h2>Let's go explore and talk&nbsp;!</h2>
</div> </div>
</div> </div>
@ -64,16 +64,16 @@
<h2 class="text-center pb-4">Used by millions of people worldwilde and companies such as :</h2> <h2 class="text-center pb-4">Used by millions of people worldwilde and companies such as :</h2>
<div class="row justify-content-md-center align-items-center"> <div class="row justify-content-md-center align-items-center">
<div class="col col-md-auto"> <div class="col col-md-auto">
<img src="src/images/atari.png"> <img src="static/images/atari.png">
</div> </div>
<div class="col col-md-auto"> <div class="col col-md-auto">
<img src="src/images/super-nintendo.png"> <img src="static/images/super-nintendo.png">
</div> </div>
<div class="col col-md-auto"> <div class="col col-md-auto">
<img src="src/images/amstrad.png"> <img src="static/images/amstrad.png">
</div> </div>
<div class="col col-md-auto"> <div class="col col-md-auto">
<img src="src/images/sinclair-2.png"> <img src="static/images/sinclair-2.png">
</div> </div>
</div> </div>
</div> </div>
@ -101,4 +101,4 @@
</div> </div>
</body> </body>
</html> </html>

0
landing_page/src/images/amstrad.png → landing_page/dist/static/images/amstrad.png vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

0
landing_page/src/images/atari.png → landing_page/dist/static/images/atari.png vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

0
landing_page/src/images/bitmap.png → landing_page/dist/static/images/bitmap.png vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 64 KiB

0
landing_page/src/images/logo.png → landing_page/dist/static/images/logo.png vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

0
landing_page/src/images/sinclair-2.png → landing_page/dist/static/images/sinclair-2.png vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

0
landing_page/src/images/super-nintendo.png → landing_page/dist/static/images/super-nintendo.png vendored
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB