feat: add ico file

YangPengFe1 · Nov 6, 2019 · 2bc364e · 2bc364e
1 parent 4f10c7a
commit 2bc364e
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 20 deletions.
diff --git a/bitbug_favicon.ico b/bitbug_favicon.ico
diff --git a/index.html b/index.html
@@ -5,32 +5,35 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <link rel="icon" href="bitbug_favicon.ico" type="image/x-icon">
   <link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.1/normalize.css">
   <link rel="stylesheet" href="./style/index.css">
-  <title>从来无一处，得安梦也顾</title>
+  <title>YOU NEED A DOCTOR</title>
 </head>
 
 <body>
-  <div class="cards">
-    <div class="card card__one">
-      <div class="card__bg"></div>
-      <img class="card__img" src="img/3dr_mono.png" />
-      <div class="card__text">
-        <p class="card__title">你在看什么?</p>
+  <div class="page-container">
+    <div class="cards">
+      <div class="card card__one">
+        <div class="card__bg"></div>
+        <img class="card__img" src="img/3dr_mono.png" />
+        <div class="card__text">
+          <p class="card__title">你在看什么?</p>
+        </div>
       </div>
-    </div>
-    <div class="card card__two">
-      <div class="card__bg"></div>
-      <img class="card__img" src="img/3dr_chihiro.png" />
-      <div class="card__text">
-        <p class="card__title">你在看什么?</p>
+      <div class="card card__two">
+        <div class="card__bg"></div>
+        <img class="card__img" src="img/3dr_chihiro.png" />
+        <div class="card__text">
+          <p class="card__title">你在看什么?</p>
+        </div>
       </div>
-    </div>
-    <div class="card card__three">
-      <div class="card__bg"></div>
-      <img class="card__img" src="img/3dr_howlcastle.png" />
-      <div class="card__text">
-        <p class="card__title">你在看什么?</p>
+      <div class="card card__three">
+        <div class="card__bg"></div>
+        <img class="card__img" src="img/3dr_howlcastle.png" />
+        <div class="card__text">
+          <p class="card__title">你在看什么?</p>
+        </div>
       </div>
     </div>
   </div>

diff --git a/style/index.css b/style/index.css
@@ -32,8 +32,15 @@ h3 {
   transform: translateZ(25px);
 }
 
+.page-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .cards {
-  margin: 60px auto;
   background: #fff;
   border-radius: 15px;
   box-shadow: 0px 10px 20px 20px rgba(0, 0, 0, 0.17);