docs and style

andylolz · May 1, 2024 · e7d1d60 · e7d1d60
1 parent 1c4890b
commit e7d1d60
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 31 deletions.
diff --git a/README.md b/README.md
@@ -0,0 +1,5 @@
+# Twitter community notes (where Full Fact is mentioned)
+
+All proposed community notes that reference Full Fact, updated daily.
+
+https://andylolz.github.io/ff-community-notes/
diff --git a/output/index.html b/output/index.html
@@ -10,39 +10,43 @@
   <link href="//cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
   <link rel="stylesheet" href="//cdn.datatables.net/v/bs5/jq-3.7.0/dt-2.0.5/datatables.min.css">
 </head>
-<body>
+<body class="py-4">
+  <main>
+    <div class="container">
+      <h1>Twitter community notes (where Full Fact is mentioned)</h1>
 
-<table class="table table-striped">
-  {% for row in site.data.notes %}
-  {% if forloop.first %}
-  <thead>
-    <tr>
-      <th>Tweet</th>
-      <th>Classification</th>
-      <th>Reasons</th>
-      <th>Summary</th>
-    </tr>
-  </thead>
-  <tbody>
-  {% endif %}
+      <p class="lead">All proposed community notes that reference Full Fact, updated daily.</p>
 
-    <tr>
-      <td><a target="_blank" href="https://twitter.com/_/status/{{ row['tweet_id'] }}">{{ row['created_at'] }}</a></td>
-      <td>{{ row['classification'] }}</td>
-      <td>{{ row['reasons'] }}</td>
-      <td>{{ row['summary'] }}</td>
-    </tr>
-  {% endfor %}
-  </tbody>
-</table>
+      <table class="table table-striped">
+        {% for row in site.data.notes %}
+        {% if forloop.first %}
+        <thead>
+          <tr>
+            <th>Tweet</th>
+            <th>Classification</th>
+            <th>Reasons</th>
+            <th>Summary</th>
+          </tr>
+        </thead>
+        <tbody>
+        {% endif %}
 
-<!-- <script src="//code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha256-kmHvs0B+OpCW5GVHUNjv9rOmY0IvSIRcf7zGUDTDQM8=" crossorigin="anonymous"></script> -->
-<script src="//cdn.datatables.net/v/bs5/jq-3.7.0/dt-2.0.5/datatables.min.js"></script>
-<script>
-  let table = new DataTable('table', {
-    // options
-  });
-</script>
+          <tr>
+            <td><a target="_blank" href="https://twitter.com/_/status/{{ row['tweet_id'] }}">{{ row['created_at'] }}</a></td>
+            <td>{{ row['classification'] }}</td>
+            <td>{{ row['reasons'] }}</td>
+            <td>{{ row['summary'] }}</td>
+          </tr>
+        {% endfor %}
+        </tbody>
+      </table>
+    </div>
+  </main>
+  <script src="//cdn.datatables.net/v/bs5/jq-3.7.0/dt-2.0.5/datatables.min.js"></script>
+  <script>
+    let table = new DataTable('table', {
+      // options
+    });
+  </script>
 </body>
 </html>
-<html>