style: warning css from docs.ipfs.io

#151 (comment) License: MIT Signed-off-by: Marcin Rataj <[email protected]>
ipfs · Jun 8, 2021 · 74e93e0 · 74e93e0
1 parent c196af1
commit 74e93e0
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@
 
 View the Public Gateway Checker on GitHub Pages: https://ipfs.github.io/public-gateway-checker/
 
-[![Screenshot of Public Gateway Checker](https://user-images.githubusercontent.com/157609/121202304-7b485980-c875-11eb-913a-29b275afa0b3.png)](https://ipfs.github.io/public-gateway-checker/)
+[![Screenshot of Public Gateway Checker](https://user-images.githubusercontent.com/157609/121263486-f7fb2800-c8b5-11eb-9061-0b6f586a6f25.png)](https://ipfs.github.io/public-gateway-checker/)
 
 
 ## SECURITY NOTES

diff --git a/index.html b/index.html
@@ -36,7 +36,7 @@ <h1 class='f3 fw2 montserrat aqua ttu ma0'>Public Gateways</h1>
 
 	<div class="ph4-l pt4-l">
         <div id="origin-warning" class="f5 pa2 tl">
-          <strong>SECURITY NOTES:</strong>
+          <p>SECURITY NOTES</p>
           <ul class="pl3">
             <li>Avoid storing sensitive data (or providing credentials) on websites loaded via gateways marked with <big>⚠️ </big><br/>
               These are legacy gateways for fetching standalone data, not designed to serve dapps/websites.<br/>

diff --git a/styles.css b/styles.css
@@ -97,3 +97,21 @@ div.Node.origin div.Link::after {
 div.Node:not(.online):not(:first-child) {
   opacity: .5
 }
+
+div#origin-warning {
+  padding: .1rem 1.5rem;
+  border-left: 4px solid #e7c000;
+  background-color: #fff7d2;
+  color: #34373f;
+}
+
+div#origin-warning p {
+  letter-spacing: .5px;
+  color: #b29400;
+  font-weight: 600;
+  margin-bottom: -.4rem;
+}
+
+div#origin-warning ol, div#origin-warning p, div#origin-warning ul {
+    line-height: 1.7;
+}