Add logos to homepage

Wilfred · Apr 7, 2024 · 148ccf8 · 148ccf8
1 parent bca6da3
commit 148ccf8
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/homepage/home_img/github.svg b/homepage/home_img/github.svg
diff --git a/homepage/home_static/style.css b/homepage/home_static/style.css
@@ -61,13 +61,17 @@ a {
   max-width: 100%;
 }
 
-object {
+.card-body object {
   background-color: #f8f8f2;
   border-radius: 25% 25%;
   padding: 5px;
   box-shadow: 5px 5px #a09fa2;
 }
 
+.github-logo {
+  padding-right: 5px;
+}
+
 .card-set .card {
   border-radius: 0;
   border-bottom: 0;

diff --git a/homepage/index.html b/homepage/index.html
@@ -49,19 +49,24 @@ <h2 class="fs-4 lead">
             class="btn btn-lg btn-light"
             href="https://github.com/Wilfred/difftastic"
             role="button"
-            >GitHub</a
+            ><object
+              class="github-logo"
+              data="home_img/github.svg"
+              type="image/svg+xml"
+            ></object>
+            GitHub</a
           >
           <a
             class="btn btn-lg btn-light"
             href="https://difftastic.wilfred.me.uk/introduction.html"
             role="button"
-            >Manual</a
+            >📖 Manual</a
           >
           <a
             class="btn btn-lg btn-light"
             href="https://difftastic.wilfred.me.uk/installation.html"
             role="button"
-            >Install</a
+            >🚦 Install</a
           >
         </div>
       </div>