Page MenuHomeDevCentral
Files F3942652

No OneTemporary
Actions

View Options

diff --git a/support/index.html b/support/index.html
index d7ec1da..c1c4aff 100644
--- a/support/index.html
+++ b/support/index.html
@@ -1,54 +1,34 @@
-
<!DOCTYPE html>
<html lang='en'>
<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'>
<meta charset='utf-8'>
<title>Mastodon :: Support our instance</title>
<meta content='width=device-width,initial-scale=1' name='viewport'>
+<link href='support.css' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Roboto:400' rel='stylesheet'>
-<style>
- body {
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
- background: #282c37;
- color: #9baec8;
- text-align: center;
- margin: 0;
- padding: 20px;
- }
-
- .dialog img {
- display: block;
- margin: 20px auto;
- margin-top: 50px;
- max-width: 600px;
- width: 100%;
- height: auto;
- }
-
- .dialog h1 {
- font: 20px/28px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
- font-weight: 400;
- }
-
- .dialog a {
- color: white;
- }
-</style>
</head>
<body>
<div class='dialog'>
-<img alt='Mastodon' src='/oops.png'>
-<div>
-<h1>Support our instance</h1>
-<p>Our <strong>social.nasqueron.org</strong> Mastodon instance's annual hosting costs are estimated to 206.90 €.<br />(172.80 € per year for main server, pro-rated use of other servers for backup/CI/CD 34.10 €).</p>
-<h1>How to support?</h1>
-<p>You can use <a href="https://www.paypal.me/SebastienSantoro">Paypal</a> (add a note to specify it's for the Mastodon instance).</p>
-<p>For a wire transfer, you can use the BE51 0017 6122 5562 account number with the communication "Nasqueron - Mastodon".</p>
-<p>In both cases, add your nickname too if you wish to be credited on this page.</p>
-<p>Your donation will be processed by Sébastien Santoro (<a href="/@Dereckson">@Dereckson</a>).</p>
-</div>
+ <img alt='Mastodon' src='/oops.png'>
+
+ <div>
+ <h1>Support our instance</h1>
+ <p>Our <strong>social.nasqueron.org</strong> Mastodon instance's need your
+ support to exist. Help us to cover our server infrastructure cost with a
+ donation.</p>
+ <h1>How to support?</h1>
+ <div id="support">
+ <section id="support-Paypal">
+ <p>You can use <a href="https://www.paypal.me/SebastienSantoro">Paypal</a> (add a note to specify it's for the Mastodon instance).</p>
+ <p>Your donation will be processed by Sébastien Santoro (<a href="/@Dereckson">@Dereckson</a>).</p>
+ </section>
+ <section id="support-wire">
+ <p>For a wire transfer, you can use the <strong>BE51 0017 6122 5562</strong> account number with the communication <strong>Nasqueron - Mastodon</strong>.</p>
+ <p>Add your nickname too if you wish to be credited to this page.</p>
+ </section>
+ </div>
+ </div>
</div>
</body>
</html>
-
diff --git a/support/support.css b/support/support.css
new file mode 100644
index 0000000..9dc16b7
--- /dev/null
+++ b/support/support.css
@@ -0,0 +1,41 @@
+body {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+ background: #282c37;
+ color: #9baec8;
+ text-align: center;
+ margin: 0;
+ padding: 20px;
+}
+
+.dialog img {
+ display: block;
+ margin: 20px auto;
+ margin-top: 50px;
+ max-width: 600px;
+ width: 100%;
+ height: auto;
+}
+
+.dialog h1 {
+ font: 20px/28px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+ font-weight: 400;
+ margin-top: 2em;
+}
+
+.dialog a {
+ color: white;
+}
+
+#support {
+ display: grid;
+ width: 60vw;
+ grid-template-columns: 50% 50%;
+ grid-column-gap: 2em;
+ margin: auto;
+}
+
+@media screen and (max-width: 709px) {
+ #support {
+ grid-template-columns: 100%;
+ }
+}

File Metadata

Mime Type
text/x-diff
Expires
Thu, Dec 26, 18:17 (1 d, 10 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2315292
Default Alt Text
(3 KB)

Event Timeline

Nasqueron DevCentral · If it had been much bigger the moon would have had a core of ice. · Powered by Phabricator