Style

Author: typicode

src/server/public/index.html

@@ -16,17 +16,16 @@ <h3>JSON Server</h3>
     </header>
     <main>
       <div class="container">
+        <h4>Congrats!</h4>
         <p>
-          <strong>Congrats!</strong><br>
-          You're successfully running JSON Server 😄
+          You're successfully running JSON Server<br>
+          ✧*｡٩(ˊᗜˋ*)و✧*｡
         </p>
 
         <div id="resources"></div>
 
         <p>
-          <em>
-            To access and modify resources, you can use any HTTP method
-          </em>
+          To access and modify resources, you can use any HTTP method
           <br>
           <code>GET</code>
           <code>POST</code>
@@ -37,20 +36,14 @@ <h3>JSON Server</h3>
         </p>
 
         <div id="custom-routes"></div>
-
-        <!-- <h4>Extra</h4>
-        <p>
-
-          <br>
-        </p> -->
       </div>
     </main>
 
     <footer>
       <div class="container">
         <p>
-          <em>To replace this page, create a <code>./public</code> directory with an
-          <code>index.html</code> file in it</em>.
+          To replace this page, create a <code>./public</code> directory with an
+          <code>index.html</code> file in it.
         </p>
       </div>
     </footer>

src/server/public/style.css

@@ -9,20 +9,20 @@ body {
   padding:0;
   margin: 0;
   color: #333;
+  letter-spacing: 0;
 }
 
 header {
   padding-top: 2.0rem;
   border-bottom: 1px solid #EEE;
 }
 
-header a {
-  color: inherit;
+header a, header a:hover {
+  text-decoration: none;
 }
 
 main {
   flex: 1;
-  padding-top: 4rem;
 }
 
 footer {
@@ -32,7 +32,6 @@ footer {
 
 h4 {
   margin-top: 4rem;
-  letter-spacing: 0;
 }
 
 a {
@@ -59,11 +58,6 @@ td:first-child {
   white-space: nowrap;
 }
 
-img {
-  padding-top: 50px;
-  padding-bottom: 20px;
-}
-
 ul {
   list-style-position: inside;
   padding-left: 0;
@@ -73,3 +67,7 @@ li {
   list-style-type: none;
   margin-bottom: .2rem;
 }
+
+code {
+  border-radius: 0;
+}