update

brja · Jun 19, 2019 · 11c3497 · 11c3497
1 parent 488f609
commit 11c3497
Showing 1 changed file with 60 additions and 11 deletions.
diff --git a/public/index.html b/public/index.html
@@ -48,11 +48,6 @@
       font-weight: normal;
     }
 
-    b {
-      background-color: #f8fafc;
-      font-weight: normal;
-    }
-
     header {
       position: sticky;
       top: 0;
@@ -176,6 +171,60 @@
       background-color: #f8fafc;
       text-align: center;
     }
+
+    #carbonads {
+      margin: 3rem auto 0; // position
+      display: block;
+      overflow: hidden;
+      padding: 10px;
+      box-shadow: 0 1px 3px hsla(0, 0%, 0%, .05);
+      border-radius: 4px;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+      line-height: 1.5;
+      max-width: 300px;
+      font-size: 12px;
+      background-color: #fff;
+    }
+
+    #carbonads a {
+      text-decoration: none;
+    }
+
+    #carbonads span {
+      position: relative;
+      display: block;
+      overflow: hidden;
+    }
+
+    .carbon-img {
+      float: left;
+      margin-right: 1em;
+    }
+
+    .carbon-img img {
+      display: block;
+    }
+
+    .carbon-text {
+      display: block;
+      float: left;
+      max-width: calc(100% - 130px - 1em);
+      text-align: left;
+      color: #637381;
+    }
+
+    .carbon-poweredby {
+      position: absolute;
+      left: 142px;
+      bottom: 0;
+      display: block;
+      font-size: 8px;
+      color: #c5cdd0;
+      font-weight: 500;
+      text-transform: uppercase;
+      line-height: 1;
+      letter-spacing: 1px;
+    }
   </style>
 </head>
 
@@ -200,7 +249,7 @@ <h1>
 
       <p class="subtitle">
         Fake Online REST API for Testing and Prototyping
-        <br> Serving ~200M requests per month
+        <br> <b>Serving ~350M requests per month</b>
         <br> Powered by
         <a href="https://github.com/typicode/json-server">JSON Server</a>
         +
@@ -261,13 +310,15 @@ <h2>Example</h2>
       <p>
         <strong>Tip</strong>: you can use
         <b>
-          http
+          http://
         </b> or
         <b>
-          https
+          https://
         </b> when making requests to JSONPlaceholder.
       </p>
 
+      <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CK7IV2JL&placement=jsonplaceholdertypicodecom" id="_carbonads_js"></script>
+
       <!-- Resources -->
       <h2>Resources</h2>
       <p>
@@ -393,9 +444,7 @@ <h2>Use your own data</h2>
       <pre><code class="bash">npm install json-server</code></pre> -->
 
       <p>
-        <b>Try
-          <a href="https://my-json-server.typicode.com">My JSON Server</a> online service.
-        </b>
+        With <a href="https://my-json-server.typicode.com">My JSON Server</a> online service and a simple GitHub repo, you can have your own online fake REST server in seconds.
       </p>
     </main>
   </div>