From 48f20fe030ab421b80e8fe2dfb145a4718abf675 Mon Sep 17 00:00:00 2001
From: BlueFox <bluefox@privacynerd.de>
Date: Thu, 20 Feb 2025 16:04:02 +0100
Subject: [PATCH] Changed the layout a little bit to match the later view
 better

---
 new_site/src/griddy.css                       | 12 ++++++---
 .../src/img/{original.svg => bluefox.svg}     | 27 ++++++++++---------
 new_site/src/index.html                       | 23 +++++++++++-----
 3 files changed, 40 insertions(+), 22 deletions(-)
 rename new_site/src/img/{original.svg => bluefox.svg} (91%)

diff --git a/new_site/src/griddy.css b/new_site/src/griddy.css
index bde07cc..781dc6d 100644
--- a/new_site/src/griddy.css
+++ b/new_site/src/griddy.css
@@ -130,13 +130,19 @@ code {
 hr {
     --hr-color: var(--accent);
 
-    width: 40%;
+    width: 70%;
     height: 3px;
-    margin: 2em auto;
+    margin: 2.35em auto;
     border-width: 0;
     color: var(--hr-color);
     background-color: var(--hr-color);
 }
+/* Large Devices */
+@media (min-width: 992px) {
+    hr {
+        max-width: 40%;
+    }
+}
 
 .align-left {
     text-align: left;
@@ -175,4 +181,4 @@ hr {
     .md-8 { width: 80%; }
     .md-9 { width: 90%; }
     .md-10 { width: 100%; }
-}
\ No newline at end of file
+}
diff --git a/new_site/src/img/original.svg b/new_site/src/img/bluefox.svg
similarity index 91%
rename from new_site/src/img/original.svg
rename to new_site/src/img/bluefox.svg
index 957f19f..f94490d 100644
--- a/new_site/src/img/original.svg
+++ b/new_site/src/img/bluefox.svg
@@ -8,7 +8,7 @@
    version="1.1"
    id="svg1"
    inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
-   sodipodi:docname="drawing.svg"
+   sodipodi:docname="original.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -23,9 +23,9 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:document-units="mm"
-     inkscape:zoom="1.4142136"
-     inkscape:cx="204.00031"
-     inkscape:cy="258.80108"
+     inkscape:zoom="2"
+     inkscape:cx="382.25"
+     inkscape:cy="256.5"
      inkscape:window-width="1920"
      inkscape:window-height="1131"
      inkscape:window-x="0"
@@ -91,11 +91,11 @@
        id="path5" />
     <path
        style="fill:#ff7f00;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
-       d="M 79.891536,39.986086 69.842685,29.937235 59.842687,39.937234 Z"
+       d="M 79.860404,40.134508 69.811388,30.104126 59.867707,40.142252 Z"
        id="path6" />
     <path
        style="fill:#ff7f00;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
-       d="M 59.842687,39.986027 49.793836,29.937176 39.793838,39.937175 Z"
+       d="M 59.867707,40.142252 49.757489,30.180886 39.696421,40.093825 Z"
        id="path6-7" />
     <path
        style="fill:#ff7f00;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
@@ -103,7 +103,7 @@
        id="path6-7-2" />
     <path
        style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
-       d="m 49.769439,29.961691 10.097644,9.999821 9.951205,-10.048555 z"
+       d="M 49.745316,30.180886 59.867707,40.142252 69.8433,30.132339 Z"
        id="path6-7-2-7" />
     <path
        style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
@@ -139,7 +139,7 @@
        id="path6-7-2-9-4-6-3-1" />
     <path
        style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
-       d="m 49.867708,50.127206 h 20 v 20.005085 h -20 z"
+       d="M 49.865165,50.127206 H 69.867708 V 70.134743 H 49.865165 Z"
        id="path7" />
     <path
        style="fill:#b9e23c;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
@@ -155,7 +155,7 @@
        id="path8-8-1" />
     <path
        style="fill:#739fd0;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
-       d="m 69.867708,50.127206 9.994915,-9.994913 H 59.862624 v 9.994913 z"
+       d="m 69.872791,50.137165 9.994915,-9.994913 H 59.867707 v 9.994913 z"
        id="path8-8-1-0" />
     <path
        style="fill:#739fd0;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
@@ -175,7 +175,7 @@
        id="path11" />
     <path
        style="fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
-       d="M 89.867707,50.146809 H 99.867708 L 109.86771,60.14681 99.867708,70.146809 H 89.867707 Z"
+       d="m 90.071967,49.961492 h 10.000003 l 10.00001,10.000002 -10.00001,9.999998 H 90.071967 Z"
        id="path12" />
     <path
        style="fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
@@ -183,18 +183,19 @@
        id="path12-9" />
     <path
        style="fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
-       d="m 49.867708,90.123697 v 10.008593 l 9.999999,10 10.000001,-10 v -10 z"
+       d="m 49.965168,90.005671 v 10.008589 l 9.999999,10 10.000001,-10 v -9.999996 z"
        id="path13" />
     <path
        style="fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
-       d="M 49.867709,30.140884 V 20.132286 l 9.999999,-10 10.000001,10 v 10.000005 z"
+       d="M 49.769721,30.180838 V 20.152278 L 59.818712,10.132334 69.867705,20.152278 v 10.01995 z"
        id="path13-6" />
   </g>
   <g
      inkscape:groupmode="layer"
      id="layer2"
      inkscape:label="Layer 2"
-     style="display:none">
+     style="display:none"
+     sodipodi:insensitive="true">
     <path
        style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.264583"
        id="rect1"
diff --git a/new_site/src/index.html b/new_site/src/index.html
index 3e05298..1397007 100644
--- a/new_site/src/index.html
+++ b/new_site/src/index.html
@@ -13,25 +13,36 @@
             <i>Stay optimistic!</i></p>
         <hr>
         <div class="row">
-            <div class="col sm-10 md-5">1 - Lorem ipsum dolor sit amet consectetur, adipisicing elit. At animi blanditiis, necessitatibus, unde ut, odit dolore deserunt quos nemo tenetur veritatis non dolorum ullam. Obcaecati, tempora. Quam totam atque earum.</div>
-            <div class="col sm-10 md-5">2 - Lorem ipsum dolor sit amet consectetur, adipisicing elit. At animi blanditiis, necessitatibus, unde ut, odit dolore deserunt quos nemo tenetur veritatis non dolorum ullam. Obcaecati, tempora. Quam totam atque earum.</div>
+            <div class="col sm-10 md-5">
+                <div class="badge">
+                    1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit
+                </div>
+            </div>
+            <div class="col sm-10 md-5">
+                <div class="badge">
+                    2 - sed do eiusmod tempor incididunt ut labore et dolore
+                </div>
+            </div>
         </div>
         <hr>
         <div class="row">
             <div class="col sm-10 md-5">
-                <div class="badge">Other services</div>
+                Other services<br>
+                <div class="badge">magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem. Ullus investigandi veri, nisi inveneris,</div>
             </div>
             <div class="col sm-10 md-5">
+                Social & Contact<br>
                 <div class="badge">
-                    Social & Contact
-                    <hr class="align-left">
-
                     <a href="https://git.privacynerd.de/BlueFox">Bluefox</a> | 
                     <a href="https://codeberg.org/BlueFox">Bluefox</a> | 
                     <a href="https://crowdin.com/profile/bluefox4">bluefox4</a> | 
                     <a href="https://github.com/bluefox42">bluefox42</a> | 
                     <a href="https://hub.docker.com/u/bluefox42">bluefox42</a>
                 </div>
+                <hr class="align-left">
+                <div class="badge">
+                     et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem...
+                </div>
             </div>
         </div>
         <hr>