add sponsoring

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

Hide file tree

Showing 161 changed files with 24,659 additions and 144 deletions.
diff --git a/docs/404.html b/docs/404.html
@@ -87,9 +87,27 @@ <h1 class="pf-title"></h1>
 
 
             </div>
+
         </div>
         <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>
+</div>
         </div>
 
     </div>

diff --git a/docs/assets/app.js b/docs/assets/app.js
@@ -5,6 +5,12 @@ var treasureStr, treasure, treasureCounter;
 function saveTreasure(){
     localStorage.setItem('treasure', JSON.stringify(treasure));
 }
+function toggleTreasure(id){
+    if(treasure[id]) throwAway(id);
+    else collect(id);
+
+    updateAddTreasureBtn();
+}
 function collect(id){
     treasure[id] = {
         time: (new Date()).getTime(),
@@ -20,6 +26,13 @@ function throwAway(id){
     saveTreasure();
 }
 
+function updateAddTreasureBtn(){
+    var btn = document.getElementById('pf-addTreasureBtn');
+    if(!btn) return;
+    console.log(btn.dataset.pirateId);
+    btn.textContent = treasure[btn.dataset.pirateId] ? 'Remove from My Treasure Chest' : 'Add to My Treasure Chest';
+}
+
 function updateIsland(){
     for (element of document.getElementsByClassName('pf-pirate')) {
 
@@ -575,6 +588,8 @@ function initData(){
     setShareLink();
     setStarAd();
 
+    updateAddTreasureBtn();
+
     const toggleFeedBtn = document.getElementById("pf-toggle-feed");
     if(toggleFeedBtn){
         toggleFeedBtn.addEventListener("click", toggleFeed);

diff --git a/docs/assets/icons/github-mark-white.svg b/docs/assets/icons/github-mark-white.svg
diff --git a/docs/css/styles.css b/docs/css/styles.css
diff --git a/docs/css/styles.css.map b/docs/css/styles.css.map
diff --git a/docs/docs/404.html b/docs/docs/404.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+
+        <title>The Pirate Forest</title>
+        <meta property="og:title" content="The Pirate Forest" />
+
+
+
+        <meta name="description" content="Discover Treasures of Forest-related Open Source Software.">
+        <meta property="og:description" content="Discover Treasures of Forest-related Open Source Software." />
+
+
+
+        <meta property="og:type" content="website" />
+
+
+
+        <meta property="og:image" content="https://b-lack.github.io/ThePirateForest/assets/og/thepirateforest.png" />
+
+
+
+
+        <link rel="shortcut icon" type="image/png" href="https://b-lack.github.io/ThePirateForest/assets/icons/favicon/android-icon-192x192.png">
+        <link rel="shortcut icon" sizes="192x192" href="https://b-lack.github.io/ThePirateForest/assets/icons/favicon/android-icon-192x192.png">
+        <link rel="apple-touch-icon" href="https://b-lack.github.io/ThePirateForest/assets/icons/favicon/android-icon-192x192.png">
+
+        <link rel="stylesheet" href="/css/styles.css">
+
+    </head>
+<body>
+
+
+
+<div class="pf-main ">
+    <div class="pf-flag pf-row">
+        <div class="pf-column pf-main-men">
+            <div class="pf-skelleton-img">
+                <a href="/" title="The Pirate Forest">
+                    <img src="/assets/Export.svg" alt="The Pirate Forest" width="100%">
+                </a>
+            </div>
+
+
+            <div class="pf-grow">
+
+                    <header class="text-center">
+                        <div class="pf-ad">
+                            <div id="pf-night-sky" data-stars="" data-owner="b-lack" data-repo="ThePirateForest"></div>
+                            <h1 class="pf-title"></h1>
+                            <p class="pf-under-title">
+
+                            </p>
+                        </div>
+                    </header>
+
+            </div>
+            <div>
+
+
+    <div id="gf-to-chest">
+        <a href="/treasure-chest.html">
+            <div class="pf-treasure pf-row">
+                <div class="pf-gold">
+                    <div id="pf-treasure-stack"></div>
+                    <span id="pf-treasure-counter"></span>
+                </div>
+                <div class="pf-hidden-small">
+                    <span>My Treasure Chest</span>
+                </div>
+            </div>
+        </a>
+    </div>
+
+    <!--<div id="gf-to-list"> birdy.svg
+        <a href="/">
+            <div class="pf-treasure pf-row">
+                <i class="pf-icon-telescope"></i>
+                <span>Discover all</span>
+            </div>
+        </a>
+    </div>-->
+
+
+            </div>
+
+        </div>
+        <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>
+</div>
+        </div>
+
+    </div>
+    <main class="pf-column pf-grow">
+
+        <style type="text/css" media="screen">
+  .container {
+    margin: 10px auto;
+    max-width: 600px;
+    text-align: center;
+  }
+  h1 {
+    margin: 30px 0;
+    font-size: 4em;
+    line-height: 1;
+    letter-spacing: -1px;
+  }
+</style>
+
+<div class="container">
+  <h1>404</h1>
+
+  <p><strong>Page not found :(</strong></p>
+  <p>The requested page could not be found.</p>
+</div>
+
+    </main>
+</div>
+<div class="pf-footer-wave">
+    <div class="pf-sailing">
+        <div class="pf-ship-sailing"></div>
+    </div>
+</div>
+<footer>
+    <div class="pf-row pf-small-column">
+        <p>
+            <small>
+                wanna share missing repo?<br/>
+            </small><br/>
+            <a href="https://github.com/b-lack/ThePirateForest/issues" target="_blank">github</a> .
+            <a href="https://www.instagram.com/alptraum.eins/" target="_blank">insta</a> .
+            <a href="https://www.linkedin.com/in/gerrit-balindt" target="_blank">linkedIn</a> .
+            <a rel="me" href="https://mastodon.social/@ThePirateForest">Mastodon</a>
+        </p>
+        <div class="pf-pirate-avatar">
+            <div class="pf-cross pf-clickable" onclick="collect('ZXMwoNmcEB1XIN7plJeDv'); return false;"></div>
+            <a href="https://github.com/b-lack/ThePirateForest/issues">
+                <img src="https://avatars.githubusercontent.com/u/11278402?v=4" title="b-lack" alt="b-lack">
+            </a>
+        </div>
+
+    </div>
+    <div>
+        <a id="pf-share">share</a>
+    </div>
+</footer>
+<script async="" src="/assets/app.js"></script>
+
+</body>
+</html>
diff --git a/docs/docs/CNAME b/docs/docs/CNAME
@@ -0,0 +1 @@
+thepirateforest.org