truncate, sort

tkmoties · Dec 26, 2023 · fc3e49c · fc3e49c
1 parent b346eb7
commit fc3e49c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/_includes/motie-card.html b/_includes/motie-card.html
@@ -58,13 +58,15 @@
       <div class="container text-left">
         <div class="row row-cols-2 row-cols-md-5 motie-stemming">
           {% for fractie in motie['Stemmingen'][0]['Fracties'] %}
-            <div class="col" style="white-space: nowrap;">
-            {% if fractie[1] == 'Voor' %}
+            <div class="col text-truncate">
+            {% case fractie[1] %}
+            {% when "Voor" %}
               {% include symbol-voor.html %}
-            {% endif %}
-            {% if fractie[1] == 'Tegen' %}
+            {% when "Tegen" %}
               {% include symbol-tegen.html %}
-            {% endif %}
+            {% else %}
+              {% include symbol-anders.html %}
+            {% endcase %}
             {{ fractie[0] }}
             </div>
           {% endfor %}

diff --git a/_includes/symbol-anders.html b/_includes/symbol-anders.html
@@ -0,0 +1,2 @@
+<span class="vote-icon vote-anders" style="display: inline-flex; flex: 0 0 auto; width: 1.1em; height: 1.1em; border-radius: 50%; align-items: center; justify-content: center; background-color: rgb(63, 63, 63)">
+</span>
diff --git a/index.html b/index.html
@@ -6,13 +6,14 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Moties en stemmingen 2023</title>
+  <title>Moties met stemmingen 2023</title>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
   <link rel="stylesheet" href="/assets/css/styles.css">
 </head>
 <body>
   <div id="moties" class="container">
-    <h1>Moties en stemmingen 2023</h1>
+    <h1>Moties met stemmingen 2023</h1>
+    <h7>Een overzicht van alle moties waarover gestemd is in 2023.</h7>
 
     {% assign lastDate = 0 %}
     {% for motieTuple in site.data.moties.y2023 reversed %}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<span class="vote-icon vote-anders" style="display: inline-flex; flex: 0 0 auto; width: 1.1em; height: 1.1em; border-radius: 50%; align-items: center; justify-content: center; background-color: rgb(63, 63, 63)">
		</span>