Commit 6344e11e authored by Ozoux's avatar Ozoux

Get the mastodon page ready!

(Sorry future self, this is an aweful commit, but I have to!)
parent 7adca599
Pipeline #34 failed with stage
......@@ -3,17 +3,18 @@ name = "Mastodon"
description = "Mastodon est un réseau social libre et open-source. Choisissez une instance de confiance et communiquez avec tous les utilisateurs Mastodon à travers le monde. Vos règles, votre réseau social, votre communauté."
logo = "/img/logo-mastodon.png"
starting = "from 24€"
productid = "72"
[[price]]
conditions = "Shared Instance"
amount = "24€"
conditions = "<a href='https://mastodon.indie.host'>Shared Instance</a>"
amount = "Included in our bundles."
[[price]]
conditions = "> 10 users"
conditions = "< 10 users"
amount = "125€"
[[price]]
conditions = "< 10 users"
conditions = "> 10 users"
amount = "Contact us"
[[social]]
......@@ -48,7 +49,7 @@ Mastodon est une alternative **libre et open-source** à Twitter. C'est un **ré
C'est **vous et uniquement vous qui décidez**. Deux choix sont alors possible:
1. Utiliser l'instance partagée, https://mastodon.indie.host (inclus dans votre Freedom Bundle)
1. Utiliser l'instance partagée, https://mastodon.indie.host (inclus dans votre [Bundle](/fr/#pricing))
2. Déployer votre propre instance avec IndieHosters - mastodon.votrenomdedomaine, social.votrenomdedomaine ...
![screenshot timeline mastodon](/img/screenshot-mastodon.png "Logo Title Text 1")
......
......@@ -17,18 +17,77 @@
<div class="card-content white-text">
<h1 class="card-title">{{ .Params.name }}</h1>
<p> {{ .Description }} </p>
<p> Comme toujours, <a href="https://mastodon.indie.host">l'instance partagée</a> est inclues dans nos bundles.
</br>
<a href="/fr/#pricing" class="btn btn-primary" role="button">Obtenir un Bundle</button></a>
</p>
<section>
<h1 class="card-title">Price</h1>
<ul class="price">
{{ range .Params.price}}
<li>{{ .conditions }} : {{ .amount }}</li>
{{ end }}
</ul>
<div class="row center">
<button type="button" class="btn btn-lg center">Order</button>
</div>
</section>
<p>&lt; 10 utilisateurs: 125€/an</p>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-72">Commander</button>
<div class="modal fade" id="modal-72" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Personal details</h4>
</div>
<div class="modal-body">
<form action="https://invoice.indie.host/buy_now" method="get" target="_top">
<input type="hidden" name="account_key" value="XOp8tv6BSRWf7ir5qYWSyFFOgbHbulPS"/>
<input type="hidden" name="product_id" value="72"/>
<div class="form-group">
<input class="form-control" type="text" name="first_name" placeholder="First Name" required/>
</div>
<div class="form-group">
<input class="form-control" type="text" name="last_name" placeholder="Last Name" required/>
</div>
<div class="form-group">
<input class="form-control" type="email" name="email" placeholder="Email" required/>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<input type="submit" name="submit" class="btn btn-primary" value="View Invoice">
</div>
</form>
</div>
</div>
</div>
</div>
<p>&gt; 10 utilisateurs</p>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-{{ .Params.name }}">Demander un devis</button>
<div class="modal fade" id="modal-{{ .Params.name }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Personal details</h4>
</div>
<div class="modal-body">
<div class="form-group">
<input id="first-{{ .Params.name }}" class="form-control" type="text" name="first_name" placeholder="First Name" required/>
</div>
<div class="form-group">
<input id="last-{{ .Params.name }}" class="form-control" type="text" name="last_name" placeholder="Last Name" required/>
</div>
<div class="form-group">
<input id="email-{{ .Params.name }}" class="form-control" type="email" name="email" placeholder="Email" required/>
</div>
<div class="form-group">
<input id="domain-{{ .Params.name }}" class="form-control" type="domain" name="Domain Name" placeholder="Choose a domain name or ask us for help to pick one"/>
</div>
<div class="form-group">
<input id="question-{{ .Params.name }}" class="form-control" type="text" name="comment" placeholder="If you have any questions or remarks">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button class="app-request btn btn-primary" data-appid="{{ .Params.name }}">Get a quote</button>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="social">
<h1 class="card-title">Pour plus d'informations</h1>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment