Dockerising the landing_page
David Négrier
@ -25,7 +25,7 @@ services:
|
||||
volumes:
|
||||
- ./front:/usr/src/app
|
||||
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"
|
||||
|
||||
back:
|
||||
@ -39,3 +39,15 @@ services:
|
||||
labels:
|
||||
- "traefik.http.routers.back.rule=Host(`api.workadventure.localhost`)"
|
||||
- "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
@ -1,2 +1,5 @@
|
||||
/node_modules/
|
||||
/dist/
|
||||
/dist/bundle.js
|
||||
/dist/main.css
|
||||
/dist/fonts
|
||||
/dist/images
|
||||
|
||||
@ -5,8 +5,8 @@
|
||||
<meta charset="utf-8">
|
||||
<title>WorkAdventu.re</title>
|
||||
|
||||
<link rel="stylesheet" href="dist/main.css">
|
||||
<script src="dist/bundle.js"></script>
|
||||
<link rel="stylesheet" href="main.css">
|
||||
<script src="bundle.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@ -14,7 +14,7 @@
|
||||
<div class="container-lg section">
|
||||
<div class="over-image">
|
||||
<div class="logo">
|
||||
<img src="src/images/logo.png">
|
||||
<img src="static/images/logo.png">
|
||||
</div>
|
||||
<div class="title text-center">
|
||||
<h1>Discover a pixelated new world !</h1>
|
||||
@ -31,19 +31,19 @@
|
||||
<div class="row justify-content-md-center">
|
||||
<div class="col-12 col-md-3 text-center my-3 my-md-0">
|
||||
<div class="image-item">
|
||||
<img src="src/images/bitmap.png">
|
||||
<img src="static/images/bitmap.png">
|
||||
<h2>Choose your map</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-3 text-center my-3 my-md-0">
|
||||
<div class="image-item">
|
||||
<img src="src/images/bitmap.png">
|
||||
<img src="static/images/bitmap.png">
|
||||
<h2>Select your character</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-3 text-center my-3 my-md-0">
|
||||
<div class="image-item">
|
||||
<img src="src/images/bitmap.png">
|
||||
<img src="static/images/bitmap.png">
|
||||
<h2>Let's go explore and talk !</h2>
|
||||
</div>
|
||||
</div>
|
||||
@ -64,16 +64,16 @@
|
||||
<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="col col-md-auto">
|
||||
<img src="src/images/atari.png">
|
||||
<img src="static/images/atari.png">
|
||||
</div>
|
||||
<div class="col col-md-auto">
|
||||
<img src="src/images/super-nintendo.png">
|
||||
<img src="static/images/super-nintendo.png">
|
||||
</div>
|
||||
<div class="col col-md-auto">
|
||||
<img src="src/images/amstrad.png">
|
||||
<img src="static/images/amstrad.png">
|
||||
</div>
|
||||
<div class="col col-md-auto">
|
||||
<img src="src/images/sinclair-2.png">
|
||||
<img src="static/images/sinclair-2.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 9.1 KiB |
|
Before Width: | Height: | Size: 9.9 KiB After Width: | Height: | Size: 9.9 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |