forked from laurens/fediversity_website
opengraph change text colour
This commit is contained in:
parent
39a38778cc
commit
38cd88d77b
|
@ -32,75 +32,7 @@
|
|||
</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>
|
||||
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
{{ $text := $title }}
|
||||
{{ $textOptions := dict
|
||||
"color" "#221F5F"
|
||||
"color" "#c9400d"
|
||||
"size" $size
|
||||
"lineSpacing" 10
|
||||
"x" 45 "y" 140
|
||||
|
|
Reference in a new issue