Merge pull request #630 from srobo/events-links

Events links

Author: RealOrangeOne

_layouts/event.html

@@ -4,11 +4,17 @@
 <div class="header-card">
   <div class="fixed-width">
     <h1>{{ page.title }}</h1>
+    <a title="Add to calendar" class="header-link-icon" href="webcal://{{ '/events.ics' | absolute_url | remove_first: 'https://' | remove_first: 'http://' }}"><i class="fa-solid fa-calendar"></i></a>
   </div>
 </div>
 <div class="main">
   <div class="fixed-width">
     <div class="column l-4-12">
+      <div class="card thin-card">
+        <ul class="detail-list">
+          <li><i class="fa-solid fa-arrow-left" aria-hidden="true"></i> <a href="{{ '/events' | prepend: site.baseurl }}">View all events</a></li>
+        </ul>
+      </div>
       <div class="card thin-card">
         <ul class="detail-list">
           <li class="event-date">

_sass/common.scss

@@ -33,6 +33,17 @@
     font-family: $hero-font-family;
     color: $sr-white;
     margin-bottom: 0;
+    margin-right: auto;
+  }
+
+  .fixed-width {
+    display: flex;
+    align-items: center;
+  }
+
+  a.header-link-icon {
+    font-size: $beta;
+    color: $sr-white;
   }
 }
 

events.html

@@ -6,6 +6,7 @@
 <div class="header-card">
   <div class="fixed-width">
     <h1>Events</h1>
+    <a title="Add to calendar" class="header-link-icon" href="webcal://{{ '/events.ics' | absolute_url | remove_first: 'https://' | remove_first: 'http://' }}"><i class="fa-solid fa-calendar"></i></a>
   </div>
 </div>
 <div class="main">

index.html

@@ -238,7 +238,6 @@ <h1><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h1>
           </div>
         </div>
         {% endfor %}
-        <a class="button button-expand" href="{{ '/blog' | prepend: site.baseurl }}">View more posts</a>
       </div>
       <div class="column m-4-12">
         <h2>Upcoming events</h2>
@@ -270,10 +269,17 @@ <h2>Upcoming events</h2>
         <p>
           There are no upcoming events.
           <br>
-          <a class="event-details" href="{{ '/events' | prepend: site.baseurl }}">View previous</a>
         </p>
         {% endif %}
       </div>
     </div>
+    <div class="row">
+      <div class="column m-8-12">
+        <a class="button button-expand" href="{{ '/blog' | prepend: site.baseurl }}">View more posts</a>
+      </div>
+      <div class="column m-4-12">
+        <a class="button button-expand" href="{{ '/events' | prepend: site.baseurl }}">View previous events</a>
+      </div>
+    </div>
   </div>
 </div>