fediversity_website_archive/themes/nluug/layouts/partials/footer.html

<footer>




  {{ $iconsize_footer := 32 }}

  <div class="three-column-grid">

    <div>
      {{ $iconsize := .Site.Params.mediumIconSize }}
      <h2>Follow us</h2>

      <nav aria-label="Social media">
      {{ if and
        (.Site.Params.mastodon_handle)
        (.Site.Params.mastodon_instance)
      }}
      <a class="icon" href="{{ .Site.Params.mastodon_instance }}@{{ .Site.Params.mastodon_handle }}">{{ partial "show-svg-icon.html" (dict "context" . "icon" "mastodon" "iconsize" $iconsize_footer "alt" "Icoon van Mastodon" "title" "Toots of Fediversity") }}</a>
      {{ end }}
      <a class="icon" href="{{ absURL "atom.xml" }}">{{ partial "show-svg-icon.html" (dict "context" . "icon" "rss" "iconsize" $iconsize_footer "alt" "Icoon van Atom-feed" "title" "RSS-feed for news") }}</a>
      <a class="icon" href="{{ absURL "feed.json" }}">{{ partial "show-svg-icon.html" (dict "context" . "icon" "database" "iconsize" $iconsize_footer "alt" "Icoon van JSON-feed" "title" "JSON Feed for news") }}</a>
      </nav>
    </div>
    <div>
      <h2>Helpful links</h2>
      <nav aria-label="Footer links">
        <ul>
          <li><a href="{{ relURL "contact/" }}">Contact</a></li>
          <li><a href="{{ relURL "privacy/" }}">Privacy</a></li>

        </ul>
      </nav>
    </div>
    <div>test
      <script>
        var blogActor = '@fediversity@mastodon.fediversity.eu';
    
        var showSubscribeModal = function () {
          var modal = document.getElementById("subscribe-modal");
          modal.style.display = "block";
        };
    
        var subscribeInMastodon = function () {
          var mastodonUrl = document.getElementById('subscribe-mastodon-url-host').value;
    
          if (mastodonUrl == undefined || mastodonUrl == '') {
            document.getElementById('error-subscribe').style.display = 'block';
            document.getElementById('error-subscribe').innerText = 'Please enter your Mastodon server URL. For example: techhub.social';
            return;
          }
    
          // validate that mastodonUrl is a valid domain with a dot
          if (!mastodonUrl.includes('.')) {
            document.getElementById('error-subscribe').style.display = 'block';
            document.getElementById('error-subscribe').innerText = 'Please enter a valid Mastodon server URL. For example: techhub.social';
            return;
          }
          var mastodonUrl = document.getElementById('subscribe-mastodon-url-host').value;
    
          if (!mastodonUrl.startsWith('http')) {
            mastodonUrl = "https:\/\/" + mastodonUrl;
          }
    
          document.location.href = mastodonUrl + '/authorize_interaction?uri=' + encodeURIComponent(blogActor);
        };
    
        var closeBtnOnClick = function () {
          var modal = document.getElementById("subscribe-modal");
          modal.style.display = "none";
        };
    
        // When the user clicks anywhere outside of the modal, close it
        window.onclick = function (event) {
          if (event.target == modal) {
            var modal = document.getElementById("subscribe-modal");
            modal.style.display = "none";
          }
        }
    </script>
    
    <div id="subscribe-modal" class="modal" style="display: none">
    <div class="modal-content">
      <span id="close-modal" class="close" onclick="closeBtnOnClick();">&times;</span>
      <h3>Subscribe</h3>
      <p>
        You can subscribe to this blog by following with any existing account on any Mastodon server.
      </p>
      <p>
        <strong>Where is your account hosted?</strong>
      </p>
      <form onsubmit="subscribeInMastodon(); return false;">
        <span id="error-subscribe" style="display: none; color: red;">&nbsp;</span>
        <input type="text" class="mastodon-url-input" id="subscribe-mastodon-url-host" placeholder="ex. mastodon.social">
        <input class="button-9" type="submit" value="Take me home!" onclick="replyToMastodon();">
      </form>
      <p></p>
      <p>Not on Mastodon? <a class="join-mastodon-link" href="https://joinmastodon.org/">Join now!</a></p>
    </div>
    </div>


    </div>
    
  </div>

{{ if .Site.IsServer }}
  <div style="background-color: yellow; border: 2px solid black; padding: 10px; margin-top: 20px;">
    <strong>Ingebouwde webserver van Hugo gedetecteerd. Deze melding zal niet in productie worden getoond en is voor ontwikkeling.</strong><br>
    <ul>
      <li>Kind = {{ .Kind }}</li>
      <li>Layout = {{ .Layout }}</li>
      <li>Type = {{ .Type }}</li>
      <li>Section = {{ .Section }}</li>
      <li>BundleType = {{ .BundleType }}</li>
      <li>IsPage = {{ .IsPage }}</li>
      <li>IsSection = {{ .IsSection }}</li>
      <li>Content types = {{ .Params.content_types }}</li>
    </ul>
  </div>
{{ end }}
</footer>