From: Ardis Lu <ardisglu@gmail.com>
Date: Sat, 8 Apr 2023 03:22:51 +0000 (-0700)
Subject: Add link to GitHub repository
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=d24f53005279da6e3a0f39220af3f6b61c457ece;p=css-for-line-clamp-ellipsis

Add link to GitHub repository
---

diff --git a/index.html b/index.html
index 8baaa85..66edb1e 100644
--- a/index.html
+++ b/index.html
@@ -15,10 +15,34 @@
 
     header {
       display: flex;
-      justify-content: center;
+      flex-direction: column;
+      align-items: center;
       margin-inline: 8px;
     }
 
+    h1 {
+      text-align: center;
+      font-size: 1.75rem;
+      margin: 0;
+    }
+
+    a {
+      color: hsl(216deg 50% 50%);
+      font-weight: 700;
+      padding-block: 2px;
+      padding-inline: 4px;
+      border-radius: 4px;
+      text-decoration: none;
+      transition: background-color 500ms, color 800ms;
+    }
+
+    a:hover,
+    a:focus {
+      color: hsl(216deg 50% 40%);
+      background: hsl(216deg 50% 90%);
+      transition: background-color 200ms, color 200ms;
+    }
+
     main {
       inline-size: min(1080px, 100% - 16px);
       margin-inline: auto;
@@ -69,6 +93,7 @@
 <body>
   <header>
     <h1>CSS for line clamp ellipsis</h1>
+    <a href="https://github.com/ardislu/css-for-line-clamp-ellipsis">GitHub</a>
   </header>
 
   <main>