From afbe12edda17cd266eb477d1a8a57de73654e803 Mon Sep 17 00:00:00 2001
From: Brendan <94894839+abrendan@users.noreply.github.com>
Date: Wed, 19 Jun 2024 12:47:12 +0000
Subject: [PATCH] Added Nochu Browser ad

---
 static/styles_index.css | 46 +++++++++++++++++++++++++++++++++++++++++
 templates/index.html    |  5 +++++
 2 files changed, 51 insertions(+)

diff --git a/static/styles_index.css b/static/styles_index.css
index d87e02c..dcee1d5 100644
--- a/static/styles_index.css
+++ b/static/styles_index.css
@@ -113,6 +113,7 @@ body::before {
   color: #fff;
   border: 1px solid #000000;
   margin-left: 8px; /* Spacing between buttons */
+  margin-top: 8px;
   cursor: pointer;
   border-radius: 6px;
   font-size: 1rem;
@@ -123,4 +124,49 @@ body::before {
   border: 1px solid #8a8a8a;
 }
 
+.browser-ad-container {
+  margin-top: 2rem;
+  padding: 1.5rem;
+  background-color: rgba(255, 255, 255, 0.5);
+  border-radius: 8px;
+  text-align: center;
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+}
+
+.browser-ad-title {
+  font-size: 1.5rem;
+  margin-bottom: 0.5rem;
+  color: #000000;
+}
+
+.browser-ad-description {
+  font-size: 1rem;
+  margin-bottom: 1rem;
+  color: #000000;
+}
+
+.browser-download-button {
+  display: inline-block;
+  padding: 0.75rem 2rem;
+  font-size: 1rem;
+  color: #fff;
+  background-color: #000000;
+  border: none;
+  border-radius: 5px;
+  text-decoration: none;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+.browser-download-button:hover {
+  background-color: #8a8a8a;
+}
+
+@media only screen and (max-width: 500px) {
+
+    .main-heading {
+        font-size: 2em; /* Reduce font size to ensure text fits without needing to scroll */
+    }
+}
+
 
diff --git a/templates/index.html b/templates/index.html
index 8776876..55bd4fb 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -16,6 +16,11 @@
       <button type="submit" formaction="/search/images" class="search-button image-search-button">Image Search</button>
     </form>
   </div>
+  <div class="browser-ad-container">
+    <h2 class="browser-ad-title">Discover Nochu Browser</h2>
+    <p class="browser-ad-description">Experience fast, secure, and seamless browsing with Nochu Browser. Built with .NET 6.0 and powered by WebView2, Nochu Browser is completely open-source and designed to provide a modern web experience.</p>
+    <a href="https://github.com/abrendan/Nochu" class="browser-download-button">Download Nochu Browser</a>
+  </div>
   <footer class="footer">
     <p class="footer-text-left">&copy; 2024 Nochu Search by abrendan</p>
     <p class="footer-text-middle"><a href="https://www.abrendan.dev" class="footer-link">abrendan.dev</a></p>