Annual report 2022

.devcontainer/devcontainer.json

@@ -0,0 +1,18 @@
+{
+	"name": "jkan",
+	"dockerComposeFile": "../docker-compose.yml",
+	"service": "app",
+	"initializeCommand": [
+		".devcontainer/initializeCommand"
+	],
+	"overrideCommand": true,
+	"postCreateCommand": "bundle install --path vendor/bundle --binstubs vendor/bin",
+	"workspaceFolder": "/workspaces/annual-report",
+	"extensions": [
+		"ms-vscode.test-adapter-converter",
+		"ms-python.python",
+		"ms-python.vscode-pylance",
+		"ms-azuretools.vscode-docker",
+		"valentjn.vscode-ltex"
+	]
+}

.devcontainer/initializeCommand

@@ -0,0 +1,2 @@
+#!/bin/sh
+[ ! -d "2022/_bootstrap" ] && git submodule update --init || echo "Already exists"

.github/workflows/ci.yml

@@ -8,7 +8,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        year: [ '2014', '2015', '2016', '2017', '2018', '2019', '2020', '2021' ]
+        year: [ '2014', '2015', '2016', '2017', '2018', '2019', '2020', '2021', '2022' ]
     steps:
     - name: Checkout
       uses: actions/checkout@v2

.gitmodules

@@ -7,3 +7,6 @@
 [submodule "2021/_bootstrap"]
 	path = 2021/_bootstrap
 	url = https://github.com/twbs/bootstrap.git
+[submodule "2022/_bootstrap"]
+	path = 2022/_bootstrap
+	url = https://github.com/twbs/bootstrap.git

2022/_config.yml

@@ -0,0 +1,9 @@
+name: annualreport2022
+baseurl:
+host: 0.0.0.0
+plugins: ['jekyll/minibundle']
+title: >
+  mySociety Year in Review 2022
+description: >
+  mySociety is repowering democracy
+production_url: https://2022.mysociety.org

2022/_includes/image.html

@@ -0,0 +1,16 @@
+{% if include.webp %}<picture>{% endif %}
+{% if include.loading == "lazy" %}<noscript class="loading-lazy">{% endif -%}
+{% if include.webp %}
+<source type="image/webp" srcset="{{ include.webp }}">
+{% endif %}
+<img
+  {%- if include.src %} src="{{ include.src | relative_url }}" {%- endif -%}
+  {%- if include.srcset %} srcset="{{ include.srcset }}" {%- endif -%}
+  {%- if include.width %} width="{{ include.width }}" {%- endif -%}
+  {%- if include.height %} height="{{ include.height }}" {%- endif -%}
+  {%- if include.class %} class="{{ include.class }}" {%- endif -%}
+  {%- if include.alt %} alt="{{ include.alt }}" {%- endif -%}
+  {%- if include.loading %} loading="{{ include.loading }}" {%- endif -%}
+>
+{%- if include.loading == "lazy" %}</noscript>{% endif %}
+{% if include.webp %}</picture>{% endif %}

2022/_includes/section-slope.html

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" viewBox="0 0 1 1" preserveAspectRatio="none" class="section-slope">
+  <g fill="none" fill-rule="nonzero">
+    <rect width="100%" height="100%" fill-rule="nonzero" class="fill-{{ include.bottomright | default: include.bottomleft }}"></rect>
+    <polygon points="0 0 1 0 {% if include.topleft %}0 1{% else %}1 1{% endif %}" fill-rule="nonzero" class="fill-{{ include.topleft | default: include.topright }}"></polygon>
+  </g>
+</svg>

2022/_includes/tweet-end.html

@@ -0,0 +1,4 @@
+    <div class="tweet__footer">
+        <a href="https://twitter.com/{{ include.username }}/status/{{ include.id }}">{{ include.timestamp }}</a>
+    </div>
+</div>

2022/_includes/tweet-start.html

@@ -0,0 +1,11 @@
+<div class="tweet {{ include.class }}">
+    <div class="tweet__header">
+        <a href="https://twitter.com/{{ include.username }}">
+            {% include image.html src=include.image width="36" height="36" alt="" loading="lazy" %}
+        </a>
+        <a href="https://twitter.com/{{ include.username }}">
+            <strong {% if include.verified %}class="verified"{% endif %}>{{ include.displayname }}</strong>
+            <small>@{{ include.username }}</small>
+        </a>
+        <a href="https://twitter.com/{{ include.username }}/status/{{ include.id }}" class="icon" title="View on Twitter"></a>
+    </div>

2022/_includes/youtube-embed.html

@@ -0,0 +1,10 @@
+{% capture img_src %}/assets/img/youtube-{{ include.video_id }}-poster.png{% endcapture %}
+{% capture webp_src %}/assets/img/youtube-{{ include.video_id }}-poster.webp{% endcapture %}
+{% capture img_alt %}{{ include.alt }}{% endcapture %}
+
+<div class="{{ include.classes }} youtube-embed">
+    <a class="js-youtube-placeholder" data-iframe-src="https://www.youtube-nocookie.com/embed/{{ include.video_id }}?autoplay=1&rel=0" href="https://www.youtube.com/watch?v={{ include.video_id }}">
+        {% include image.html src=img_src webp=webp_src width="1280" height="720" loading="lazy" alt=image_alt %}
+        <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="none" fill-rule="nonzero"><circle cx="50" cy="50" r="50" fill="#000" class="play-button-background" /><path fill="#FFF" d="M75.5 50l-40 23.5v-47z"/></g></svg>
+    </a>
+</div>

2022/_layouts/default.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="initial-scale=1, viewport-fit=cover">
+    <title>{{ page.title | default: site.title | escape }}</title>
+
+    <link rel="icon" href="https://www.mysociety.org/favicon.ico">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Pragati+Narrow:wght@700&family=Source+Sans+Pro:ital,wght@0,400;0,700;0,900;1,400&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="{% ministamp /assets/css/main.css /assets/css/main.css %}" data-noprefix>
+
+    <meta name="description" content="{{ page.description | default: site.description | escape }}">
+
+    <meta property="og:title" content="{{ page.title | default: site.title | escape }}">
+    <meta property="og:site_name" content="mySociety">
+    <meta property="og:type" content="website">
+    <meta property="og:description" content="{{ page.description | default: site.description | escape }}">
+    <meta property="og:image" content="{{ site.production_url }}/assets/img/social-image-facebook.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:url" content="{{ site.production_url }}">
+
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@mysociety">
+    <meta name="twitter:creator" content="@mysociety">
+    <meta name="twitter:image" content="{{ site.production_url }}/assets/img/social-image-twitter.png">
+    <meta name="twitter:image:width" content="500">
+    <meta name="twitter:image:height" content="500">
+</head>
+<body>
+
+    <script>document.body.className += ' js-enabled'; if ('IntersectionObserver' in window) { document.body.className += ' lazyload'; }</script>
+
+    {{ content }}
+
+</body>
+</html>