From 2fc3ab42fe849af780a61d10cafe4b74bdda9663 Mon Sep 17 00:00:00 2001
From: B C SAMRUDH <114090255+bcsamrudh@users.noreply.github.com>
Date: Wed, 17 May 2023 22:53:10 +0530
Subject: [PATCH 1/2] Added an about page.

---
 public/templates/about.html | 39 +++++++++++++++++++++++--------------
 1 file changed, 24 insertions(+), 15 deletions(-)

diff --git a/public/templates/about.html b/public/templates/about.html
index 56c2165..9c4cbb0 100644
--- a/public/templates/about.html
+++ b/public/templates/about.html
@@ -1,20 +1,29 @@
 {{>header this}}
 <main class="about-container">
-  <h1>Websurfx</h1>
-  <small
-    >a lightening fast, privacy respecting, secure meta search engine</small
-  >
-  <article>
-    Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim
-    labore culpa sint ad nisi Lorem pariatur mollit ex esse exercitation amet.
-    Nisi anim cupidatat excepteur officia. Reprehenderit nostrud nostrud ipsum
-    Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident.
-    Nostrud officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex
-    occaecat reprehenderit commodo officia dolor Lorem duis laboris cupidatat
-    officia voluptate. Culpa proident adipisicing id nulla nisi laboris ex in
-    Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non
-    excepteur duis sunt velit enim. Voluptate laboris sint cupidatat ullamco ut
-    ea consectetur et est culpa et culpa duis.
+  <article >
+    <div>
+    <h1 >Websurfx</h1>
+    <hr size="4" width="100%" color="#a6e3a1"> 
+    </div>
+    <p>A modern-looking, lightning-fast, privacy-respecting, secure meta search engine written in Rust. It provides a fast and secure search experience while respecting user privacy.<br> It aggregates results from multiple search engines and presents them in an unbiased manner, filtering out trackers and ads.
+    </p>
+
+    <h2>Some of the Top Features:</h2>
+
+    <ul><strong>Lightning fast </strong>- Results load within milliseconds for an instant search experience.</ul>
+
+    <ul><strong>Secure search</strong> - All searches are performed over an encrypted connection to prevent snooping.</ul>
+
+    <ul><strong>Ad free results</strong> - All search results are ad free and clutter free for a clean search experience.</ul>
+
+    <ul><strong>Privacy focused</strong> - Websurface does not track, store or sell your search data. Your privacy is our priority.</ul>
+
+    <ul><strong>Free and Open source</strong> - The entire project's code is open source and available for free on <a href="https://github.com/neon-mmd/websurfx">GitHub</a> under an GNU Affero General Public License.</ul>
+
+    <ul><strong>Highly customizable</strong> - Websurface comes with 9 built-in color themes and supports creating custom themes effortlessly.</ul>
   </article>
+
+  <h3>Devoloped by: <a href="https://github.com/neon-mmd/websurfx">Websurfx team</a></h3>
 </main>
 {{>footer}}
+

From 0a947cd400878658a40cdd4bdbfe91fb36305e56 Mon Sep 17 00:00:00 2001
From: B C SAMRUDH <114090255+bcsamrudh@users.noreply.github.com>
Date: Wed, 17 May 2023 22:54:16 +0530
Subject: [PATCH 2/2] Added the CSS code for about.html

---
 public/static/themes/simple.css | 37 +++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/public/static/themes/simple.css b/public/static/themes/simple.css
index 97643e8..b9390e7 100644
--- a/public/static/themes/simple.css
+++ b/public/static/themes/simple.css
@@ -260,3 +260,40 @@ footer {
 .page_navigation button:active {
   filter: brightness(1.2);
 }
+
+/* Styles for the about page */
+
+  .about-container article{
+      font-size: 1.5rem;
+      color:var(--fg);
+      padding-bottom: 10px;
+    }
+
+  .about-container article h1{
+      color: var(--2);
+      font-size: 2.8rem;
+    }
+
+  .about-container article div{
+      padding-bottom: 15px;
+    }
+
+  .about-container a{
+    color:var(--3);
+  }
+
+  .about-container article h2{
+    color: var(--3);
+    font-size: 1.8rem;
+    padding-bottom: 10px;
+  }
+
+  .about-container p{
+    color:var(--fg);
+    font-size:  1.6rem;
+    padding-bottom: 10px;
+  }
+
+  .about-container h3{
+    font-size: 1.5rem;
+  }