Change footer

rampatra · Sep 20, 2023 · 2877f94 · 2877f94
1 parent 8c4650e
commit 2877f94
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 14 deletions.
diff --git a/_config.yml b/_config.yml
@@ -15,7 +15,7 @@ header:
 footer:
  name: "Hey there, my name is Ram"
  bio: "I am a developer and a tech aficionado from India. Love making teeny tiny apps solving tiny problems in life and now learning photography."
- github: "Want a website like this for yourself for free? Just <a href=\"https://github.com/ramswaroop/photography\">fork me on github</a> ;)"
+ github: "Want a website like this for yourself for free? Just <a href=\"https://github.com/ramswaroop/photography\">fork this repo on github</a> ;)"
 web_design: "AJ"
 # Configure which exif data to display
 # Tag is the actual exif tag, icon is a fontawesome icon. Use JSON notation without line breaks

diff --git a/assets/css/main.min.css b/assets/css/main.min.css
diff --git a/assets/sass/layout/_footer.scss b/assets/sass/layout/_footer.scss
@@ -8,8 +8,24 @@
 
 	#footer {
 		.ad {
-			margin: 0 0 1em 0;
-			max-height: 150px;
+			margin: 0 0 1.4em 0;
+			display: flex;
+			justify-content: space-between;
+
+			.ad-logo {
+				a {
+					border: 0;
+				}
+
+				img {
+					width: 72px;
+					height: 72px;
+				}
+			}
+
+			.ad-text {
+				padding-top: 10px;
+			}
 		}
 		.copyright {
 			color: _palette(fg-light);

diff --git a/index.html b/index.html
@@ -42,16 +42,16 @@ <h2>{{ site.footer.name }}</h2>
                 <section>
                     <h2>Sponsor</h2>
                     <div class="ad">
-                        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                        <ins class="adsbygoogle"
-                             style="display:block; text-align:center;"
-                             data-ad-layout="in-article"
-                             data-ad-format="fluid"
-                             data-ad-client="ca-pub-1702577941194110"
-                             data-ad-slot="9823584598"></ins>
-                        <script>
-                            (adsbygoogle = window.adsbygoogle || []).push({});
-                        </script>
+                        <div class="ad-logo">
+                            <a href="https://presentify.compzets.com">
+                                <img src="https://camo.githubusercontent.com/7238b763f1ed0a7413105d5eb44368c1fc2b339e373c8927e3f02391667d55f2/68747470733a2f2f70726573656e746966792e636f6d707a6574732e636f6d2f6173736574732f696d672f70726573656e746966792f6170702d69636f6e2d3531322e706e67"
+                                 alt="ad-logo" />
+                            </a>
+                        </div>
+                        <div class="ad-text">
+                            Turn your screen into a canvas when on video calls and articulate your thoughts better than
+                            ever with the <a href="https://presentify.compzets.com">Presentify</a> app.
+                        </div>
                     </div>
                 </section>
                 <section>