From 3b8acc2a46dddccad764870eeeb0318a9e758591 Mon Sep 17 00:00:00 2001
From: Panayiotis Lipiridis <lipiridis@gmail.com>
Date: Sat, 23 Oct 2021 10:09:43 +0300
Subject: [PATCH] Homepage

---
 assets/docs.css |  6 ++++++
 index.html      | 15 +++++++++------
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/assets/docs.css b/assets/docs.css
index 851b482c..27305822 100644
--- a/assets/docs.css
+++ b/assets/docs.css
@@ -11,6 +11,12 @@
   margin: 0 4px;
 }
 
+.header pre{
+  background-color: rgba(32, 32, 32, .3);
+  padding: 8px;
+  max-width: 320px;
+  margin: 12px auto;
+}
 
 .no-wrap {
   white-space: nowrap;
diff --git a/index.html b/index.html
index dbb4a8d8..d79deec4 100644
--- a/index.html
+++ b/index.html
@@ -35,21 +35,24 @@
     <div class="header">
       <div class="container-md">
         <h1>flag-icon-css</h1>
-        <p>
+        <p class="lead">
           A collection of all country flags in SVG — plus the CSS for easier
           integration.
         </p>
-        <p>All flags are in 1x1 and 4x3 formats only.</p>
+        <p class="lead">All flags are in 1x1 and 4x3 formats only.</p>
+        <pre class="install">yarn add flag-icon-css --dev</pre>
+        <p>For more instructions check out GitHub.</p>
         <a
-          class="btn btn-light btn-lg"
-          href="https://github.com/lipis/flag-icon-css"
+          class="btn btn-light"
+          href="https://github.com/lipis/flag-icons"
           ><i class="fab fa-github"></i> View on GitHub</a
         >
         <a
-          class="btn btn-light btn-lg"
-          href="https://github.com/lipis/flag-icon-css/archive/main.zip"
+          class="btn btn-light"
+          href="https://github.com/lipis/flag-icons/archive/main.zip"
           ><i class="fas fa-download"></i> Download</a
         >
+
       </div>
     </div>
     <div class="container-md">