Add Google Calendar link and manual URL

index.html

@@ -20,8 +20,11 @@
         font-family: "Inter", sans-serif;
       }
       .links {
-        margin: 40px 0;
+        margin: 40px 20px;
         display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 16px;
       }
       .sub-link {
         display: flex;
@@ -43,6 +46,15 @@
         width: 80px;
         height: 80px;
       }
+      .sub-manual {
+        margin-bottom: 40px;
+      }
+      code {
+        background-color: white;
+        padding: 4px 8px;
+        border: 1px solid lightgray;
+        border-radius: 4px;
+      }
     </style>
   </head>
   <body>
@@ -54,9 +66,20 @@
         ><img src="apple.svg" alt="apple" />
         <div>Apple</div>
       </a>
+      <a
+        class="sub-link"
+        href="https://calendar.google.com/calendar/u/0/r?cid=webcal://raw.githubusercontent.com/clarencechaan/ufc-cal/ics/UFC.ics"
+        ><img src="google.svg" alt="google" />
+        <div>Google</div>
+      </a>
     </div>
-
-    <p>Maintained by Clarence Chan.</p>
+    <div class="sub-manual">
+      <p>Or subscribe manually from your calendar app:</p>
+      <code
+        >https://raw.githubusercontent.com/clarencechaan/ufc-cal/ics/UFC.ics</code
+      >
+    </div>
+    <p>Maintained by Clarence Chan</p>
     <p>
       <a href="https://github.com/clarencechaan/ufc-cal"
         >Source code on GitHub</a