add mastodon

diff --git a/static/css/pgdayuk.css b/static/css/pgdayuk.css
index 37cfeb9d6b9680434e4332a3ebe1ef7813db9c08..e9249d278d8ed3e37055764b9caf758405cdae1f 100644 (file)
--- a/static/css/pgdayuk.css
+++ b/static/css/pgdayuk.css
@@ -29,6 +29,7 @@ ul, ol {
 
    --facebook-blue: #3b5998;
    --twitter-blue: #1da1f2;
+   --mastodon-purple: #6364ff;
 
    /* theme colors */
    --main-background-color: var(--blue);
@@ -542,6 +543,10 @@ table.cancellation td:nth-child(2), table.cancellation th:nth-child(2) {
    color: var(--twitter-blue);
 }
 
+.fa-mastodon {
+   color: var(--mastodon-purple);
+}
+
 /* organisation */
 
 .org-member-list {

diff --git a/templates/base.html b/templates/base.html
index 37a75b533a536e7676988310387aa9a4e4b18b47..a47afedd3b95d353a82e056630479b148fb21a87 100644 (file)
--- a/templates/base.html
+++ b/templates/base.html
@@ -78,6 +78,7 @@
       <div class="social-media">
         <a class="sm-email" href="mailto:contact@pgday.uk"><i class="fa-solid fa-envelope"></i></a>
         <a class="sm-twitter" href="https://twitter.com/PostgresUK"><i class="fa-brands fa-twitter"></i></a>
+        <a class="sm-mastodon" href="https://mastodon.social/@pgdayuk" rel="me"><i class="fa-brands fa-mastodon"></i></a>
       </div>
 
       <div class="your-stuff{% if not cfr.open %}-hidden{% endif %}">

diff --git a/templates/pages/contact.html b/templates/pages/contact.html
index 88d52ab2f3fbd8d6badd5f502ffe6979b730f1f9..d9f7dc20258ef52e8386eaf3f28ebeba01319e04 100644 (file)
--- a/templates/pages/contact.html
+++ b/templates/pages/contact.html
@@ -9,7 +9,8 @@
 <p>
   The best way to get in touch with the conference staff is to send us an email to
   <a href="mailto:contact@pgday.uk">contact@pgday.uk</a>.  You can also engage with
-  us on <i class="fab fa-twitter"></i> Twitter at <a href="https://twitter.com/postgresuk">@postgresuk</a>.
+  us on <i class="fab fa-twitter"></i> Twitter at <a href="https://twitter.com/postgresuk">@postgresuk</a>
+  or on <i class="fab fa-mastodon"></i> Mastodon at <a href="https://mastodon.social/@pgdayuk">@pgdayuk</a>.
 </p>
 
 {% endblock %}