Merge remote-tracking branch 'origin/2023-11-scorecards-wording-tweaks'

scoring/static/scoring/scss/buttons.scss

@@ -39,3 +39,25 @@ button {
     box-shadow: 0 4px $black !important;
   }
 }
+
+.btn-facebook {
+  @include button-variant(
+    $color-facebook-blue,
+    $color-facebook-blue,
+    $hover-background: shade-color($color-facebook-blue, $btn-hover-bg-shade-amount),
+    $hover-border: shade-color($color-facebook-blue, $btn-hover-border-shade-amount),
+    $active-background: shade-color($color-facebook-blue, $btn-active-bg-shade-amount),
+    $active-border: shade-color($color-facebook-blue, $btn-active-border-shade-amount)
+  );
+}
+
+.btn-twitter {
+  @include button-variant(
+    $color-twitter-black,
+    $color-twitter-black,
+    $hover-background: tint-color($color-twitter-black, $btn-hover-bg-shade-amount),
+    $hover-border: tint-color($color-twitter-black, $btn-hover-border-shade-amount),
+    $active-background: tint-color($color-twitter-black, $btn-active-bg-shade-amount),
+    $active-border: tint-color($color-twitter-black, $btn-active-border-shade-amount)
+  );
+}

scoring/static/scoring/scss/main.scss

@@ -70,7 +70,6 @@
 @import "footer";
 @import "accordion";
 @import "hero";
-@import "tables";
 @import "scoring-table";
 @import "table-section-council";
 @import "table-question-council";

scoring/static/scoring/scss/variables.scss

@@ -13,6 +13,9 @@ $color-scorecard-grey-600: #6c757d;
 $color-scorecard-grey-800: #32465a;
 $color-scorecard-grey-900: #404040;
 
+$color-twitter-black: #000;
+$color-facebook-blue: #1877f2;
+
 // Color system
 
 $white: #FDFDFD;

scoring/templates/scoring/council.html

@@ -209,7 +209,7 @@ <h3 class="exclamation text-white">Visit us again on a bigger screen</h3>
       <p class="text-white mb-3">You'll find more options, like the ability to compare your council's Scorecard with other councils, and see a more granular breakdown of how they did on each question of the Scorecards.</p>
     </div>
 
-    <table class="table-question-council mb-3 mt-4">
+    <table class="table-question-council my-4">
         <thead class="text-bg-primary position-sticky z-index-3 top-0">
             <tr>
                 <th scope="col" class="w-50 text-start question-header-cell border-end border-opacity-25 border-primary">Questions</th>
@@ -342,11 +342,16 @@ <h3 class="exclamation text-white">Visit us again on a bigger screen</h3>
         </tbody>
 
     </table>
-    <div class="d-flex gap-2 mb-5">
-      {% comment %} <a class="table-social-icon facebook mr-1" title="Share this page on Facebook" aria-label="Share this page on Facebook" href="https://www.facebook.com/sharer.php?u={{ request.build_absolute_uri|urlencode }}"></a> {% endcomment %}
-      <a class="table-social-icon twitter" title="Share this page on Twitter" aria-label="Share this page on Twitter" href="https://twitter.com/intent/tweet?url={{ request.build_absolute_uri|urlencode }}&amp;text={{ twitter_tweet_text|urlencode }}"></a>
+    <div class="d-flex gap-3">
+        <a href="https://twitter.com/intent/tweet?url={{ request.build_absolute_uri|urlencode }}&amp;text={{ twitter_tweet_text|urlencode }}" class="btn btn-twitter rounded-pill px-3 d-flex align-items-center gap-2">
+            {% include "scoring/icons/x.html" %}
+            Share this on X (Twitter)
+        </a>
+        <a href="https://www.facebook.com/sharer.php?u={{ request.build_absolute_uri|urlencode }}" class="btn btn-facebook rounded-pill px-3 d-flex align-items-center gap-2">
+            {% include "scoring/icons/facebook.html" %}
+            Share this on Facebook
+        </a>
     </div>
-
 </div>
 {% else %}
 <div class="py-5 border-bottom">

scoring/templates/scoring/how-to-use-the-scorecards.html

@@ -43,8 +43,8 @@ <h3>Tweet at your council</h3>
                 </div>
 
                 <figure class="my-3 my-lg-4">
-                    <img src="{% static 'scoring/img/social-handles-screenshot.png' %}" width="100%" height="auto" alt="You can find the social media buttons below council and section tables" class="border rounded-top">
-                    <figcaption class="text-bg-primary mb-3 p-2 fs-7">You can find the social media handles below a council’s and section’s tables</figcaption>
+                    <img src="{% static 'scoring/img/social-handles-screenshot.png' %}" width="100%" height="auto" alt="Social sharing buttons below the table on council pages" class="border rounded-top">
+                    <figcaption class="text-bg-primary mb-3 p-2 fs-7">You can find social sharing links below a council’s and section’s tables</figcaption>
                 </figure>
 
                 <p><strong>Why?</strong> It helps show your council — and your followers — that you care about the steps they say they’re taking towards net zero, and that there’s support for strong action amongst their residents.</p>
