add artificial pulse ad

blitlabs · Dec 24, 2023 · 6ccfe48 · 6ccfe48
1 parent 797f203
commit 6ccfe48
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 67 deletions.
diff --git a/css/main.css b/css/main.css
@@ -162,39 +162,6 @@ h2 {
   margin-bottom: 16px;
 }
 
-.bottom-left-container {
-  flex: auto;
-  box-sizing: border-box;
-  font-family: sans-serif;
-  width: 161px;
-}
-
-body:not(.lighttheme) .bottom-left-container {
-  color: #fff;
-}
-
-.bottom-left-container h6 {
-  margin: 8px 0;
-}
-
-.bottom-left-container ul {
-  padding: 8px 0;
-}
-
-#carbonads {
-  border-radius: 4px 2px;
-  background-color: #292929;
-  padding: 16px;
-}
-
-.lighttheme #carbonads {
-  margin-bottom: 16px;
-}
-
-.bottom-left-container a {
-  display: block;
-}
-
 .diff-inputs {
   width: calc(100% - 200px);
   float: left;
@@ -278,10 +245,6 @@ body.lighttheme {
   border-right-width: 1px;
 }
 
-.lighttheme .bottom-left-container * {
-  color: #1D1F21 !important;
-}
-
 button {
   border: 0;
   background-color: #2E6DFF;
@@ -336,35 +299,35 @@ button:active {
   color: #a2a2a2;
 }
 
-.made-by-text {
-  margin-top: 8px;
-  padding-top: 8px;
-  background-color: #1D1F21;
-  margin-left: -16px;
-  padding-left: 16px;
-  margin-right: -16px;
-  padding-right: 16px;
-  margin-bottom: -24px;
-  padding-bottom: 16px;
+.bottom-left-container {
+  border: solid 1px rgba(255, 255, 255, .1);
+  border-radius: 8px;
+  padding-top: 16px;
+  padding-left: 18px;
+  padding-right: 18px;
+  margin-bottom: 16px;
 }
 
-.made-by-text a {
+.bottom-left-container img {
+  width: 128px;
+  border-radius: 8px;
+}
+
+.bottom-left-container a {
+  font-size: 12px;
   text-decoration: none;
-  color: #e4e4e4;
-  font-family: monospace;
 }
 
-.made-by-text img {
-  height: 15px;
-  vertical-align: text-bottom;
+.left-panel a {
+  color: #fff;
 }
 
-.supporters {
-  border-bottom: solid 1px #ccc;
-  margin-bottom: 32px;
-  padding-bottom: 16px
+.lighttheme .left-panel a {
+  color: #1D1F21;
 }
 
-.bottom-left-image-link img {
-  border-radius: 8px;
+.lighttheme .bottom-left-container {
+  border-color: rgba(0, 0, 0, .1);
 }
+
+
diff --git a/img/podcastimg.jpeg b/img/podcastimg.jpeg
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
     <title>JSON Diff - Online JSON Compare Diff Finder</title>
     <link rel="stylesheet" href="www/lib/codemirror/lib/codemirror.css" charset="utf-8">
     <link rel="stylesheet" href="www/lib/codemirror/theme/tomorrow-night.css" charset="utf-8">
-    <link rel="stylesheet" href="css/main.css?cachebust=1" charset="utf-8">
+    <link rel="stylesheet" href="css/main.css?cachebust=2" charset="utf-8">
   </head>
   <body>
     <header id="header">
@@ -50,14 +50,12 @@ <h2 class="left">Online JSON Compare</h2>
 
       </div>
       <div class="bottom-left-container">
-        <div class="supporters">
-          <h6> SPECIAL THANKS TO OUR SUPPORTERS</h6>
-          <ul>
-            <li>Qicheng Gao</li>
-          </ul>
-        </div>
-        <a class="bottom-left-image-link" href="https://www.kickstarter.com/projects/blit-labs/pulsewave-hear-the-news-in-your-own-way-every-day" title="PulseWave - Audible for news." target="_blank"></a>
+        <a href="https://artificialpulse.blitlabs.com" title="Listen to positive tech news every day">
+          <img src="./img/podcastimg.jpeg" alt="Listen to positive tech news every day"/>
+          <p><strong>Artificial Pulse Podcast</strong> Listen to positive tech news every day</p>
+        </a>
       </div>
+      <a href="/sponsor/" title="Be a sponsor">Be a sponsor 🤝</a>
     </div>
     <div class="diff-inputs">
       <div id="left-input" class="json-diff-input split">