From 55520e8ba733d05136f32e412cb21c26c0bc0fdc Mon Sep 17 00:00:00 2001
From: anon <morpheus.anonymous@protonmail.com>
Date: Tue, 13 Sep 2022 22:22:22 -0300
Subject: [PATCH] fixed about

---
 charts/templates/charts/about.html | 49 ++++++++++++++++++++----------
 charts/templates/charts/base.html  |  2 +-
 2 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/charts/templates/charts/about.html b/charts/templates/charts/about.html
index 89c3b7b..e570f80 100644
--- a/charts/templates/charts/about.html
+++ b/charts/templates/charts/about.html
@@ -7,11 +7,20 @@
         word-break: break-all;
     }
     .link {
-        color: #d9534f;
+        color: #ff4d21;
         }
 
     .link:hover {
-        color: #ef6863;
+        color: #ff8262;
+        text-decoration: none;
+    }
+    .pill {
+        background: #ff4d21;
+        color: #1e1c1b;
+        }
+
+    .pill:hover {
+        background: #ff8262;
         text-decoration: none;
     }
 </style>
@@ -30,16 +39,16 @@
         <!-- Begin Page Content -->
         <div class="container-fluid"><br>
             <div class="row">
-                <div class="col-xl-6 col-md-6 mb-4">
+                <div class="col mb-4">
                     <div class="row">
-                        <div class="col-xl-12 col-md-6 mb-4">
+                        <div class="col mb-4">
                             <div class="card border-left-new">
                                 <img class="card-img-top" src="{% static 'img/morpheus.jpeg' %}" alt="Morpheus">
                             </div>
                         </div>
                     </div>
                     <div class="row">
-                        <div class="col-xl-12 col-md-6 mb-4">
+                        <div class="col mb-4">
                             <div class="card border-left-new">
                                 <div class="card-body">
                                     <div class="row no-gutters align-items-center">
@@ -60,7 +69,7 @@
                         </div>
                     </div>
                     <div class="row">
-                        <div class="col-xl-12 col-md-6 mb-4">
+                        <div class="col mb-4">
                             <div class="card border-left-new">
                                 <div class="card-body">
                                     <div class="row no-gutters align-items-center">
@@ -80,7 +89,7 @@
                         </div>
                     </div>
                     <div class="row">
-                        <div class="col-xl-12 col-md-6 mb-4">
+                        <div class="col mb-4">
                             <div class="card border-left-new">
                                 <div class="card-body">
                                     <div class="row no-gutters align-items-center">
@@ -101,9 +110,9 @@
                         </div>
                     </div>
                 </div>
-                <div class="col-xl-6 col-lg-12">
+                <div class="col mb-4">
                     <div class="row">
-                        <div class="col-xl-12 col-md-6 mb-4">
+                        <div class="col mb-4">
                             <div class="card border-left-new">
                                 <div class="card-body">
                                     <h4 class="card-text text-white">About this website</h4>
@@ -124,17 +133,25 @@
                                         just simply a privacy nightmare to pay or receive payment from
                                         someone without using fungible money. Bitcoin is not fungible, which means
                                         different Bitcoins are different from each other, since both have different
-                                        (and verifiable) history. Will you also take the red pill?
+                                        (and verifiable) history. Will you also take the orange pill?
                                     </p>
-                                    <a href="https://www.getmonero.org/" class="btn btn-danger">Take the Redpill</a>
-                                    <a href="https://www.federalreserve.gov/" class="btn btn-primary">Take the
-                                        Bluepill</a>
+                                    <div class="row">
+                                        <div class="col-6">
+                                            <a href="https://www.getmonero.org/" class="btn btn-block pill">Take the Orangepill</a>
+                                        </div>
+                                        <div class="col-6">
+                                            <a href="https://www.federalreserve.gov/" class="btn btn-block btn-primary">Take the
+                                                Bluepill
+                                            </a>
+                                        </div>
+
+                                    </div>
                                 </div>
                             </div>
                         </div>
                     </div>
                     <div class="row">
-                        <div class="col-xl-12 col-md-6 mb-4">
+                        <div class="col mb-4">
                             <div class="card border-left-new">
                                 <div class="card-body">
                                     <h4 class="card-text text-white">Crowdfunding to help us</h4>
@@ -167,8 +184,8 @@
                                     </div>
                                     <br>
                                     <div class="progress">
-                                        <div class="progress-bar bg-danger" role="progressbar"
-                                            style="width: 46%; color: #ff4d21" aria-valuenow="21.07" aria-valuemin="0"
+                                        <div class="progress-bar" role="progressbar"
+                                            style="width: 46%; background: #ff4d21" aria-valuenow="21.07" aria-valuemin="0"
                                             aria-valuemax="46"></div>
                                     </div>
                                 </div>
diff --git a/charts/templates/charts/base.html b/charts/templates/charts/base.html
index 194619c..97bee3c 100644
--- a/charts/templates/charts/base.html
+++ b/charts/templates/charts/base.html
@@ -48,7 +48,7 @@
         }
 
         .border-left-new {
-            border-left-color: rgb(221, 29, 29);
+            border-left-color: #ff4d21;
             border-left-width: 5px;
         }
         div.a {