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