@@ -86,7 +86,7 @@ <h3 class="mb-3 mt-5">Join a local campaign group</h3>
                 </p>
 
                 <h3 class="mb-3 mt-5">Get in touch with your local Councillor with a remit for the environment</h3>
-                <p>At least one of your councillors will sit on your council’s environment committee or be the cabinet lead for climate action (or similar). Check out our <strong>Campaigners’ Guide to the Council Climate Scorecards</strong> on how to find them and how to know what to say.
+                <p>At least one of your councillors will sit on your council’s environment committee or be the cabinet lead for climate action (or similar). Check out our <a href="https://docs.google.com/document/d/16YQ6b0iBAkEuPgfTt8IAoMfF7xe2pmOn4wifPAdvBlk/edit?usp=sharing">Campaigners’ Guide to the Council Climate Scorecards</a> on how to find them and how to know what to say.
                 </p>
                 <p><strong>Why?</strong> Using the Scorecards as a basis for your conversation, you may be able to secure a commitment to faster or more ambitious climate action.
                 </p>
@@ -123,7 +123,7 @@ <h2 class="mt-5 mb-3">Still got questions?</h2>
                 <h2 class="mt-5 mb-3">How to use the Scorecards as a Councillor or Officer</h2>
                 <p>The Scorecards score each council’s climate action on 91 questions or less, depending on council type, across 7 sections, following <a href="{% url 'scoring:methodology' %}">Climate Emergency UK’s methodology</a>. </p>
                 <p>This scoring can only reflect information that was either already publicly available or released through a concise series of FOIs. Therefore the results are not reflective of every action the council has taken — although the questions cover a wide range of the council’s climate activity. </p>
-                <p>Don’t forget to check out our ‘10 ways to improve your Council’s climate action’ summary document, which is written in response to some of the common themes we noticed when marking council climate action and how they could be improved. </p>
+                <p>Don’t forget to check out our <a href="https://drive.google.com/file/d/1db8bMKPi4Pe7pHteChjVcvZTEOA7Rom7/view">‘15 ways to improve your Council’s climate action’ summary document</a>, which is written in response to some of the common themes we noticed when marking council climate action and how they could be improved. </p>
                 <p>Here are some helpful tips on how best to understand this data and use it for meaningful improvement to your council’s planned activity.</p>
                 <ul>
                     <li>Take time to <strong>understand the methodology</strong> and what exactly the markers were looking for in each question. </li>
@@ -132,12 +132,22 @@ <h2 class="mt-5 mb-3">How to use the Scorecards as a Councillor or Officer</h2>
                     </li>
                     <li><strong>Remember that not scoring a mark might not indicate a lack of action; it might be a result of weak communication or national barriers.</strong> Is information on progress made by your council towards net zero publicly available and easy to access? What have you done as a council to push against national barriers</li>
                     <li><strong>Share your successes.</strong> If you are a council that has scored well in a particular section, or overall, can you share your learnings and successes with other councils so that they can make progress faster and more easily?</li>
+                    <li>If you want to dive into the data in more detail, <a href="https://climateemergency.org.uk/council-climate-action-scorecards-data-packages/">click here to buy the data</a> that is available on this website in spreadsheet (.csv) format for your council or all councils.</li>
                 </ul>
 
                 <p>These Scorecards are publicly available online, so you may well find that residents, local campaign groups or other councillors ask about your council’s climate action and Scorecard result. </p>
                 <p>We believe this is a real benefit brought by the project: for climate action to be effective, first, everyone needs to understand what is being done and why. That’s the first step toward residents' buy-in. There’s a further advantage to having more people fully up to speed with the council’s progress towards achieving net zero: as the net widens, you’ll have access to more people with skills, experience, capacity or ideas worth sharing. </p>
                 <p>If you are interested in finding out more about your council’s score and analysis on how you could improve, please contact us. We can provide further (for a fee) advice on how a council can improve their climate action.</p>
-                <p><a href="https://climateemergency.org.uk/council-climate-action-scorecards-data-packages/">Click here</a> to buy the data that is available on this website in spreadsheet (.csv) format for your council or all councils.</p>
+            </div>
+        </div>
+
+        <div id="additional-resources" class="row">
+            <div class="col-lg-6">
+                <h2 class="mt-5 mb-3">Additional resources</h2>
+                <ul class="list-unstyled">
+                    <li class="mb-3"><a href="https://docs.google.com/document/d/16YQ6b0iBAkEuPgfTt8IAoMfF7xe2pmOn4wifPAdvBlk/edit?usp=sharing">Campaigners' Guide to the Council Climate Action Scorecards</a></li>
+                    <li><a href="https://drive.google.com/file/d/1db8bMKPi4Pe7pHteChjVcvZTEOA7Rom7/view?usp=sharing">15 ways to improve your Council’s climate action</a></li>
+                </ul>
             </div>
         </div>
     </div>

