forked from laurens/fediversity_website
122 lines
4.7 KiB
HTML
122 lines
4.7 KiB
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();">×</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;"> </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>
|