docs: added screenshots & post announcing screenshot competition winners

Author: ErikBjare

_layouts/page.html

@@ -1,9 +1,8 @@
 ---
 layout: default
 ---
-<div class="wrapper">
-  <article class="post wrapper">
-
+<div class="{{ page.container_class | default: 'wrapper' }}">
+  <article class="post">
     <header class="post-header">
       <h1 class="post-title">{{ page.title }}</h1>
     </header>

_posts/2023-10-30-announcing-winners-of-screenshot-competition.md

@@ -0,0 +1,75 @@
+---
+layout: post
+title: Announcing Winners of Screenshot Competition!
+date: 2023-10-30 10:56 +0100
+author: "Erik Bjäreholt"
+---
+
+We're excited to announce the winners of the [ActivityWatch Screenshot Competition](https://github.com/orgs/ActivityWatch/discussions/741)! We received some great submissions, and we'd like to thank everyone who participated. Your contributions will help us showcase ActivityWatch to the world!
+
+Submissions were accepted in the [GitHub discussion](https://github.com/orgs/ActivityWatch/discussions/741) announcing the competition, and the `#screenshots` channel on our Discord.
+
+We'd like to apologize for the delay in announcing the winners. We are grateful for everyone's patience and enthusiastic participation in this competition.
+
+You can find selected screenshots from the winners on our [screenshots page](https://activitywatch.net/screenshots/).
+
+## The Winners
+
+### 🥇 1st place: Erik (@thelifeimliving)
+
+For the sheer number of screenshots submitted, and of very high resolution, Erik takes the top spot. Your contribution will greatly help us in showcasing the versatility of ActivityWatch!
+
+<div class="row">
+  <div class="col-md-6">
+    <img class="border" src="/img/screenshots/thelifeimliving/activity.png" width="400" alt="Erik's Submission" />
+  </div>
+  <div class="col-md-6">
+    <div>
+      <img class="border" src="/img/screenshots/thelifeimliving/search.png" width="400" alt="Erik's Submission" />
+    </div>
+    <div>
+      <img class="border mt-4" src="/img/screenshots/thelifeimliving/timeline-dark.png" width="400" alt="Erik's Submission" />
+    </div>
+  </div>
+</div>
+
+### 🥈 2nd place: Hernan (@realhyperchango)
+
+Hernan showed us how category rules can be set up to get productivity classification instead of just activity classification. This is incredibly useful for users focused on time management.
+
+<img class="border d-block mx-auto" src="/img/screenshots/realhyperchango/activity-productivity.png" width="400" alt="Hernan's Submission" />
+
+### 🥉 3rd place: @BelKed and @maholli
+
+For third place we have a tie between @BelKed and @maholli.
+
+@BelKed showed us an excellent dark mode screenshot. It shows how elegant ActivityWatch can look in different themes.
+
+<img class="border d-block mx-auto" src="/img/screenshots/BelKed/screenshot-v0.12.0b2-activity.png" width="400" alt="BelKed's Submission" />
+
+@maholli showed us a whole month of activity! Good luck with your thesis!
+
+<img class="border d-block mx-auto" src="/img/screenshots/maholli/month.png" width="400" alt="Hernan's Submission" />
+
+## Prizes
+
+All winners will have their screenshots featured on the [ActivityWatch website](https://activitywatch.net/screenshots/). 
+
+We were supposed to have additional prizes, which we still aim to give out, but we have yet to order the swag we planned to ship. However, winners can expect to get swag for free as soon as we order it!
+
+We promise the winners will one day get ActivityWatch swag, including:
+
+ - mug
+ - T-shirt
+ - stickers
+
+We'll reach out to the winners to distribute the prizes once we have them. (sorry if it takes a while!)
+
+## Next Steps
+
+- A big thank you to everyone who participated! Your contributions are invaluable.
+- The selected screenshots will be showcased on our [website](https://activitywatch.net/screenshots/).
+
+## Further Discussion
+
+For further discussion, a GitHub thread has been set up. Feel free to share your thoughts [here](https://github.com/orgs/ActivityWatch/discussions/978).