scoring/templates/scoring/icons/facebook.html

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="{{ width|default:'1em' }}" height="{{ height|default:'1em' }}" class="{{ classes }}" role="{{ role|default:'presentation' }}" viewBox="0 0 32 32" fill="currentColor"><path d="M22.25 20.637H18.5v11.166a16 16 0 1 0-5 0V20.637H9.417V15.97H13.5v-3.75c.222-4.944 3.444-6.833 9.667-5.667v3.917H21c-1.611.056-2.444.889-2.5 2.5v3h4.458"/></svg>

scoring/templates/scoring/icons/x.html

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="{{ width|default:'1em' }}" height="{{ height|default:'1em' }}" class="{{ classes }}" role="{{ role|default:'presentation' }}" fill="currentColor" viewBox="0 0 32 32"><path d="M19.046 13.552 30.957 0h-2.82L17.79 11.761 9.529 0H0l12.492 17.784L0 32h2.82l10.928-12.425L22.471 32H32L19.046 13.552zM3.84 2.075h4.338l19.958 27.933H23.8L3.84 2.075z"/></svg>

scoring/templates/scoring/methodology.html

@@ -49,6 +49,9 @@ <h3 class="h6 d-none d-md-block" style="margin-left: 1.25rem;">Contents</h3>
                     <h2 id="section-summary" class="mb-3">Summary</h2>
 
                     <p>This is the methodology for the Council Climate Action Scorecards, which was published as a draft in November 2022 and a final version was published in October 2023. This lays out how we have marked and scored all UK councils on the actions they've taken towards net zero.</p>
+
+                    <p>You can view this methodology <a href="https://drive.google.com/file/d/1w8eE7FFvr80-Xdu8i2wNk382-ETFi48j/view">as a written PDF document here</a>. You can view the Scorecards questions, criteria and clarifications <a href="https://docs.google.com/spreadsheets/d/1GYJMSvnnontf_TABFTGHZpUQDR9kqBepoYP8FhpmqOM/edit#gid=1597330053">in a spreadsheet format here</a> and the combined authority Scorecards questions, criteria and clarifications <a href="https://docs.google.com/spreadsheets/d/184_YLzBZKZQHIQYVe1iJOcKrh2TB7s77W3IMhGJgueo/edit#gid=1860210559">in this spreadsheet</a>.</p>
+
                     <p>We have marked and scored all UK councils on their climate action against 91 questions or less, depending on council type, in 7 different sections. We created the criteria through extensive research and consultation with council staff, councillors, campaigners and other organisations. To understand what action we are scoring and the question weightings, please read below. To find out more about how we created each section and why questions or topics were or were not included, check out <a href="https://www.climateemergency.uk/draft-methodology-blog-series/">our blog series on the draft methodology here</a>.</p>
 
                     <p>The finalised methodology is what was used to assess councils in the 2023 Council Climate Action Scorecards. Compared to the draft methodology that was published in November 2022, there have been some minor changes. These changes include adding in two new questions to the transport section for single-tier and district councils, completing the criteria for a couple of questions and a handful of minor clarifications elsewhere.</p>
@@ -295,7 +298,7 @@ <h3 class="mt-4 mt-sm-5 mb-3">Section weightings for Combined Authorities </h3>
                         <h2 id="section-question-weighting-within" class="mt-5 mb-3">Question weighting within sections</h2>
 
                         <p>The question weighting determines the importance of that question to the overall section score. All questions in the Action Scorecards are out of a number of marks, ranging from 1 to 6, as well as some questions where penalty marks are awarded and councils lose marks (more on penalty marks below). This is the raw mark for each question.</p>
-                        <p>To ensure appropriate weighting to each question, each raw score for a question has been translated into a score out of one, two or three, depending on whether the question is weighted low (one), medium (two) or high (three). We have converted each raw mark into the equivalent fraction out of one, two or three. For example, if a question is out of 4 raw marks and the question is weighted as high, then if a council scores 2 out of 4, their weighted score would be 1.5 out of 3. If a council had scored 1 out of 4, their weighted score would be 0.75 out of 3.</p>
+                        <p>To ensure appropriate weighting to each question, each raw score for a question has been translated into a score out of one, two or three, depending on whether the question is weighted low (one), medium (two) or high (three). We have converted each raw mark into the equivalent fraction out of one, two or three. For example, if a question is out of 4 raw marks and the question is weighted as high, then if a council scores 2 out of 4, their weighted score would be 1.5 out of 3. If a council had scored 1 out of 4, their weighted score would be 0.75 out of 3. <a href="#calculating-the-final-score">More on how we calculated the final scores, here.</a></p>
                         <p>All questions in the Action Scorecards are weighted low, medium or high (except the penalty mark questions and question 2 in Transport, which receives one point for every option). </p>
 
                         <h3 class="mt-5 mb-3">Why do you have Question Weighting?</h3>
@@ -424,7 +427,7 @@ <h3 id="penalty-marks" class="mt-5 mb-3">Penalty Marks</h3>
                             </tbody>
                         </table>
 
-                        <h3 class="mt-5 mb-3">Calculating the final score</h3>
+                        <h3 id="calculating-the-final-score" class="mt-5 mb-3">Calculating the final score</h3>
                         <p>There are four stages to creating the final score.</p>
                         <ol>
                             <li>Raw marks are converted into low, medium and high weighted marks.</li>