fix: added link to, and improved, screenshots page (with link to competition)

Author: ErikBjare

index.pug

@@ -69,8 +69,10 @@ div.container
         figure(style='width: 100%; border: 1px #999 solid; border-radius: 2px')
           img(style='width: 100%' src='/img/screenshots/screenshot-v0.9.3-activity.png')
       a(href='/img/screenshots/screenshot-v0.8.0b9-timeline.png')
-        figure(style='width: 100%; border: 1px #999 solid; border-radius: 2px')
+        figure.mb-0(style='width: 100%; border: 1px #999 solid; border-radius: 2px')
           img(style='width: 100%' src='/img/screenshots/screenshot-v0.8.0b9-timeline.png')
+      a.mt-0.small(href="/screenshots/")
+        i More screenshots here
 
   div.row.mt-4
     .col-md-6

screenshots.pug

@@ -10,24 +10,38 @@ p
   | {{ page.excerpt }}
 
 p
+  | Your screenshots could be here too. Join our #[a(href="https://github.com/ActivityWatch/activitywatch/discussions/741") screenshot competition]!
+
+p.py-2
   h3 v0.12.0
 
-  h4 Dark mode
-  | Screenshot taken by @BelKed
-  img(src="/img/screenshots/BelKed/screenshot-v0.12.0b2-activity.png" alt="Screenshot of ActivityWatch" width="100%")
+  .row
+    .col-md-6
+      h4 Dark mode
+      | Screenshot taken by @BelKed
+      a(href="/img/screenshots/BelKed/screenshot-v0.12.0b2-activity.png")
+        img(src="/img/screenshots/BelKed/screenshot-v0.12.0b2-activity.png" alt="Screenshot of ActivityWatch" width="100%")
 
-p
+p.py-2
   h3 v0.9.3
 
-  h4 Activity
-  img(src="/img/screenshots/screenshot-v0.9.3-activity.png" alt="Screenshot of ActivityWatch" width="100%")
+  .row
+    .col-md-6
+      h4 Activity
+      a(href="/img/screenshots/screenshot-v0.9.3-activity.png")
+        img(src="/img/screenshots/screenshot-v0.9.3-activity.png" alt="Screenshot of ActivityWatch" width="100%")
 
-p
+p.py-2
   h3 v0.8.0
   Released
 
-  h4 Today (old Activity view)
-  img(src="/img/screenshots/screenshot-v0.8.0b9-today.png" alt="Screenshot of ActivityWatch" width="100%")
+  .row
+    .col-md-6
+      h4 Today (old Activity view)
+      a(href="/img/screenshots/screenshot-v0.8.0b9-today.png")
+        img(src="/img/screenshots/screenshot-v0.8.0b9-today.png" alt="Screenshot of ActivityWatch" width="100%")
 
-  h4 Timeline
-  img(src="/img/screenshots/screenshot-v0.8.0b9-timeline.png" alt="Screenshot of ActivityWatch" width="100%")
+    .col-md-6
+      h4 Timeline
+      a(href="/img/screenshots/screenshot-v0.8.0b9-timeline.png")
+        img(src="/img/screenshots/screenshot-v0.8.0b9-timeline.png" alt="Screenshot of ActivityWatch" width="100%")