ソースを参照

delete navbar, tiny style changes

jomo 9 年 前
コミット
9d46c1c768
2 ファイル変更22 行追加16 行削除
  1. 20 10
      lib/public/stylesheets/style.css
  2. 2 6
      lib/views/index.html.ejs

+ 20 - 10
lib/public/stylesheets/style.css

@@ -25,13 +25,12 @@ a.forkme {
   position: fixed;
   display: inline-block;
   background: #008000;
-  box-shadow: 0 0 5px #000;
   color: #fff;
   font-weight: bold;
-  padding: 3px 40px;
+  padding: 3px 35px;
   border: 2px solid #006400;
-  -webkit-transform: rotate(45deg) translate(65px);
-  transform: rotate(45deg) translate(65px);
+  -webkit-transform: rotate(45deg) translate(62px);
+  transform: rotate(45deg) translate(62px);
 }
 a.forkme:hover {
   color: #ddd;
@@ -40,12 +39,12 @@ a.forkme:hover {
 
 a.sponsor {
   position: fixed;
+  z-index: 1041;
+  width: 48px;
+  height: 48px;
   right: 0px;
   top: 0px;
-  height: 40px;
-  width: 40px;
-  z-index: 1041;
-  margin: 5px 10px;
+  margin: 5px;
 }
 
 .container > .navbar-header {
@@ -83,8 +82,15 @@ thead {
 }
 
 h1, h2, h3, h4, h5, h6 {
-  color: #333;
-  font-weight: normal;
+  font-weight: 200;
+}
+
+h1 {
+  font-size: 4rem;
+}
+
+h2 {
+  font-size: 1.3rem;
 }
 
 h3 {
@@ -212,6 +218,10 @@ img.preload {
   left: -9999px;
 }
 
+.jumbotron {
+  padding: 1em 0 3em;
+}
+
 .jumbotron img {
   margin: 5px;
 }

+ 2 - 6
lib/views/index.html.ejs

@@ -23,15 +23,11 @@
   <a href="https://github.com/crafatar/crafatar" target="_blank" class="forkme">Fork me on GitHub</a>
   <a href="https://akliz.net/crafatar" target="_blank" title="Crafatar is sponsored by Akliz" class="sponsor">
   <img src="/images/akliz.png" alt="Akliz"></a>
-  <div class="navbar navbar-light bg-faded navbar-fixed-top">
-    <div class="container">
-      <div class="navbar-header"><a href="/" class="navbar-brand">Crafatar</a><a href="https://twitter.com/Crafatar" target="_blank" class="navbar-brand twitter">crafatar</a></div>
-    </div>
-  </div>
   <div class="jumbotron">
     <div class="container">
       <h1>Crafatar</h1>
-      <p>A blazing fast API for Minecraft faces!</p>
+      <h2>A blazing fast API for Minecraft faces!</h2>
+
       <div class="avatar-wrapper">
         <div title="jomo's avatar" class="avatar jomo"></div>
         <div title="jake_0's avatar" class="avatar jake_0"></div>