build docs

b-lack · Aug 8, 2023 · 78299ef · 78299ef
1 parent db69a02
commit 78299ef
Show file tree

Hide file tree

Showing 5 changed files with 67 additions and 44 deletions.
diff --git a/jekyll/_config.yml b/jekyll/_config.yml
@@ -25,6 +25,8 @@ description: >- # this means to ignore newlines until "baseurl:"
   Open Source Software.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://ThePirateForest.org" # the base hostname & protocol for your site, e.g. http://example.com
+destination: ../docs/
+
 
 # Build settings
 plugins:

diff --git a/jekyll/_includes/sponsors.html b/jekyll/_includes/sponsors.html
@@ -1,21 +1,18 @@
-
-<h3 class="h2">
-    <div class="pf-row">
-        <div class="pf-grow pf-sponsor-gold-header">Gold Sponsors</div>
-
+<div class="pf-sponsors">
+    <span>Thanks to</span>
+    <h2 class="no-margin">
+        Gold Sponsor
+    </h2>
+    <div class="pf-margin-big">
+        <a href="https://gruenecho.de/en" target="_blank" rel="noopener noreferrer">
+            <div class="pf-sponsor pf-sponsor-gold pf-sponsor-dark">
+                <img src="https://gruenecho.de/img/ge-logo.svg" alt="The Pirate Forest">
+            </div>
+        </a>
+        <a href="https://github.com/sponsors/b-lack" target="_blank" rel="noopener noreferrer">
+            <div class="pf-sponsor pf-sponsor-gold pf-sponsor-dark">
+                <span class="pf-sponsor-text">Become a sponsor</span>
+            </div>
+        </a>
     </div>
-</h3>
-<div class="pf-under-title pf-unterlines">
-
-</div>
-<div>
-    <a href="https://gruenecho.de/en" target="_blank" rel="noopener noreferrer">
-        <div class="pf-sponsor pf-sponsor-gold pf-sponsor-dark">
-            <img src="https://gruenecho.de/img/ge-logo.svg" alt="The Pirate Forest">
-        </div>
-    </a>
-</div>
-
-<div class="text-center margin-big">
-    <a class="pf-under-title pf-unterlines" href="https://github.com/sponsors/b-lack" target="_blank" rel="noopener noreferrer">Become a <b>Gold Level Sponsor</b></a>
 </div>
diff --git a/jekyll/_layouts/basic.html b/jekyll/_layouts/basic.html
@@ -15,10 +15,6 @@
             <div class="pf-grow">
                 {% if page.url == '/' %}
                     {% include the-pirate-forest.html %}
-                    <hr class="gf-seperator">
-                    <div class="margin-big ">
-                        {% include sponsors.html %}
-                    </div>
                 {% else %}
                     <header class="text-center">
                         <div class="pf-ad">
@@ -36,7 +32,9 @@ <h1 class="pf-title">{{ page.title }}</h1>
             </div>
 
         </div>
-
+        <div>
+            {% include sponsors.html %}
+        </div>
 
     </div>
     <main class="pf-column pf-grow">

diff --git a/jekyll/_sass/sponsors.scss b/jekyll/_sass/sponsors.scss
@@ -1,27 +1,53 @@
 
-    .pf-sponsor {
-
-        &-gold {
-            width: 100px;
-            height: 100px;
-            border-radius: 50%;
-            padding: 15px;
+.pf-sponsors {
+    background-color: #222;
+    padding: 20px;
+    margin: 80px 0;
+    text-align: center;
+    color: #444;
+}
+.pf-sponsor {
+    margin: 10px;
+    display: inline-block;
+    text-align: center;
+    :hover {
+        transform: scale(1.1);
+    }
+    &-gold {
+        width: 100px;
+        height: 100px;
+        border-radius: 50%;
+        padding: 15px;
+        overflow: hidden;
+        img{
+            object-fit: cover;
             overflow: hidden;
-            img{
-                object-fit: cover;
-                overflow: hidden;
-                max-width: 100px;
-                max-height: 100px;
-            }
-        }
-        &-dark {
-            background-color: #000;
-        }
-        &-light {
-            background-color: #fff;
+            max-width: 100px;
+            max-height: 100px;
         }
+    }
+    &-dark {
+        background-color: #000;
+        color: #fff;
+    }
+    &-dark:hover {
+        background-color: #111;
+    }
+    &-light {
+        background-color: #fff;
+        color: #000;
+    }
+    &-light:hover {
+        background-color: #eee;
+    }
 
+    .pf-sponsor-text {
+        font-size: 0.8em;
+        margin-top: 30px;
+        display: inline-block;
     }
+
+}
 .pf-sponsor-gold-header{
     color: yellow;
 }
diff --git a/jekyll/css/styles.scss b/jekyll/css/styles.scss
@@ -57,7 +57,7 @@ body{
   font-size: 1.3em;
   margin: 0;
 }
-main{
+main, .no-margin{
   margin: 0px;
 }
 a, .pf-clickable{