diff options
Diffstat (limited to 'html')
| -rw-r--r-- | html/about.html | 65 | ||||
| -rw-r--r-- | html/about_de.html | 66 | ||||
| -rw-r--r-- | html/alert.html | 24 | ||||
| -rw-r--r-- | html/footer.html | 56 | ||||
| -rw-r--r-- | html/header.html | 17 | ||||
| -rw-r--r-- | html/howto.html | 52 | ||||
| -rw-r--r-- | html/howto_de.html | 49 | ||||
| -rw-r--r-- | html/index.html | 47 | ||||
| -rw-r--r-- | html/index_de.html | 46 | ||||
| -rw-r--r-- | html/navbar.html | 56 | ||||
| -rw-r--r-- | html/navbar_de.html | 56 | ||||
| -rw-r--r-- | html/password.html | 76 | ||||
| -rw-r--r-- | html/password_de.html | 76 | ||||
| -rw-r--r-- | html/privacy.html | 44 | ||||
| -rw-r--r-- | html/privacy_de.html | 44 | ||||
| -rw-r--r-- | html/register.html | 98 | ||||
| -rw-r--r-- | html/register_de.html | 98 | ||||
| -rw-r--r-- | html/server.html | 79 | ||||
| -rw-r--r-- | html/server_de.html | 81 | ||||
| -rw-r--r-- | html/tos.html | 40 | ||||
| -rw-r--r-- | html/tos_de.html | 39 | ||||
| -rw-r--r-- | html/user.html | 46 | ||||
| -rw-r--r-- | html/user_de.html | 43 |
23 files changed, 1298 insertions, 0 deletions
diff --git a/html/about.html b/html/about.html new file mode 100644 index 0000000..364bc28 --- /dev/null +++ b/html/about.html @@ -0,0 +1,65 @@ +{{template "header.html" "About | Libremail"}} +{{template "navbar.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <h1>About Libremail</h1> + <br> + <div class="well well-lg"> + <h2 id="what_are_we_doing">What are we doing?</h2> + <p>We host your E-Mail, like GMail or Yahoo mail. But without ads or selling your data.</p> + <br> + <h2 id="why_libremail">Why Libremail?</h2> + <p>Because Libremail is young, free (without commercial aim) and open source. If you don't want it hosted, grab the source and run it on your own server. + <br> + Also we run a secure setup. Read <a href="#secure">here</a> more.</p> + <br> + <h2 id="by_whom">By whom?</h2> + <p>Libremail is hosted on a dedicated server and managed by <a href="https://www.iamfabulous.de/" title="iamfabulous.de" target="_blank">Maximilian Möhring <span class="fa fa-external-link"></span></a>. + </p> + <br> + <h2 id="secure">How secure is it?</h2> + <p>Our IMAP login server enforces TLS 1.0, 1.1 or 1.2 with Perfect Forward Secrecy. + <br>If you are interested, those SSL ciphers are allowed: <code>ECDH+AESGCM:DH+AESGCM:ECDH+AES256:DH+AES256:ECDH+AES128:DH+AES:ECDH+3DES:DH+3DES:RSA+AESGCM:RSA+AES:RSA+3DES:!aNULL:!MD5:!DSS</code> + <br>In regards of SMTP, since enforcing strict security may prevent a remote client from connecting, we have to allow incomming mails with the SSLv3 protocol. On the other hand, SMTP is not vulnerable to POODLE either way. + <br><strong>Please note:</strong> Since Libremail is hosted we can't provide end-to-end encryption, but we strongly suggest to use GPG. + </p> + <br> + <h2 id="why">Why? How do you make money?</h2> + <p>Because it's fun and useful. There is no plan to make money with Libremail. + </p> + <br> + <h2 id="sign_up">How to sign up?</h2> + <p>Please look <a href="/howto#create_new" title="How to sign up">here</a>. + <!--br> + <h2 id="software">Used Software</h2> + <p> + Postfix - SMTP + <br> + Dovecot - IMAP, POP3 + <br> + Roundcube - Webmali + <br> + MariaDB - Database + <br> + TumgreySPF - Greylisting + <br> + Libremail - Golang + <br> + Mailgraph - Statistics + <br> + Debian - Operating System + </p--> + <br> + <br> + <h2 id="warranty">Warranty</h2> + <p> + THERE IS ABSOLUT NO WARRANTY IN ANY WAY, BE IT UPTIME, BACKUP OR ABUSE. THE USER IS RESPONSIBLE FOR HIS OWN DOING. + </p> + </div> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/about_de.html b/html/about_de.html new file mode 100644 index 0000000..7cee528 --- /dev/null +++ b/html/about_de.html @@ -0,0 +1,66 @@ +{{template "header.html" "Über uns | Libremail"}} +{{template "navbar_de.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <h1>Über Libremail</h1> + <br> + <div class="well well-lg"> + <h2 id="what_are_we_doing">Was tun wir?</h2> + <p>Wir hosten Ihre E-Mails, so wie GMail oder Yahoo mail. Aber ohne Werbung und ohne Ihre Daten zu verkaufen.</p> + <br> + <h2 id="why_libremail">Wieso Libremail?</h2> + <p>Libremail ist jung, frei (ohne kommerzielle Absicht) und Open Source. Wenn Sie uns nicht vertrauen, setzen Sie sich es selber auf! + <br> + Außerdem legen wir Wert auf Sicherheit. Lesen Sie <a href="#secure">hier</a> mehr.</p> + <br> + <h2 id="by_whom">Von wem?</h2> + <p>Libremail liegt auf einem sicherem Server und wird von <a href="https://www.iamfabulous.de/" title="iamfabulous.de" target="_blank">Maximilian Möhring <span class="fa fa-external-link"></span></a> betrieben. + </p> + <br> + <h2 id="secure">Wie sicher ist es?</h2> + <p>Unser IMAP Login Server erzwingt TLS 1.0, 1.1 oder 1.2 mit Perfect Forward Secrecy. + <br>Falls Sie interessiert sind, nur diese SSL ciphers sind zugelassen: <code>ECDH+AESGCM:DH+AESGCM:ECDH+AES256:DH+AES256:ECDH+AES128:DH+AES:ECDH+3DES:DH+3DES:RSA+AESGCM:RSA+AES:RSA+3DES:!aNULL:!MD5:!DSS</code> + <br>In Bezug auf eingehende E-Mails, das erzwingen von absoluter Sicherheit könnte unter Umständen einen entfernen Klienten daran hindern E-Mails zuzustellen. Deswegen überlauben wir für unseren SMTP Server immer noch das SSLv3 Protokoll. Auf der anderen Seite, SMTP war sowieso nie durch POODLE betroffen. + <br> + <br> + <strong>Beachtung:</strong> Weil Libremail auf unserem Server liegt können wir keine wahre Ende-zu-Ende Verschlüsselung erzwingen. Wir empfehlen aber trotzdem den Gebrauch von GnuPG. + </p> + <br> + <h2 id="why">Warum? Wie verdient Ihr Geld?</h2> + <p>Weil es Spaß macht und es nützlich ist. Libremail ist nicht dafür gebaut worden um Geld zu machen. + </p> + <br> + <h2 id="sign_up">Wie erstelle ich eine neue Adresse?</h2> + <p>Schauen Sie <a href="/howto#create_new" title="How to sign up">hier</a> nach.</p> + <!--br> + <h2 id="software">Used Software</h2> + <p> + Postfix - SMTP + <br> + Dovecot - IMAP, POP3 + <br> + Roundcube - Webmali + <br> + MariaDB - Database + <br> + TumgreySPF - Greylisting + <br> + Libremail - Golang + <br> + Mailgraph - Statistics + <br> + Debian - Operating System + </p--> + <br> + <h2 id="warranty">Garantie</h2> + <p> + ES WIRD KEINERLEI GARANTIE IN IRGENDEINER ART UND WEISE GEWÄHRLEISTET, SEI ES ERREICHBARKEIT, BACKUPS ODER MISSBRAUCH. JEDER NUTZER IST FÜR SEIN EIGENES VERHALTEN VERANTWORTLICH. + </p> + </div> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/alert.html b/html/alert.html new file mode 100644 index 0000000..aa4dd1a --- /dev/null +++ b/html/alert.html @@ -0,0 +1,24 @@ +{{if .Error}} +<div class="container"> + {{range .Error}} + <h4 class="col-md-12 alert alert-danger alert-dismissible alert-lg shadow-z-2 btn-material-red" role="alert"> + <button type="button" class="close" data-dismiss="alert" aria-label="close"><span aria-hidden="true">×</span></button> + <span class="text-center"> + {{.}} + </span> + </h4> + {{end}} +</div> +{{end}} +{{if .Success}} +<div class="container"> + {{range .Success}} + <h4 class="col-md-12 alert alert-success alert-dismissible alert-lg shadow-z-2 btn-material-light-green-500" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="close"><span aria-hidden="true">×</span></button> + <span class="text-center"> + {{.}} + </span> + </h4> + {{end}} +</div> +{{end}} + diff --git a/html/footer.html b/html/footer.html new file mode 100644 index 0000000..6581cac --- /dev/null +++ b/html/footer.html @@ -0,0 +1,56 @@ +<footer class="footer shadow-y-2"> + <div class="container"> + <div class="col-md-12"> + <p class="sticky-footer"> +{{if eq . "de"}} + <span class="fa fa-bar-chart"></span> <a class="footer-a" href="/statistics" title="Statistics"> Statistiken</a> + | + <span class="fa fa-legal"></span> <a class="footer-a" href="/tos" title="Nutzungsbedingungen"> Nutzungsbedingugen</a> + | + <span class="fa fa-user-secret"></span> <a class="footer-a" href="/privacy" title="Datenschutz Erklärung"> Datenschutz</a> +{{else}} + <span class="fa fa-bar-chart"></span> <a class="footer-a" href="/statistics" title="Statistics"> Statistics</a> + | + <span class="fa fa-legal"></span> <a class="footer-a" href="/tos" title="Terms of Service"> Terms of Service</a> + | + <span class="fa fa-user-secret"></span> <a class="footer-a" href="/privacy" title="Privacy"> Privacy Policy</a> +{{end}} + <span class="sm-display"> + | + </span> + + <span class="lg-pull-right"> + <span class="fa fa-copyright"></span> <a class='footer-a' href='//www.iamfabulous.de' title='Maximilian Möhring'>Maximilian Möhring <span class="fa fa-external-link"></span></a> + </span> + </p> + </div> + </div> +</footer> + +<script src='//code.jquery.com/jquery-1.11.2.min.js'></script> +<script src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js'></script> +<!--script src='/static/js/jquery-1.11.2.min.js'></script> +<script src='/static/js/bootstrap.min.js'></script--> +<script src='/static/js/material.min.js'></script> +<script src='/static/js/ripples.min.js'></script> +<script> + $(document).ready(function(){ + $('.dropdown-toggle').dropdown(); + $.material.init(); + }); + var _paq = _paq || []; + _paq.push(['trackPageView']); + _paq.push(['enableLinkTracking']); + (function() { + var u="//a.iamfabulous.de/"; + _paq.push(['setTrackerUrl', u+'piwik.php']); + _paq.push(['setSiteId', 12]); + {{if .}} + _paq.push(['setCustomVariable', 1, "Language",{{.}}, "visit"]); + {{end}} + var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; + g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); + })(); +</script> + </body> +</html> diff --git a/html/header.html b/html/header.html new file mode 100644 index 0000000..8269f3d --- /dev/null +++ b/html/header.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> + +<html> + <head> + <meta http-equiv='Content-Type' content='text/html; charset=utf-8'> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name='viewport' content='width=device-width, initial-scale=1.0'> + <title>{{.}}</title> + <link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css'> + <link rel='stylesheet' type='text/css' href='/static/css/material-wfont.min.css'> + <link rel='stylesheet' type='text/css' href='/static/css/material.min.css'> + <link rel='stylesheet' type='text/css' href='/static/css/ripples.min.css'> + <link rel='stylesheet' type='text/css' href='/static/css/style.css'> + <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> + <link rel='shortcut icon' type='image/png' href='/static/img/favicon.ico'> + </head> + <body> diff --git a/html/howto.html b/html/howto.html new file mode 100644 index 0000000..72a4e3f --- /dev/null +++ b/html/howto.html @@ -0,0 +1,52 @@ +{{template "header.html" "How To | Libremail"}} +{{template "navbar.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <h1>How to</h1> + <br> + <div class="well well-lg"> + <h2 id="create_new">Create new address</h2> + <p>To create a new mail address follow and fill out <a href="/register" title="Sign up">this</a> link. + <br> + You can use <strong>email.iamfabulous.de</strong> or <strong>user.iamfabulous.de</strong> as a base domain, so e.g. '<span class="italic">post@email.iamfabulous.de</span>' or '<span class="italic">tidyupmyroom@user.iamfabulous.de</span>' are valid entries. + <br> + Try it out, if the mail is already taken it will prompt you with more details. + </p> + <br> + <h2 id="login">Login</h2> + <p>The easiest way to login is using our webmail interface with your browser. You can find it <a href="https://iamfabulous.de/webmail" title="Webmail" target="_blank">here <span class="fa fa-external-link"></span></a>. + <br> + <strong>Your login name is your full mail address.</strong> + <br> + <br> + If you want to use your own client, see <a href="/server" title="Server">here</a> for connection details. + </p> + <br> + <h2 id="change_password">Change Password</h2> + <p> + You can easily change your password through the webinterface. You just need your old password in before. + <br> + Follow this link <a href="/password" title="Change Password">here <span class="fa fa-lock"></span></a>. + </p> + <br> + <h2 id="own_domain">Use other domains</h2> + <p>It is possible to use other domains as well. If you own one, we can do the mail hosting for you. + </p> + <p> + The requirements are a valid MX entry in your DNS. MX means 'mail exchange' and is a special resource record which points the responsible mail server. The correct entry is <strong>mx.iamfabulous.de</strong>. + <br> + <strong>For hassle-free mail delivery a valid SPF entry is mandatory. A valid TXT record may look like </strong> + <br> + <code>v=spf1 mxipv4:62.210.138.105 -all</code>. + </p> + <p> + We also recommend to sign your mails with DKIM. To set up DKIM send me a notice, because it's not possible to automate this procedure. + </p> + </div> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/howto_de.html b/html/howto_de.html new file mode 100644 index 0000000..76ce646 --- /dev/null +++ b/html/howto_de.html @@ -0,0 +1,49 @@ +{{template "header.html" "How To | Libremail"}} +{{template "navbar_de.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <h1>How to</h1> + <br> + <div class="well well-lg"> + <h2 id="create_new">Neue Adresse</h2> + <p>Um eine neue E-Mail Adresse zu erstellen folgen Sie <a href="/register" title="Sign up">diesem</a> Link. + <br> + Es steht u.a. <strong>email.iamfabulous.de</strong> oder <strong>user.iamfabulous.de</strong> als Domain zur Verfügung, zum Beispiel '<span class="italic">post@email.iamfabulous.de</span>' oder '<span class="italic">tidyupmyroom@user.iamfabulous.de</span>' sind gültige Adressen. + <br> + Probieren Sie es aus. Wenn die Adresse schon vergeben ist, wird Ihnen eine Meldung mit mehr Informationen angezeigt. + </p> + <br> + <h2 id="login">Login</h2> + <p>Am einfachsten ist es, wenn Sie sich über Ihren Browser einloggen. Sie finden unser Webmail Angebot <a href="https://iamfabulous.de/webmail" title="Webmail" target="_blank">hier <span class="fa fa-external-link"></span></a>. + <br> + <strong>Benutzen Sie Ihre volle E-Mail Adresse als Loginname.</strong> + <br> + <br> + Wenn Sie Ihren eigenen Klienten (Smartphone oder Thunderbird etc.) benutzen wollen, können Sie <a href="/server" title="Server">hier</a> Details zur Verbindungsherstellung einsehen. + </p> + <br> + <h2 id="change_password">Passwort ändern</h2> + <p> + Sie können einfach und bequem Ihr Passwort über diese Webseite ändern. Sie benötigen dafür Ihr altes Passwort. + <br> + Folgen Sie dafür einfach <a href="/password" title="Change Password">diesem <span class="fa fa-lock"></span></a> Link. + </p> + <br> + <h2 id="own_domain">Eigene Domain</h2> + <p>Es ist möglich Libremail auch mit anderen Domains zu verwenden. Wenn Sie eine eigene Domain besitzen, dann können wir uns um die E-Mail Geschichte kümmern. + </p> + <p> + Verlangt wird ein gültiger MX Eintrag in Ihrem DNS. MX bedeutet 'Mail Exchange' und ist ein spezieller Eintrag welcher auf den verantwortlichen Mail Server zeigt. Der korrekte Eintrag lautet <strong>mx.iamfabulous.de</strong>. + <br> + <strong>Für eine korrekte Mail Zustellung ist außerdem mindestens ein gültiger SPF Record im DNS notwendig. Ein gültiger Eintrag könnte als TXT Record so aussehen.</strong><br> <code>v=spf1 mxipv4:62.210.138.105 -all</code> + </p> + <p>Wir empfehlen außerdem die Signierung der E-Mails mit DKIM. Sollten Sie einen DKIM Eintrag wünschen, setzen Sie sich mit mir in Kontakt, da dieser Vorgang nicht automatisiert werden kann. + </p> + </div> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/index.html b/html/index.html new file mode 100644 index 0000000..4e5b2ee --- /dev/null +++ b/html/index.html @@ -0,0 +1,47 @@ +{{template "header.html" "Libremail"}} +{{template "navbar.html"}} +{{template "alert.html" .}} + +<div class="jumbotron"> + <div class="container"> + <h1>Libremail</h1> + <p>Tired of getting spam daily? You just need quickly a mail address? Or you own a domain and want to use it to recieve E-Mails? + <strong>You are in the right place.</strong> + <br>It's completly free and ad-free.</p> + <p><a class="btn btn-primary btn-lg btn-raised" href="/register" role="button"><span class="fa fa-sign-in"></span> Sign Up »</a></p> + </div> +</div> +<div class="container"> + <div class="row"> + <div class="col-md-4"> + <h2><span class="fa fa-user"></span> Simple & Fast</h2> + <p>It's 10 seconds to your new mail address. + Pick a free one and sign up. <br> + It's free and we don't bite.</p> + <p><a class="btn btn-primary btn-raised" href="/register" role="button"><span class="fa fa-user-plus"></span> Sign up »</a></p> + </div> + <div class="col-md-4"> + <h2><span class="fa fa-lock"></span> Secure</h2> + <p>We do our best to keep up-to-date with the latest technologies and not only suggest, but rather enforce encryption on every step.</p> + <p><a class="btn btn-primary btn-raised" href="/about" role="button"><span class="fa fa-lock"></span> About us »</a></p> + </div> + <div class="col-md-4"> + <h2><span class="fa fa-globe"></span> Own Domain</h2> + <p>You want to send and recieve e-mails with your own domain? We will gladly do the mail hosting for you. Follow our instructions and we will do the rest. + <p><a class="btn btn-primary btn-raised" href="/howto#own_domain" role="button"><span class="fa fa-globe"></span> Read More »</a></p> + </div> + </div> +</div> +<div class="lp"> +</div> +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <h2><span class="fa fa-question-circle"></span> Why</h2> + <p><strong>Libremail</strong> is the result from when I first needed a quick and simple E-Mail solution without much hassle. Now a lot of people are relying on mail delivery. We are even hosting some mailing lists here. + If you are interested you can follow my blog to read and find more projects I am working on.</p> + <p><a class="btn btn-primary btn-raised" href="https://www.iamfabulous.de" role="button"><span class="fa fa-plus"></span> Follow me »</a></p> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/index_de.html b/html/index_de.html new file mode 100644 index 0000000..f563b9e --- /dev/null +++ b/html/index_de.html @@ -0,0 +1,46 @@ +{{template "header.html" "Libremail"}} +{{template "navbar_de.html"}} +{{template "alert.html" .}} + +<div class="jumbotron"> + <div class="container"> + <h1><!--span class="fa fa-envelope"></span--> Libremail</h1> + <p>Genervt from Spam? Sie brauchen nur ein E-Mail Adresse? Oder Sie besitzen eine eigene Domain und möchten darüber E-Mails versenden? + <strong>Hier sind Sie genau richtig!</strong> + <br>Komplett kostenlos und werbefrei!</p> + <p><a class="btn btn-primary btn-lg btn-raised" href="/register" role="button"><span class="fa fa-sign-in"></span> Neue Adresse »</a></p> + </div> +</div> +<div class="container"> + <div class="row"> + <div class="col-md-4"> + <h2><span class="fa fa-user"></span> Schnell & Einfach</h2> + <p>Nur noch 10 Sekunden bis zur neuen Mail Adresse. + Wählen Sie sich eine freie Adresse aus und lassen Sie sie registrieren. + Trauen Sie sich! Es ist frei wie in Freibier und wir beißen nicht.</p> + <p><a class="btn btn-primary btn-raised" href="/register" role="button"><span class="fa fa-user-plus"></span> Registrieren »</a></p> + </div> + <div class="col-md-4"> + <h2><span class="fa fa-lock"></span> Sicher</h2> + <p>Wir benutzen die aktuellesten Technologien und Methoden. Deswegen empfehlen wir nicht nur eine für den Nutzer transparente Verschlüsselung der Daten, sondern erzwingen sie wann und wo immer es geht. + <p><a class="btn btn-primary btn-raised" href="/about" role="button"><span class="fa fa-lock"></span> Über uns »</a></p> + </div> + <div class="col-md-4"> + <h2><span class="fa fa-globe"></span> Eigene Domain</h2> + <p>Sie verfügen über eine eigene Domain? Und Sie möchten E-Mails darüber versenden und empfangen können? Folgen Sie unserer Anleitung und wir kümmern uns um den Rest.</p> + <p><a class="btn btn-primary btn-raised" href="/howto#own_domain" role="button"><span class="fa fa-globe"></span> Lies wie es geht »</a></p> + </div> + </div> +</div> +<div class="lp"></div> +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <h2><span class="fa fa-question-circle"></span> Warum</h2> + <p><strong>Libremail</strong> ist das Ergebnis meiner Bemühungen, als ich einen stressfreien E-Mail Anbieter ohne großes Brimborium drumherum gesucht habe. Inzwischen vertrauen einige Leute darauf, dass ihre E-Mails zugestellt werden. Wir betreiben sogar Mailing Listen auf diesem Server. + Wenn Sie interessiert sind, folgen Sie meinem Blog. Ich arbeite noch an anderen interessanten Projekten.</p> + <p><a class="btn btn-primary btn-raised" href="https://www.iamfabulous.de" role="button"><span class="fa fa-plus"></span> Lies mehr »</a></p> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/navbar.html b/html/navbar.html new file mode 100644 index 0000000..77cec0f --- /dev/null +++ b/html/navbar.html @@ -0,0 +1,56 @@ +<nav class='navbar navbar-default navbar-custom shadow-z-2' role='navigation'> + <div class='container'> + <div class='navbar-header'> + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbarCollapse" aria-expanded="false" aria-controls="navbar"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class='navbar-brand' href='/'><span class='glyphicon glyphicon-home'></span> Home</a> + </div> + <div class="collapse navbar-collapse" id="navbarCollapse"> + <ul class="nav navbar-nav navbar-left"> + <li> + <a class="" href="https://iamfabulous.de/webmail" title="Login to Webmail"><span class="glyphicon glyphicon-envelope"></span> Read Your Mail</a> + </li> + <li><a class="" href="/register" title="Sign Up"><span class="fa fa-user-plus"></span> Create New Account</a></li> + <li><a class="" href="/password" title="Change Password"><span class="fa fa-edit"></span> Change Password</a></li> + </ul> + <ul class="nav navbar-nav navbar-right"> + <li> + <a class="" href="/locale?to=de" title="Change to German"><span class="fa fa-language"></span> de</a> + </li> + <li class="dropdown"> + <a class="" href="/register" title="More" data-target="#" data-toggle="dropdown"><span class="fa fa-plus"></span> More <span class="caret"></span></a> + <ul class="dropdown-menu" role="menu"> + <li> + <a class="" href="/about" title="About us"><span class="glyphicon glyphicon-file"></span> About</a> + </li> + <li> + <a class="" href="/howto" title="How to"><span class="glyphicon glyphicon-star"></span> How to</a> + </li> + <li> + <a class="" href="/server" title="Server"><span class="glyphicon glyphicon-cog"></span> Server</a> + </li> + <li> + <a class="" href="https://iamfabulous.de/contact/" title="Contact" target="_blank"><span class="glyphicon glyphicon-phone-alt"></span> Contact</a> + </li> + </ul> + </li> + </ul> + </div> + </div> + <noscript class="noscript"> + <div class="container-fluid btn-danger"> + <div class="container"> + <div class="row"> + <div class="col-md-12"> + <h4>Disabling JavaScript is a great idea, though Libremail works best with JavaScript enabled. + </h4> + </div> + </div> + </div> + </div> + </noscript> +</nav> diff --git a/html/navbar_de.html b/html/navbar_de.html new file mode 100644 index 0000000..a4d38d1 --- /dev/null +++ b/html/navbar_de.html @@ -0,0 +1,56 @@ +<nav class='navbar navbar-default navbar-custom shadow-z-2' role='navigation'> + <div class='container'> + <div class='navbar-header'> + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbarCollapse" aria-expanded="false" aria-controls="navbar"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class='navbar-brand' href='/'><span class='glyphicon glyphicon-home'></span> Home</a> + </div> + <div class="collapse navbar-collapse" id="navbarCollapse"> + <ul class="nav navbar-nav navbar-left"> + <li> + <a class="" href="https://iamfabulous.de/webmail" title="Webmail"><span class="glyphicon glyphicon-envelope"></span> Login & E-Mail lesen</a> + </li> + <li><a class="" href="/register" title="Sign Up"><span class="fa fa-user-plus"></span> Neue E-Mail Adresse</a></li> + <li><a class="" href="/password" title="Change Password"><span class="fa fa-edit"></span> Passwort ändern</a></li> + </ul> + <ul class="nav navbar-nav navbar-right"> + <li> + <a class="" href="/locale?to=en" title="Change to English"><span class="fa fa-language"></span> en</a> + </li> + <li class="dropdown"> + <a class="" href="/register" title="Nutzer" data-target="#" data-toggle="dropdown"><span class="fa fa-plus"></span> Mehr <span class="caret"></span></a> + <ul class="dropdown-menu" role="menu"> + <li> + <a class="" href="/about" title="Über uns"><span class="glyphicon glyphicon-file"></span> Über uns</a> + </li> + <li> + <a class="" href="/howto" title="How to"><span class="glyphicon glyphicon-star"></span> How to</a> + </li> + <li> + <a class="" href="/server" title="Server"><span class="glyphicon glyphicon-cog"></span> Server</a> + </li> + <li> + <a class="" href="https://iamfabulous.de/contact/" title="Contact" target="_blank"><span class="glyphicon glyphicon-phone-alt"></span> Contact</a> + </li> + </ul> + </li> + </ul> + </div> + </div> + <noscript class="noscript"> + <div class="container-fluid btn-danger"> + <div class="container"> + <div class="row"> + <div class="col-md-12"> + <h4>JavaScript zu deaktivieren ist eine gute Idee, aber Libremail funktioniert am besten, wenn Sie es aktivieren würden. + </h4> + </div> + </div> + </div> + </div> + </noscript> +</nav> diff --git a/html/password.html b/html/password.html new file mode 100644 index 0000000..c5f6741 --- /dev/null +++ b/html/password.html @@ -0,0 +1,76 @@ +{{template "header.html" "Change Password | Libremail"}} +{{template "navbar.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <div class="text-center"> + <h1>Change your password!</h1> + </div> + </div> + </div> +</div> +<br> + <div class="jumbotron"> +<div class="container"> + <div class="row"> +<form class="form-horizontal" method='post' action='/changePassword'> + <fieldset> + + <!-- Form Name --> + <!--div class="text-center"> + <legend> + <h1 class="form-signin-heading">Sign up</h1> + </legend> + </div--> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="Email">Email:</label> + <div class="col-md-4"> + <input id="Email" name="Email" placeholder="Your mail address." class="form-control input-md" required="" type="text"> + </div> + </div> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="NewPassword">New Password:</label> + <div class="col-md-4"> + <input id="NewPassword" name="NewPassword" placeholder="Your new password." class="form-control input-md" required="" type="password"> + </div> + </div> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="ConfirmPassword">Confirm Password:</label> + <div class="col-md-4"> + <input id="ConfirmPassword" name="ConfirmPassword" placeholder="Confirm your new password." class="form-control input-md" required="" type="password"> + </div> + </div> + + <br> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="Password">Current Password:</label> + <div class="col-md-4"> + <input id="Password" name="Password" placeholder="Your current password." class="form-control input-md" required="" type="password"> + </div> + </div> + + <!-- Button --> + <div class="form-group"> + <label class="col-md-4 control-label" for="submit"></label> + <div class="col-md-4"> + <button class="btn btn-primary btn-raised btn-lg btn-block"><span class="fa fa-edit"></span> Submit »</button> + </div> + </div> + + </fieldset> +</form> + + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/password_de.html b/html/password_de.html new file mode 100644 index 0000000..11ad57b --- /dev/null +++ b/html/password_de.html @@ -0,0 +1,76 @@ +{{template "header.html" "Passwort ändern | Libremail"}} +{{template "navbar_de.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <div class="text-center"> + <h1>Ändern Sie ihr Passwort!</h1> + </div> + </div> + </div> +</div> +<br> + <div class="jumbotron"> +<div class="container"> + <div class="row"> +<form class="form-horizontal" method='post' action='/changePassword'> + <fieldset> + + <!-- Form Name --> + <!--div class="text-center"> + <legend> + <h1 class="form-signin-heading">Sign up</h1> + </legend> + </div--> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="Email">Email:</label> + <div class="col-md-4"> + <input id="Email" name="Email" placeholder="Ihre E-Mail Adresse." class="form-control input-md" required="" type="text"> + </div> + </div> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="NewPassword">Neues Passwort:</label> + <div class="col-md-4"> + <input id="NewPassword" name="NewPassword" placeholder="Ihr neues Passwort." class="form-control input-md" required="" type="password"> + </div> + </div> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="ConfirmPassword">Bestätige Passwort:</label> + <div class="col-md-4"> + <input id="ConfirmPassword" name="ConfirmPassword" placeholder="Wiederholen Sie ihr neues Passwort." class="form-control input-md" required="" type="password"> + </div> + </div> + + <br> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="Password">Aktuelles Passwort:</label> + <div class="col-md-4"> + <input id="Password" name="Password" placeholder="Authentifizieren Sie sich." class="form-control input-md" required="" type="password"> + </div> + </div> + + <!-- Button --> + <div class="form-group"> + <label class="col-md-4 control-label" for="submit"></label> + <div class="col-md-4"> + <button class="btn btn-primary btn-raised btn-lg btn-block"><span class="fa fa-edit"></span> Abschicken »</button> + </div> + </div> + + </fieldset> +</form> + + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/privacy.html b/html/privacy.html new file mode 100644 index 0000000..03a2f2d --- /dev/null +++ b/html/privacy.html @@ -0,0 +1,44 @@ +{{template "header.html" "Privacy Policy | Libremail"}} +{{template "navbar.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <h1>Privacy Policy</h1> + <br> + <div class="well well-lg"> + <h2 id="e-mails">E-Mails</h2> + <p> + We do not read your e-mails. + </p> + <br> + <h2 id="public_information">Public Information</h2> + <p> + We might make those information public at any time: + <ul> + <li>your registered mail address (existence of your email address can be checked during registration and password changing)</li> + <li>anonymized statistics, e.g. about disk space usage</li> + <li>anonymized data</li> + </ul> + </p> + <br> + <h2 id="website">Website</h2> + <p> + In common with other websites, log files are stored on the web server saving details such as the visitor's IP address, browser type, referring page and time of visit. + <br> + + Cookies may be used to remember and analyze visitor preferences when interacting with the website. + </p> + <br> + <h2 id="logs">Logs</h2> + <p> + The server software may store logs about usage, this includes e.g. the time of login. We are using those logs to debug the application and prevent spamming. + </p> + <br> + <p>Please note we may change the privacy policy any moment without prior notice.</p> + </div> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/privacy_de.html b/html/privacy_de.html new file mode 100644 index 0000000..cc4a0ec --- /dev/null +++ b/html/privacy_de.html @@ -0,0 +1,44 @@ +{{template "header.html" "Datenschutzerklärung | Libremail"}} +{{template "navbar_de.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <h1>Datenschutzerklärung</h1> + <br> + <div class="well well-lg"> + <h2 id="e-mails">E-Mails</h2> + <p> + Wir lesen nicht ihre E-Mails. + </p> + <br> + <h2 id="public_information">Öffentliche Informationen</h2> + <p> + Folgende Informationen können jederzeit veröffentlicht werden: + <ul> + <li>ihre registrierte E-Mail Adresse (die Existenz kann während der Registrierung oder beim Password wechseln kontrolliert werden)</li> + <li>anonymisierte Statistiken, z.B. über den Speicherverbrauch</li> + <li>andere anonymisierte Daten</li> + </ul> + </p> + <br> + <h2 id="website">Website</h2> + <p> + So wie bei andere Webseiten werden Zugriffe automatisch vom Webserver geloggt. Das schließt u.a. die IP Adresse des Besuchers ein, der Browser, der Referer sowie die Zeit des Besuchs. + <br> + Cookies werden benutzt um Besucher beim Besuch und Interaktion mit der Website wiederzuerkennen, sowie werden Statistiken über Nutzung der Website erhoben. + + </p> + <br> + <h2 id="logs">Logs</h2> + <p> + Die Server Software speichert automatisch Daten über die Benutzung des Services, das schließt u.a. den Zeitpunkt des Logins ein. Wir nutzen diese Logs um Fehler in der Anwendung zu finden, sowie um Spam und Ausnutzung zu erkennen und zu verhindern. + </p> + <br> + <p>Bitte beachten Sie, dass die Datenschutzerklärung jederzeit ohne vorherige Ankündigung geändert werden kann.</p> + </div> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/register.html b/html/register.html new file mode 100644 index 0000000..2bd62b0 --- /dev/null +++ b/html/register.html @@ -0,0 +1,98 @@ +{{template "header.html" "Register | Libremail"}} +{{template "navbar.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <div class="text-center"> + <h1>You only need to sign up!</h1> + </div> + </div> + </div> +</div> +<br> + <div class="jumbotron"> +<div class="container"> + <div class="row"> +<form class="form-horizontal" method='post' action='/create'> + <fieldset> + + <!-- Form Name --> + <!--div class="text-center"> + <legend> + <h1 class="form-signin-heading">Sign up</h1> + </legend> + </div--> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="Email">Email:</label> + <div class="col-md-4"> + <input id="Email" name="Email" placeholder="Your desired mail address." class="form-control input-md" required="" type="email"> + </div> + </div> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="ConfirmEmail">Confirm Email:</label> + <div class="col-md-4"> + <input id="ConfirmEmail" name="ConfirmEmail" placeholder="Confirm your choice." class="form-control input-md" required="" type="email"> + </div> + </div> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="Password">Password:</label> + <div class="col-md-4"> + <input id="Password" name="Password" placeholder="Your password." class="form-control input-md" required="" type="password"> + </div> + </div> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="ConfirmPassword">Confirm Password:</label> + <div class="col-md-4"> + <input id="ConfirmPassword" name="ConfirmPassword" placeholder="Confirm your password." class="form-control input-md" required="" type="password"> + </div> + </div> + + <!-- Checkbox--> + <div class="form-group text-center"> + <div class="checkbox"> + <label> + <input type="checkbox" name="legal" required> + I accept the <a href="/tos" title="Terms of Service">Terms of Service</a> and the <a href="/privacy" title="Privacy Policy">Privacy Policy</a>. + </label> + </div> + </div> + + <!-- Button --> + <div class="form-group"> + <label class="col-md-4 control-label" for="submit"></label> + <div class="col-md-4"> + <button class="btn btn-primary btn-raised btn-lg btn-block"><span class="fa fa-paper-plane-o"></span> Submit »</button> + </div> + </div> + + </fieldset> +</form> + + </div> + </div> +</div> +<br> +<div class="container"> + <div class="row"> + <div class="col-md-6"> + <h2>Your password</h2> + <p>We don't store your password in clear text. + <br>It is needed to authenticate yourself with the mail server. Please choose a strong password.</p> + </div> + <div class="col-md-6"> + <h2>After Sign up</h2> + <p>You can use the webmail interface to login or connect a custom client like your phone or thunderbird.</p> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/register_de.html b/html/register_de.html new file mode 100644 index 0000000..17d9550 --- /dev/null +++ b/html/register_de.html @@ -0,0 +1,98 @@ +{{template "header.html" "Registrierung | Libremail"}} +{{template "navbar_de.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <div class="text-center"> + <h1>Sie müssen sich nur registrieren!</h1> + </div> + </div> + </div> +</div> +<br> + <div class="jumbotron"> +<div class="container"> + <div class="row"> +<form class="form-horizontal" method='post' action='/create'> + <fieldset> + + <!-- Form Name --> + <!--div class="text-center"> + <legend> + <h1 class="form-signin-heading">Sign up</h1> + </legend> + </div--> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="Email">Email:</label> + <div class="col-md-4"> + <input id="Email" name="Email" placeholder="Ihre neue E-Mail Adresse." class="form-control input-md" required="" type="email"> + </div> + </div> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="ConfirmEmail">Bestätige Email:</label> + <div class="col-md-4"> + <input id="ConfirmEmail" name="ConfirmEmail" placeholder="Bitte wiederholen Sie ihre E-Mail Adresse." class="form-control input-md" required="" type="email"> + </div> + </div> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="Password">Passwort:</label> + <div class="col-md-4"> + <input id="Password" name="Password" placeholder="Ihr Passwort." class="form-control input-md" required="" type="password"> + </div> + </div> + + <!-- Text input--> + <div class="form-group"> + <label class="col-md-4 control-label" for="ConfirmPassword">Bestätige Password:</label> + <div class="col-md-4"> + <input id="ConfirmPassword" name="ConfirmPassword" placeholder="Bitte wiederholen Sie ihr Passwort." class="form-control input-md" required="" type="password"> + </div> + </div> + + <!-- Checkbox--> + <div class="form-group text-center"> + <div class="checkbox"> + <label> + <input type="checkbox" name="legal" required> + Ich akzeptiere die <a href="/tos" title="Terms of Service">Nutzungsbedingungen</a> und die <a href="/privacy" title="Privacy Policy">Datenschutzerklärung</a>. + </label> + </div> + </div> + + <!-- Button --> + <div class="form-group"> + <label class="col-md-4 control-label" for="submit"></label> + <div class="col-md-4"> + <button class="btn btn-primary btn-raised btn-lg btn-block"><span class="fa fa-paper-plane-o"></span> Abschicken »</button> + </div> + </div> + + </fieldset> +</form> + + </div> + </div> +</div> +<br> +<div class="container"> + <div class="row"> + <div class="col-md-6"> + <h2>Ihr Passwort</h2> + <p>Wir speichern Ihr Passwort nicht im Klartext. + <br>Es ist nötig um Ihre E-Mails abzurufen. Bitte wählen Sie ein möglichst starkes Passwort aus.</p> + </div> + <div class="col-md-6"> + <h2>Nach dem Erstellen</h2> + <p>Sie könne sich mit unserem Webmail Interface einloggen oder Ihr Telefon verbinden.</p> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/server.html b/html/server.html new file mode 100644 index 0000000..ef2929c --- /dev/null +++ b/html/server.html @@ -0,0 +1,79 @@ +{{template "header.html" "Server Details | Libremail"}} +{{template "navbar.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <h1>Server details</h1> + <br> + <div class="well well-lg"> + <p>Everything you need to know to use Libremail.</p> + <ul class="list-unstyled"> + <li> + <h2>Webmail</h2> + <p>You can use the webmail interface to browse your emails with your webbrowser of choice. Use <a href="https://iamfabulous.de/webmail" title="Webmail">this link <span class="fa fa-external-link-square"></a> to open roundcube now. + <br> + <strong>Use your mail address and the passwort as credentials to log in.</strong> + <br> + The TLS certificate is signed to 'webmail.iamfabulous.de' + </p> + <p> + <strong>Please note:</strong> Unfortunalety roundcube does not support GPG encryption yet. + </p> + </li> + <li> + <h2>SMTP</h2> + <p>We use Postfix as our SMTP server. It's responsible to send and recieve mails. + <br> + The TLS certificate is signed to 'mx.iamfabulous.de'</p> + <p><strong>Ports:</strong></p> + <ul> + <li> + 25 <strong>STARTTLS</strong> + </li> + <li> + 465 <strong>SMTPS</strong> + </li> + <li> + 587 <strong>STARTTLS</strong> + </li> + </ul> + </li> + <li> + <h2>IMAP</h2> + <p>IMAP is used to manage the mails on the server. Nearly all of the clients (e.g. your phone or thunderbird) use IMAP. Dovecot is responsible for this task. + <br> + The TLS certificate is signed to 'mx.iamfabulous.de'</p> + <p><strong>Ports:</strong></p> + <ul> + <li> + 143 <strong>TLS</strong> + </li> + <li> + 993 <strong>TLS</strong> + </li> + </ul> + </li> + <li> + <h2>POP3</h2> + <p>POP3 is used to pull the mails from the server to the client e.g. your phone or thunderbird. Dovecot also handles your POP3 connections. + <br> + The TLS certificate is signed to 'mx.iamfabulous.de'</p> + <p><strong>Ports:</strong></p> + <ul> + <li> + 110 <strong>TLS</strong> + </li> + <li> + 995 <strong>TLS</strong> + </li> + </ul> + </li> + </ul> + + </div> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/server_de.html b/html/server_de.html new file mode 100644 index 0000000..eeb26b9 --- /dev/null +++ b/html/server_de.html @@ -0,0 +1,81 @@ +{{template "header.html" "Server Details | Libremail"}} +{{template "navbar_de.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <h1>Server-Details</h1> + <br> + <div class="well well-lg"> + <p>Alles was Sie wissen müssen, um Libremail zu benutzen.</p> + <ul class="list-unstyled"> + <li> + <h2>Webmail</h2> + <p>Nutzen Sie Ihren Browser, um Ihre E-Mails zu lesen. Unser Webmail finden Sie unter <a href="https://iamfabulous.de/webmail" title="Webmail">diesem Link <span class="fa fa-external-link-square"></a>. + <br> + <strong>Loggen Sie sich mit Ihrer kompletten E-Mail Adresse und Ihrem Passwort ein.</strong> + <br> + Das TLS Zertifikat ist auf 'webmail.iamfabulous.de' signiert. + </p> + <p> + <strong>Bitte beachten Sie:</strong> Leider unterstützt Roundcube noch keine GPG Verschlüsselung.</p> + </li> + <li> + <h2>SMTP</h2> + <p>Wir benutzen Postfix als unseren SMTP Server, um E-Mails zu versenden oder zu empfangen. + <br> + Das TLS Zertifikat ist auf 'mx.iamfabulous.de' signiert. + </p> + <p><strong>Ports:</strong></p> + <ul> + <li> + 25 <strong>STARTTLS</strong> + </li> + <li> + 465 <strong>SMTPS</strong> + </li> + <li> + 587 <strong>STARTTLS</strong> + </li> + </ul> + </li> + <li> + <h2>IMAP</h2> + <p>IMAP wird benutzt, um Ihre E-Mails auf dem Server zu verwalten. So gut wie alle Klienten (zum Beispiel Ihr Smartphone oder Thunderbird) sprechen IMAP. Bei uns ist Dovecot dafür verantwortlich, dass alles reibungslos klappt. + <br> + Das TLS Zertifikat ist auf 'mx.iamfabulous.de' signiert. + </p> + <p><strong>Ports:</strong></p> + <ul> + <li> + 143 <strong>TLS</strong> + </li> + <li> + 993 <strong>TLS</strong> + </li> + </ul> + </li> + <li> + <h2>POP3</h2> + <p>Mit POP3 werden die E-Mails von dem Server auf Ihren Computer geladen. POP3 stellt eine (veraltete) Alternative zu IMAP dar. Auch dafür ist Dovecot verantwortlich. + <br> + Das TLS Zertifikat ist auf 'mx.iamfabulous.de' signiert. + </p> + <p><strong>Ports:</strong></p> + <ul> + <li> + 110 <strong>TLS</strong> + </li> + <li> + 995 <strong>TLS</strong> + </li> + </ul> + </li> + </ul> + + </div> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/tos.html b/html/tos.html new file mode 100644 index 0000000..16ca231 --- /dev/null +++ b/html/tos.html @@ -0,0 +1,40 @@ +{{template "header.html" "Terms of Service | Libremail"}} +{{template "navbar.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <h1>Terms of Service</h1> + <br> + <div class="well well-lg"> + <h2 id="conditions">Conditions to Use</h2> + <p> + <ul> + <li>no spam</li> + <li>no content illegal in Germany or France</li> + <li>no getting use abuse complaints</li> + <li>no sending fake abuse complaints.</li> + </ul> + We will comply all federal laws regarding online content hosting and will report any illegal activity to the relevant authorities. + <strong></strong> + </p> + <br> + <h2 id="delivery_problems">Delivery Problems</h2> + <p> + Mail delivery is difficult and depends on a large amount of circumstances. Sometimes things will go wrong and not everytime we are at fault. + <br> + If you have any problems, get in contact. + </p> + <br> + <h2 id="warranty">Warranty</h2> + <p> + THERE IS ABSOLUT NO WARRANTY IN ANY WAY, BE IT UPTIME, BACKUP OR ABUSE. THE USER IS RESPONSIBLE FOR HIS OWN DOING. + </p> + <br> + <p>Please note we may change the terms of use any moment without prior notice.</p> + </div> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/tos_de.html b/html/tos_de.html new file mode 100644 index 0000000..8de8894 --- /dev/null +++ b/html/tos_de.html @@ -0,0 +1,39 @@ +{{template "header.html" "Nutzungsbedingungen | Libremail"}} +{{template "navbar.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <h1>Nutzungsbedingungen</h1> + <br> + <div class="well well-lg"> + <h2 id="conditions">Generelle Nutzungsbedingungen</h2> + <p> + <ul> + <li>kein Spam</li> + <li>kein Inhalt der in Deutschland oder Frankreich illegal ist</li> + <li>kein Missbrauch</li> + <li>kein Senden von gefälschten Beschwerdebriefen</li> + </ul> + Wir befolgen alle Gesetze bezüglich der Veröffentlichung von Inhalten im Internet und werden alle illegalen Aktivitäten an die entsprechenden Behörden melden. + </p> + <br> + <h2 id="delivery_problems">Zustellungsprobleme</h2> + <p> + E-Mail Zustellung ist kompliziert und hängt von viele verschiedenen Faktoren ab. Manchmal gehen Sachen schief und nicht immer können wir es verhinden. + <br> + Wenn Sie ein Problem bemerken treten Sie in Kontakt mit uns über das Kontaktformular. + </p> + <br> + <h2 id="warranty">Garantie</h2> + <p> + ES WIRD KEINERLEI GARANTIE IN IRGENDEINER ART UND WEISE GEWÄHRLEISTET, SEI ES ERREICHBARKEIT, BACKUPS ODER MISSBRAUCH. JEDER NUTZER IST FÜR SEIN EIGENES VERHALTEN VERANTWORTLICH. + </p> + <br> + <p>Bitte beachten Sie, dass die Nutzungsbedingungen jederzeit ohne vorherige Ankündigung geändert werden können.</p> + </div> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/user.html b/html/user.html new file mode 100644 index 0000000..58798ce --- /dev/null +++ b/html/user.html @@ -0,0 +1,46 @@ +{{template "header.html" "User | Libremail"}} +{{template "navbar.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <h1>User</h1> + <br> + <div class="well well-lg"> + <h2 id="change_password">Change Password</h2> + <p> + You can change your password here. + <br> + <a class="btn btn-primary btn-raised" href="/password" role="button"><span class="fa fa-lock"></span> Change Password »</a> + </p> + <br> + <h2 id="sign_up">Create new address</h2> + <p> + Looking for a new mail address? Click here. + <br> + <a class="btn btn-primary btn-raised" href="/register" role="button"><span class="fa fa-user-plus"></span> Create New Account»</a> + </p> + <br> + <h2 id="login">Login</h2> + <p>The easiest way is to use our webmail interface. You can find it <a href="https://iamfabulous.de/webmail" title="Webmail" target="_blank">here <span class="fa fa-external-link"></span></a>. + <br> + Log in with your full mail address and your password. + <br> + <a class="btn btn-primary btn-raised" href="https://iamfabulous.de/webmail" role="button"><span class="glyphicon glyphicon-envelope"></span> Login with your browser »</a> + <br> + <br> + If you want to use your own client, see here for connection details. + <br> + <a class="btn btn-primary btn-raised" href="/server" role="button" title="Server | Connection details"><span class="glyphicon glyphicon-cog"></span> Connection details »</a> + </p> + <!--p> + See <a href="/howto#login" title="How to login">here</a> for more details. + <br> + <a class="btn btn-primary btn-raised" href="/howto#login" role="button">Login »</a> + </p--> + </div> + </div> + </div> +</div> +{{template "footer.html" .Language}} diff --git a/html/user_de.html b/html/user_de.html new file mode 100644 index 0000000..a1e67d8 --- /dev/null +++ b/html/user_de.html @@ -0,0 +1,43 @@ +{{template "header.html" "Nutzer Übersicht | Libremail"}} +{{template "navbar_de.html"}} +{{template "alert.html" .}} + +<div class="container"> + <div class="row"> + <div class="col-md-12"> + <h1>Nutzer Übersicht</h1> + <br> + <div class="well well-lg"> + <h2 id="change_password">Ändere das Passwort</h2> + <p> + Sie können hier Ihr Passwort ändern. + <br> + <a class="btn btn-primary btn-raised" href="/password" role="button"><span class="fa fa-lock"></span> Ändere dein Passwort »</a> + </p> + <br> + <h2 id="sign_up">Erstelle eine neue Adresse</h2> + <p> + + Sie wollen eine neue E-Mail Adresse? Klicken Sie hier. + <br> + <a class="btn btn-primary btn-raised" href="/register" role="button"><span class="fa fa-user-plus"></span> Neue E-Mail Adresse »</a> + </p> + <br> + <h2 id="login">Login</h2> + <p> + Verwalten Sie Ihre neue E-Mail Adresse einfach über unser intuitives webbasiertes Portal. Sie finden es <a href="https://iamfabulous.de/webmail" title="Webmail" target="_blank">hier <span class="fa fa-external-link"></span></a>. + <br> + Loggen Sie sich mit Ihrer E-Mail Adresse und Ihrem Passwort ein. + <br> + <a class="btn btn-primary btn-raised" href="https://iamfabulous.de/webmail" role="button"><span class="glyphicon glyphicon-envelope"></span> Logge dich in dein E-Mail Konto ein »</a> + <br> + <br> + Wenn Sie Ihren eigenen Klienten nutzen wollen, schauen Sie hier für Verbindungsdetails. + <br> + <a class="btn btn-primary btn-raised" href="/server" role="button" title="Server | Verbindungsdetails"><span class="glyphicon glyphicon-cog"></span> Verbindungsdetails »</a> + </p> + </div> + </div> + </div> +</div> +{{template "footer.html" .Language}} |