diff options
-rw-r--r-- | templates/garage_key.html | 2 | ||||
-rw-r--r-- | templates/garage_website_inspect.html | 43 | ||||
-rw-r--r-- | templates/garage_website_list.html | 3 | ||||
-rw-r--r-- | templates/garage_website_new.html | 63 |
4 files changed, 109 insertions, 2 deletions
diff --git a/templates/garage_key.html b/templates/garage_key.html index d1c6864..862aabd 100644 --- a/templates/garage_key.html +++ b/templates/garage_key.html @@ -3,7 +3,7 @@ {{define "body"}} <div class="d-flex"> <h4>Mes identifiants</h4> - <a class="ml-auto btn btn-success" href="/garage/website">Mes sites webs</a> + <a class="ml-auto btn btn-link" href="/garage/website">Mes sites webs</a> <a class="ml-4 btn btn-info" href="/">Menu principal</a> </div> diff --git a/templates/garage_website_inspect.html b/templates/garage_website_inspect.html new file mode 100644 index 0000000..fa8c737 --- /dev/null +++ b/templates/garage_website_inspect.html @@ -0,0 +1,43 @@ +{{define "title"}}Inspecter le site web |{{end}} + +{{define "body"}} +<div class="d-flex"> + <h4>Inspecter le site web</h4> + <a class="ml-auto btn btn-link" href="/garage/key">Mes identifiants</a> + <a class="ml-4 btn btn-success" href="/garage/website/new">Nouveau site web</a> + <a class="ml-4 btn btn-info" href="/garage/website">Mes sites webs</a> +</div> + +<table class="table mt-4"> + <tbody> + <tr> + <th scope="row">ID</th> + <td>afa8f0a22b40b1247ccd0affb869b0af5cff980924a20e4b5e0720a44deb8d39</td> + </tr> + <tr> + <th scope="row">URLs</th> + <td>nix.web.deuxfleurs.fr</td> + </tr> + <tr> + <th scope="row">Document d'index</th> + <td>index.html</td> + </tr> + <tr> + <th scope="row">Document d'erreur</th> + <td>error/400.html</td> + </tr> + <tr> + <th scope="row">Nombre de fichiers</th> + <td>488/infini</td> + </tr> + <tr> + <th scope="row">Espace utilisé</th> + <td>83216486/infini</td> + </tr> + </tbody> +</table> + +<h4>Configurer le nom de domaine</h4> + +<p>Le nom de domaine est géré par deuxfleurs, il n'y a rien à configurer.</p> +{{end}} diff --git a/templates/garage_website_list.html b/templates/garage_website_list.html index 0931daf..6f5312f 100644 --- a/templates/garage_website_list.html +++ b/templates/garage_website_list.html @@ -4,7 +4,8 @@ <div class="d-flex"> <h4>Sites webs</h4> - <a class="ml-auto btn btn-success" href="/garage/website/new">Nouveau site web</a> + <a class="ml-auto btn btn-link" href="/garage/key">Mes identifiants</a> + <a class="ml-4 btn btn-success" href="/garage/website/new">Nouveau site web</a> <a class="ml-4 btn btn-info" href="/">Menu principal</a> </div> diff --git a/templates/garage_website_new.html b/templates/garage_website_new.html new file mode 100644 index 0000000..e806c51 --- /dev/null +++ b/templates/garage_website_new.html @@ -0,0 +1,63 @@ +{{define "title"}}Créer un site web |{{end}} + +{{define "body"}} +<div class="d-flex"> + <h4>Créer un site web</h4> + <a class="ml-auto btn btn-link" href="/garage/key">Mes identifiants</a> + <a class="ml-4 btn btn-info" href="/garage/website">Mes sites webs</a> +</div> + +<ul class="nav nav-tabs" id="proto" role="tablist"> + <li class="nav-item"> + <a class="nav-link active" id="dnsint-tab" data-toggle="tab" href="#dnsint" role="tab" aria-controls="dnsint" aria-selected="true">Je n'ai pas de nom de domaine</a> + </li> + <li class="nav-item"> + <a class="nav-link" id="dnsext-tab" data-toggle="tab" href="#dnsext" role="tab" aria-controls="dnsext" aria-selected="false">Utiliser mon propre nom de domaine</a> + </li> +</ul> + +<div class="tab-content" id="protocols"> + <div class="tab-pane fade show active" id="dnsint" role="tabpanel" aria-labelledby="dnsint-tab"> + <form method="POST" class="mt-4" enctype="multipart/form-data"> + <div class="form-row"> + <div class="form-group col-md-6"> + <label for="bucket">Sous-domaine désiré :</label> + <input type="text" id="bucket" name="bucket" placeholder="mon-site" class="form-control" value="" onkeyup="document.getElementById('url').value = `https://${document.getElementById('bucket').value}.web.deuxfleurs.fr`" /> + </div> + <div class="form-group col-md-6"> + <label for="url">Votre site sera accessible à l'URL suivante :</label> + <input type="text" id="url" disabled="true" name="url" class="form-control" value="https://mon-site.web.deuxfleurs.fr" /> + </div> + </div> + <div class="mt-4"> + <p>La première fois que vous chargerez votre site web, une erreur de certificat sera renvoyée. C'est normal, il faudra patienter quelques minutes le temps que le certificat se génère.</p> + </div> + <button type="submit" class="btn btn-primary">Créer un nouveau site web</button> + </form> + </div> + <div class="tab-pane fade show" id="dnsext" role="tabpanel" aria-labelledby="dnsext-tab"> + <form method="POST" class="mt-4" enctype="multipart/form-data"> + <div class="form-row"> + <div class="form-group col-md-6"> + <label for="bucket2">Votre nom de domaine :</label> + <input type="text" id="bucket2" name="bucket2" placeholder="example.com" class="form-control" value="" onkeyup="document.getElementById('url2').value = `https://${document.getElementById('bucket2').value}`" /> + </div> + <div class="form-group col-md-6"> + <label for="url2">Votre site sera accessible à l'URL suivante :</label> + <input type="text" id="url2" disabled="true" name="url2" class="form-control" value="https://example.com" /> + </div> + </div> + <div> + <p>Vous devez éditer votre zone DNS, souvent gérée par votre bureau d'enregistrement, comme Gandi, pour la faire pointer vers Deuxfleurs. Si vous utilisez un sous domaine (eg. <code>site.example.com</code>), une entrée <code>CNAME</code> est appropriée :</p> + <pre>site CNAME 3600 garage.deuxfleurs.fr.</pre> + <p>Si vous utilisez la racine de votre nom de domaine (eg. <code>example.com</code>, aussi appelée APEX), la solution dépend de votre fournisseur DNS, il vous faudra au choix une entrée <code>ALIAS</code> ou <code>CNAME</code> en fonction de ce que votre fournisseur supporte :</p> + <pre>@ ALIAS 3600 garage.deuxfleurs.fr.</pre> + <p>La première fois que vous chargerez votre site web, une erreur de certificat sera renvoyée. C'est normal, il faudra patienter quelques minutes le temps que le certificat se génère.</p> + </div> + <div class="mt-4"> + <button type="submit" class="btn btn-primary">Créer un nouveau site web</button> + </form> + + </div> +</div> +{{end}} |