let's have fun

_layouts/page.html

@@ -10,3 +10,6 @@ layout: default
     </div>
   </div>
 </section>
+{% if page.url == '/about/' %}
+<script src="https://pr.basspistol.com/focus/2.js" type="text/javascript" charset="utf-8" async="async"></script>
+{% endif %}

_layouts/post.html

@@ -75,6 +75,7 @@ layout: default
               Published the
               <time datetime="{{ page.date }}">{% include dates.html %}</time>
             </p>
+            {% if page.download_form_id %}<script type="text/javascript" src="https://pr.basspistol.com/form/generate.js?id={{ page.download_form_id }}"></script>{% endif %}
             <h6>
               Share this release:
             </h6>

_posts/2019-02-07-darkweb.md

@@ -15,6 +15,7 @@ link:
   buttontext: 
 check_this_if_cannot_be_bought: false
 album: darkweb
+download_form_id: 6 
 stores:
   - name: Bandcamp
     url: 'https://shop.basspistol.com/album/darkweb'

_sass/_elements.scss

@@ -39,6 +39,7 @@ a:hover {
 // Buttons
 
 .button {
+  font-family: _font(title);
   background-color: var(--accent2);
   padding: 1em;
   margin-bottom: 20px;

_sass/_layout.scss

@@ -113,6 +113,8 @@ body {
     max-width: var(--max-width);
     margin: auto;
       .description {
+        display: flex;
+        flex-wrap: wrap;
         border-radius: var(--border-radius);
         background: var(--bg-alt);
         box-shadow: 15px 15px 28px 24px var(--bg-alt);
@@ -140,6 +142,12 @@ body {
               font-size: 65px;
             }
         }
+        .mauticform_wrapper {
+          width: 200px;
+          .button {
+            border: 0;
+          }
+        }
       }
     h1, h2 {
       font-size: 2em;
@@ -444,3 +452,19 @@ footer {
     }
   }
 }
+.bio {
+  flex-wrap: wrap;
+  .mauticform_wrapper, .mauticform-input {
+    width: calc(100% - 80px);
+    max-width: 480px;
+    margin: 40px auto;
+    .button {
+      border: 0;
+    }
+  }
+}
+.mautic-focus {
+  font-family: 'Lucida Console', Monaco, monospace;
+  color: #3c2a52;
+  background-color: #3c2a52;
+}

index.html

@@ -72,14 +72,18 @@ video_path:
           {% endfor %}
           <li id="random_posts"><a href="/discography"  class="button">🔥</a></li>
         </ul>
-        <h1>{{ site.title }}</h1>
+        
-        <p>{{ page.description }}</p>
+        <script type="text/javascript" src="//pr.basspistol.com/form/generate.js?id=10"></script>
       </div>
+
     </div>
 
 
 </header>
 <section class="releases" id="read">
+  <div class="content-wrapper" style="text-align: center;">
+  <h1>{{ site.title }}</h1>
+        <p>{{ page.description }}</p>
   <h2>Releases</h2>
   <div class="container">
   {% assign sorted = site.posts | sort: 'date' | reverse %}
@@ -112,6 +116,7 @@ video_path:
   {% endfor %}
   {% endfor %}
 </div>
+</div>
 </section>