"Add to calendar" - link

techexcellenceio · Jun 23, 2024 · 082f69f · 082f69f
1 parent 646c3c0
commit 082f69f
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 11 deletions.
diff --git a/_includes/home-conference.html b/_includes/home-conference.html
@@ -3,13 +3,19 @@ <h1>Tech Excellence Conference</h1>
 
     <h2>Fri 22 Nov 2024<span>&bull;</span>Live Online</h2>
 
-    <a href="https://www.meetup.com/techexcellence/events/301221542/" class="conf-btn" target="_blank" rel="noopener">
-        Register
-    </a>
+    <!-- conf-btn-group -->
+    <div>
+        <a href="https://www.meetup.com/techexcellence/events/301221542/" class="conf-btn" target="_blank" rel="noopener">
+            Register
+        </a>
+
+        <a href="{{ site.url }}/conf/#sessions" class="conf-btn" rel="noopener">
+            Sessions
+        </a>
+    </div>
+
 
-    <a href="{{ site.url }}/conf/#sessions" class="conf-btn" rel="noopener">
-        Sessions
-    </a>
+    <a href="https://calendar.google.com/calendar/u/0/r/eventedit?text=Tech+Excellence+Conference+2024&dates=20241122T090000Z/20241122T210000Z&details=For+full+details,+including+the+address,+and+to+RSVP+see:+https://www.meetup.com/techexcellence/events/301221542&location=Online+event&sf=true&output=xml" class="conf-btn-2" target="blank">Add to calendar</a>
 
 
     {% assign conferenceSpeakers = site.data.conf-speakers.list %}

diff --git a/_scss/_global.scss b/_scss/_global.scss
@@ -269,6 +269,29 @@ a {
     }
 }
 
+.conf-btn-2 {
+    font-weight: 600;
+    font-size: 1.25rem;
+    border: 1px solid #25b4bd;
+    color: #25b4bd;
+    border-radius: 32px;
+    padding: .25rem 1.75rem;
+    margin-top: 2rem;
+    display: inline-block;
+    &:hover, &:active, &.active {
+        color: rgb(7, 216, 231);
+        border-color: rgb(7, 216, 231);
+    }
+    @include media-breakpoint-down(sm){
+        width: calc(100% - 24px);
+        margin-right: 12px;
+        margin-left: 12px;
+        margin-bottom: 2rem;
+        margin-top: 0rem;
+        padding: .5rem 1.75rem;
+    }
+}
+
 // .conf-btn-secondary {
 //     background-color: transparent;
 //     color: white;

diff --git a/conf.html b/conf.html
@@ -10,13 +10,20 @@ <h1>Tech Excellence Conference</h1>
 
         <h2>Fri 22 Nov 2024 <span>|</span> Live Online</h2>
 
-        <a href="https://www.meetup.com/techexcellence/events/301221542/" class="conf-btn" target="_blank" rel="noopener">
-            Register
-        </a>
+        <div>
+            <a href="https://www.meetup.com/techexcellence/events/301221542/" class="conf-btn" target="_blank" rel="noopener">
+                Register
+            </a>
+
+            <a href="{{ site.url }}/conf/#sessions" class="conf-btn" rel="noopener">
+                Sessions
+            </a>
+        </div>
 
-        <a href="{{ site.url }}/conf/#sessions" class="conf-btn" rel="noopener">
-            Sessions
+        <a href="https://calendar.google.com/calendar/u/0/r/eventedit?text=Tech+Excellence+Conference+2024&dates=20241122T090000Z/20241122T210000Z&details=For+full+details,+including+the+address,+and+to+RSVP+see:+https://www.meetup.com/techexcellence/events/301221542&location=Online+event&sf=true&output=xml" class="conf-btn-2" target="blank">
+            Add to calendar
         </a>
+
     </div>
 
     {% assign conferenceSpeakers = site.data.conf-speakers.list %}