From 1f57e9ba0b8d30c88fd61fef805d9e64c8749504 Mon Sep 17 00:00:00 2001
From: "i.j" <info@idotj.com>
Date: Wed, 24 Jan 2024 18:01:10 +0000
Subject: [PATCH] Feat/docker

---
 CHANGELOG          |  3 +++
 docker-compose.yml | 24 ++++++++++++++++++++++++
 src/index.html     |  5 +++--
 3 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 docker-compose.yml

diff --git a/CHANGELOG b/CHANGELOG
index 1828b41..6a423fb 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -1,3 +1,6 @@
+v3.13.3 - 16/01/2024
+- Add Docker compose
+
 v3.13.2 - 16/01/2024
 - Fix truncate CSS class name
 
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..197c3ee
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,24 @@
+# This is a docker compose file to demonstrate and test the mastodon-timeline widget
+# Run this docker CLI from the root repo directory:
+#
+# $ docker compose up
+
+version: '3.3'
+
+services:
+  lighttpd:
+    image: jitesoft/lighttpd
+    ports:
+      - "8080:80"
+      - "8443:443"
+    volumes:
+      - ./src/index.html:/var/www/index.html
+      - ./src/mastodon-timeline.js:/var/www/mastodon-timeline.js
+      - ./src/mastodon-timeline.css:/var/www/mastodon-timeline.css
+    environment:
+      - PORT=80
+      - SERVER_NAME=mastodon-timeline
+      - SERVER_ROOT=/var/www
+      - CONFIG_FILE=/etc/lighttpd/lighttpd.conf
+      - SKIP_HEALTHCHECK=false
+      - MAX_FDS=1024
diff --git a/src/index.html b/src/index.html
index 93545bf..67d86d0 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,7 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="keywords" content="mastodon, embed timeline" />
     <meta name="description" content="Mastodon embed timeline" />
-    <link rel="stylesheet" href="mastodon-timeline.css" />
+    <link rel="shortcut icon" href="#" />
+    <link rel="stylesheet" href="./mastodon-timeline.css" />
     <style>
       html {
         height: 100%;
@@ -39,6 +40,6 @@
       </div>
     </div>
 
-    <script src="mastodon-timeline.js"></script>
+    <script src="./mastodon-timeline.js"></script>
   </body>
 </html>