Merge remote-tracking branch 'origin/master'

Dockerfile

@@ -0,0 +1,15 @@
+FROM alpine:3.10 as base
+LABEL maintainer="Fanakis Apostolos <apotwohd@gmail.com>"
+
+RUN apk add --update --no-cache openrc lighttpd \
+	&& rm -rf /var/cache/apk/*
+RUN rc-update add lighttpd default
+
+FROM base as final
+
+COPY lighttpd.conf /etc/lighttpd/lighttpd.conf
+EXPOSE 8000
+
+STOPSIGNAL SIGTERM
+
+CMD ["lighttpd", "-D", "-f", "/etc/lighttpd/lighttpd.conf"]

docker-compose.yml

@@ -2,17 +2,19 @@ version: '3.7'
 
 services:
   apella-guide:
-    image: nginx
+    build: ./
     container_name: apella-guide
     restart: always
     env_file:
       - ./env/apella-guide.env
-    ports:
+    expose:
-      - "8080:80"
+      - "8000"
     volumes:
-      - ./src/:/usr/share/nginx/html:ro
+      - ./src/:/var/www/servers/apella-guide/
+    networks:
+      - janus_apella-net
 
 # Networks in use
 networks:
-  apella-net:
+  janus_apella-net:
-    driver: bridge
+    external: true

env/apella-guide.env

@@ -0,0 +1,4 @@
+VIRTUAL_HOST=guide.apella.tk
+VIRTUAL_PORT=8000
+LETSENCRYPT_HOST=guide.apella.tk
+LETSENCRYPT_EMAIL=apotwohd@gmail.com

lighttpd.conf

@@ -0,0 +1,12 @@
+server.document-root = "/var/www/servers/apella-guide/"
+
+server.port = 8000
+
+mimetype.assign = (
+  ".html" => "text/html",
+  ".js" => "application/javascript",
+  ".css" => "text/css",
+  ".png" => "image/png"
+)
+
+index-file.names = ( "index.html" )

makefile

@@ -0,0 +1,10 @@
+build:
+	@docker-compose -p apella-guide build;
+run:
+	@docker-compose -p apella-guide up -d
+stop:
+	@docker-compose -p apella-guide down
+clean-data: 
+	@docker-compose -p apella-guide down -v
+clean-images:
+	@docker rmi `docker images -q -f "dangling=true"`

src/index.html

@@ -34,7 +34,7 @@
 		<a id="Metamask__9"></a>Metamask <span class="darkmode-ignore">🧐</span>
 	</h2>
 	<p class="has-line-data" data-line-start="11" data-line-end="12">
-		In order to use blockchain based, decentralized applications the user needs to setup a gateway for their browser to communicate with blockchain. This is where <a href="https://metamask.io/">Metamask</a> comes in.
+		In order to use blockchain based, decentralized applications the user needs to setup a gateway for their browser to communicate with blockchain. This is where <a href="https://metamask.io/" target="_blank">Metamask</a> comes in.
 	</p>
 	<p class="has-line-data" data-line-start="13" data-line-end="19">
 		<strong>
@@ -110,7 +110,7 @@
 	<!-- Header "Visit Apella" -->
 	<h3 class="code-line" data-line-start=32 data-line-end=33 >
 		<a id="Visit_Apellahttpswwwapellatk_and_enjoy_free_uncensored_communication__32"></a>
-		Visit <a href="https://www.apella.tk">Apella</a> and enjoy free, uncensored communication <span class="darkmode-ignore">🥳</span>
+		Visit <a href="https://www.apella.tk" target="_blank">Apella</a> and enjoy free, uncensored communication <span class="darkmode-ignore">🥳</span>
 	</h3>
 
 	<div id="blank-space-in-the-end" style="height: 15vh"/>
@@ -120,9 +120,9 @@
 			right: '32px',
 			left: 'unset',
 			time: '0.3s',
-			mixColor: '#fff',
+			mixColor: '#d7d6dc',
 			backgroundColor: '#fff', 
-			buttonColorDark: '#100f2c', 
+			buttonColorDark: '#282923', 
 			buttonColorLight: '#fff',
 			saveInCookies: false,
 			label: '🌓',