From 50a8d5417b6305eadef579935a3e51a42ebe745e Mon Sep 17 00:00:00 2001
From: soragui <soragui@nativeng.org>
Date: Thu, 12 Jan 2023 23:01:36 +0800
Subject: [PATCH] add git logo

---
 index.html       |  6 +++++
 styles/style.css | 63 ++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 69 insertions(+)
diff --git a/index.html b/index.html
index 919c32a..6a602b3 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,12 @@
 </head>
 
 <body>
+
+    <div class="git-logo">
+        <div class="line1"></div>
+        <div class="line2"></div>
+    </div>
+
     <div class="container">
         <ul>
             <li><a class="slidinglink" href="#">Sliding Link</a></li>
diff --git a/styles/style.css b/styles/style.css
index cf57671..214a814 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -11,6 +11,69 @@ a {
     font-weight: 700;
 }
 
+/* git logo */
+
+.git-logo {
+    height: 150px;
+    width: 150px;
+    background-color: #f06033;
+    border-radius: 15px;
+    position: relative;
+    transform: rotate(45deg);
+}
+
+.line1 {
+    width: 110px;
+    background-color: white;
+    height: 10px;
+    top: 40px;
+    position: absolute;
+}
+
+.line1::before {
+    content: "";
+    position: absolute;
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    background-color: white;
+    top: -8px;
+    left: 30px;
+}
+
+.line1::after {
+    content: "";
+    position: absolute;
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    background-color: white;
+    top: -8px;
+    left: 90px;
+}
+
+.line2 {
+    width: 90px;
+    background-color: white;
+    height: 12px;
+    top: 70px;
+    left: 30px;
+    position: absolute;
+    transform: rotate(45deg);
+}
+
+.line2::after {
+    content: "";
+    width: 30px;
+    background-color: white;
+    height: 30px;
+    border-radius: 50%;
+    top: -8px;
+    left: 70px;
+    position: absolute;
+    transform: rotate(45deg);
+}
+
 /* sliding effect */
 .slidinglink  {
     line-height: 1.5;
