Feat: Add button to subscribe to google group (#56)

* format subscribe button * add subscribe to google groups button to blog index
hannahilea · Jan 17, 2025 · b26ad75 · b26ad75
1 parent 3e32577
commit b26ad75
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 4 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -387,7 +387,7 @@ img.home-img {
     img {
       max-width: 100%;
     }
-  } 
+  }
 }
 
 .alert {
@@ -406,6 +406,21 @@ img.home-img {
 
 /* For blog, project index pages */
 .index-page {
+  a.button {
+    background-color: #0843c3;
+    border: none;
+    color: white;
+    padding: 2px 10px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    vertical-align: top;
+    font-size: smaller;
+    font-family: "Jura Bold";
+    cursor: pointer;
+    margin: auto;
+  }
+
   .date {
     font-weight: normal;
     font-family: "Jura Regular";
@@ -474,7 +489,8 @@ img.home-img {
     background-color: #f2f2f2;
   }
 
-  a.project-url, a.blog-url {
+  a.project-url,
+  a.blog-url {
     color: #03163f;
     font-weight: bold;
   }

diff --git a/blog/__template/index.template.html b/blog/__template/index.template.html
@@ -59,8 +59,8 @@ <h1 class="title">Blog</h1>
       <a href="/rss.xml" rel="subscribe-rss">
         <!-- Source: https://img.shields.io/badge/rss-F88900?style=for-the-badge&logo=rss&logoColor=white -->
         <img class="badge" src="../assets/img/rss-logo-styled.svg" alt="Subscribe to @hannahilea RSS feed" /></a>
+        <a class="button" href="http://groups.google.com/group/hannahilea-blog-rss" target="_blank" rel="noreferrer noopener">Subscribe via email</a>
     </div>
-
     <hr>
     <nav class="navbar" role="navigation">
       @hannahilea:

diff --git a/blog/index.html b/blog/index.html
@@ -177,8 +177,8 @@ <h1 class="title">Blog</h1>
           <!-- Source: https://img.shields.io/badge/rss-F88900?style=for-the-badge&logo=rss&logoColor=white -->
           <img class="badge" src="../assets/img/rss-logo-styled.svg" alt="Subscribe to @hannahilea RSS feed"
         /></a>
+        <a class="button" href="http://groups.google.com/group/hannahilea-blog-rss" target="_blank" rel="noreferrer noopener">Subscribe via email</a>
       </div>
-
       <hr />
       <nav class="navbar" role="navigation">
         @hannahilea: