diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 932bc42..d9d46a6 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -3,6 +3,7 @@ image: alpine:latest
before_script:
- apk update
- apk add python3 py3-pip
+ - pip3 install -r Source/requirements.txt
pages:
stage: deploy
@@ -10,7 +11,6 @@ pages:
- mkdir public
- cp -R Source/* public/
- cd public
- - pip3 install -r requirements.txt
- python3 Generate.py
artifacts:
paths:
diff --git a/README.md b/README.md
index 3bc0282..794a4d0 100644
--- a/README.md
+++ b/README.md
@@ -9,6 +9,13 @@ It works like this:
Right now, it requires no JavaScript, just some CSS for displaying everything on screen correctly.
(TODO: Make sure the generated page is at least readable on browsers without CSS3 support).
+## Live demo
+
+Live demo (which is also my personal board) is hosted in this repo and available on my website!
+[octospacc.gitlab.io/WebPinBoard](https://octospacc.gitlab.io/WebPinBoard/)
+
+
+
## Writing
The Markdown data file has a simple structure:
diff --git a/Source/Data.md b/Source/Data.md
index 9386144..f6a66ee 100644
--- a/Source/Data.md
+++ b/Source/Data.md
@@ -10,7 +10,7 @@ uwu links..
### My personal links!
-- [Home](https://octospacc.gitlab.io) - Home page of this site!
+- [Home](../) - Home page of this site!
- [Mastodon](https://mastodon.uno/@octo) - Microblog, 98% italian
- [Pixelfed](https://pixelfed.uno/@octo) - Where I post my pictures
diff --git a/Source/Generate.py b/Source/Generate.py
index 82b5fa5..e4f15e7 100755
--- a/Source/Generate.py
+++ b/Source/Generate.py
@@ -35,7 +35,7 @@ BaseHTML = """
-
+
diff --git a/Source/Screenshot.png b/Source/Screenshot.png
new file mode 100644
index 0000000..33fdf59
Binary files /dev/null and b/Source/Screenshot.png differ
diff --git a/Source/Style.css b/Source/Style.css
index 346222e..b63259a 100644
--- a/Source/Style.css
+++ b/Source/Style.css
@@ -30,7 +30,18 @@ Body {
.window {
Float: Left;
Margin: 8px;
- Max-Width: 400px;
+}
+
+@Media (Min-Width: 796px) {
+ .window {
+ Max-Width: 360px;
+ }
+}
+
+@Media (Min-Width: 956px) {
+ .window {
+ Max-Width: 410px;
+ }
}
.InfoWindow {
@@ -91,4 +102,4 @@ Body {
Min-Width: 100%;
Min-Height: 100%;
Z-Index: -8;
-}
\ No newline at end of file
+}