Merge pull request #725 from JupiterBroadcasting/develop

config/_default/params.toml

@@ -31,4 +31,7 @@ analytics = "https://plausible.ktz.cloud/js/plausible.js"
 github_repo = "https://github.com/JupiterBroadcasting/jupiterbroadcasting.com"
 
 # Sponsor Page
-sponsors.lookbackdays = -90
+sponsors.lookbackdays = -90
+
+# Episode Page
+episode.node_link_base_url = "https://amboss.space/node/"

themes/jb/layouts/episode/single.html

@@ -126,6 +126,19 @@ <h2>Sponsors</h2>
               </div>
             </div>
           {{ end }}
+          <!-- Value for Value splits -->
+          {{ if .Params.value }}
+            <div class="tile is-child columns is-flex-grow-0" >
+              <div class="column px-0">
+                {{ with .Params.value.recipients }}
+                  <h3>Boost Splits</h3>
+                  <section class="section px-0 valueforvalue">
+                    {{ partial "episode/valueforvalue.html" (dict "recipients" . "ctx" $) }}
+                  </section>
+                {{ end }}
+              </div>
+            </div>
+          {{ end }}
           <!-- Tags -->
           {{ if .Params.tags }}
             <div class="tile is-child is-flex-grow-0">

themes/jb/layouts/partials/episode/valueforvalue.html

@@ -0,0 +1,20 @@
+<div class="card">
+  <div class="card-content">
+    <div class="content">
+      {{ $base_url := .ctx.Site.Params.episode.node_link_base_url }}
+      {{ range (sort .recipients "split" "desc") }}
+        <div class="columns is-mobile">
+          <div class="column is-flex is-align-items-center">
+            <progress class="progress is-primary mb-0" value="{{ .split }}" max="100"></progress>
+            <span class="ml-2 has-text-grey">{{ .split }}%</span>
+          </div>
+          <div class="column">
+            <a href="{{ printf "%s%s" $base_url .address }}" target="_blank" rel="noopener noreferrer">
+              {{ .name }}
+            </a>
+          </div>
+        </div>
+      {{ end }}
+    </div>
+  </div>
+</div>