From c93528074233fd7dcef30da8c6f44e0a203b8ef3 Mon Sep 17 00:00:00 2001
From: dbroqua <contact@darkou.fr>
Date: Wed, 2 Mar 2022 16:42:53 +0100
Subject: [PATCH] Ajout du logo sur la home du site

---
 README.md                 |  45 ++++++++++++++++++----------
 public/img/logo-large.png | Bin 0 -> 12141 bytes
 sass/home.scss            |  14 +++++++++
 views/pages/home.ejs      |  61 +++++++++++++++++++++-----------------
 4 files changed, 78 insertions(+), 42 deletions(-)
 create mode 100644 public/img/logo-large.png

diff --git a/README.md b/README.md
index 6093610..c787da0 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@ Le code source est publié sous licence libre [GNU GPL-3.0-or-later](LICENSE) et
 
 ## Utilisation
 
-Vous pouvez librement utiliser le service en vous inscrivant sur [https://mml.darkou.fr](https://mml.darkou.fr).
+Vous pouvez librement utiliser le service en vous inscrivant sur [https://www.musictopus.fr/](https://www.musictopus.fr/).
 
 Une fois inscrit vous pourrez saisir vos CDs et Vinyles sur votre espace personnel le tout gratuitement, sans tracker et sans utilisation de vos données personnelles ! 
 
@@ -101,26 +101,26 @@ Pour la suite je pars du principe que vous êtes un minimum familier avec Nginx
 #### Obtenir le certificat
 
 ```bash
-certbot certonly --nginx -d mml.darkou.fr
+certbot --nginx --agree-tos --redirect --hsts --staple-ocsp --email votre@email.tld -d musictopus.fr
 ```
 
 #### Créer le vhost
 
-Pour ma part j'aime bien créer un fichier dans `/etc/nginx/sites-available` qui comporte le nom du site, ici par exemple `mml.darkou.fr`.
+Pour ma part j'aime bien créer un fichier dans `/etc/nginx/sites-available` qui comporte le nom du site, ici par exemple `musictopus.fr`.
 
 En voici son contenu :
 
 ```
-upstream mml-env {
+upstream musictopus-proxy {
   server 0.0.0.0:3001;
 }
 
 server {
   listen 80;
   listen [::]:80;
-  server_name mml.darkou.fr;
+  server_name musictopus.fr;
 
-  if ($host = mml.darkou.fr) {
+  if ($host = musictopus.fr) {
     return 301 https://$host$request_uri;
   }
   root /dev/null;
@@ -132,11 +132,11 @@ server {
 server {
   listen 443 ssl http2;
 
-  server_name mml.darkou.fr;
-  root /dev/null;
+  server_name musictopus.fr;
+  root /srv/MusicTopus/public;
 
-  access_log /var/log/nginx/mml.darkou.fr-access.log;
-  error_log /var/log/nginx/mml.darkou.fr-error.log;
+  access_log /var/log/nginx/musictopus.fr-access.log;
+  error_log /var/log/nginx/musictopus.fr-error.log;
 
   add_header X-Content-Type-Options nosniff;
   add_header X-XSS-Protection "1; mode=block";
@@ -144,6 +144,10 @@ server {
   client_max_body_size 1m;
 
   location / {
+    try_files $uri @proxy;
+  }
+
+  location @proxy {
     proxy_read_timeout 300;
     proxy_connect_timeout 300;
     proxy_redirect off;
@@ -155,13 +159,24 @@ server {
     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
     proxy_set_header X-Frame-Options SAMEORIGIN;
 
-    proxy_pass http://mml-env;
+    proxy_pass http://musictopus-proxy;
+
+    tcp_nodelay on;
   }
 
-  include conf/ssl.conf;
+  error_page 500 501 502 503 504 /500.html;
 
-  ssl_certificate /etc/letsencrypt/live/mml.darkou.fr/fullchain.pem; # managed by Certbot
-  ssl_certificate_key /etc/letsencrypt/live/mml.darkou.fr/privkey.pem; # managed by Certbot
+  ssl_certificate /etc/letsencrypt/live/musictopus.fr/fullchain.pem;
+  ssl_certificate_key /etc/letsencrypt/live/musictopus.fr/privkey.pem;
+
+  add_header Strict-Transport-Security "max-age=31536000" always;
+
+  include /etc/letsencrypt/options-ssl-nginx.conf;
+  ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem;
+
+  ssl_trusted_certificate /etc/letsencrypt/live/musictopus.fr/chain.pem;
+  ssl_stapling on;
+  ssl_stapling_verify on;
 }
 ```
 
@@ -183,4 +198,4 @@ FORMSPREE_ID # Id du formulaire formspree pour la page "nous-contacter"
 ## Contributeurs
 
 - Damien Broqua (développeur principal du projet)
-- Brunus (fournisseur d'idées :wink: )
\ No newline at end of file
+- Brunus (Logo et fournisseur d'idées :wink: )
\ No newline at end of file
diff --git a/public/img/logo-large.png b/public/img/logo-large.png
new file mode 100644
index 0000000000000000000000000000000000000000..7589968f29003dcbb98136a180afcce125c344e1
GIT binary patch
literal 12141
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

literal 0
HcmV?d00001

diff --git a/sass/home.scss b/sass/home.scss
index c98062e..96d0274 100644
--- a/sass/home.scss
+++ b/sass/home.scss
@@ -7,4 +7,18 @@
             background-size: cover;
         }
     }
+
+    .container {
+        .logo {
+            float: left;
+            margin-right: 0.75rem;
+            margin-bottom: 0.75rem;
+
+            @include respond-to("small") {
+                float: none;
+                text-align: center;
+                margin-right: 0;
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/views/pages/home.ejs b/views/pages/home.ejs
index 7ddb4f9..942802f 100644
--- a/views/pages/home.ejs
+++ b/views/pages/home.ejs
@@ -3,31 +3,38 @@
     <h1>
         MusicTopus
     </h1>
-    <p class="text-justify">
-        Retrouvez votre cd-thèque partout depuis votre PC ou votre smartphone.
-    </p>
-    <p class="text-justify">
-        <strong>MusicTopus</strong> est une application Web (que vous pouvez auto-héberger) et un site Web (sur lequel vous pouvez créer un compte), permettant de gérer votre liste des CDs et Vinyles, et de l'utiliser facilement et n'importe où.
-        <br />
-        Le code source est publié sous licence libre <a href="https://www.gnu.org/licenses/gpl-3.0-standalone.html" target="_blank" rel="noopener noreferrer">GNU GPL-3.0-or-later <i class="icon-link"></i></a>. Le code source est disponible sur <a href="https://git.darkou.fr/dbroqua/MusicTopus" target="_blank">git.darkou.fr <i class="icon-link"></i></a>.
-    </p>
-    <h2>
-        Pourquoi utiliser MusicTopus ?
-    </h2>
-    <p class="text-justify">
-        <strong>MusicTopus</strong> est indispensable lorsqu'une collection, de CD-audios et vyniles, est devenue trop importante pour qu'on puisse se souvenir de tous les albums qu'elle contient. Consulter MusicTopus peut par exemple éviter un achat en double, et de savoir qu'on a des albums à céder ou échanger.
-        <br />
-        Il existe déjà plusieurs applications de gestion de librairies musicales mais, (au moment de l'édition de cette présentation) aucune facilement accessible via internet, par exemple lorsqu'on est chez un disquaire.
-    </p>
-    <h2>
-        Qu'est ce qui fait tourner MusicTopus ?
-    </h2>
-    <p class="text-justify">
-        <strong>MusicTopus</strong> c'est un backend, une base de données et un front (à terme une API pour être consommée par une app mobile 🤔).
-    </p>
-    <ul>
-        <li>Backend écrit en JavaScript avec <a href="https://nodejs.org/" target="_blank" rel="noopener noreferrer">NodeJS <i class="icon-link"></i></a>.</li>
-        <li>Base de données de type <a href="https://fr.wikipedia.org/wiki/NoSQL" target="_blank" rel="noopener noreferrer">NoSQL <i class="icon-link"></i></a> via <a href="https://www.mongodb.com/" target="_blank" rel="noopener noreferrer">MongoDB <i class="icon-link"></i></a>.</li>
-        <li>Front utilisant <a href="https://www.knacss.com/" target="_blank" rel="noopener noreferrer">Knacss <i class="icon-link"></i></a> et <a href="https://vuejs.org/" target="_blank" rel="noopener noreferrer">VueJS <i class="icon-link"></i></a>.</li>
-    </ul>
+    <div class="container">
+        <div class="logo">
+            <img src="/img/logo-large.png" alt="Logo de MusicTopus" />
+        </div>
+        <div class="text">
+            <p class="text-justify">
+                Retrouvez votre cd-thèque partout depuis votre PC ou votre smartphone.
+            </p>
+            <p class="text-justify">
+                <strong>MusicTopus</strong> est une application Web (que vous pouvez auto-héberger) et un site Web (sur lequel vous pouvez créer un compte), permettant de gérer votre liste des CDs et Vinyles, et de l'utiliser facilement et n'importe où.
+                <br />
+                Le code source est publié sous licence libre <a href="https://www.gnu.org/licenses/gpl-3.0-standalone.html" target="_blank" rel="noopener noreferrer">GNU GPL-3.0-or-later <i class="icon-link"></i></a>. Le code source est disponible sur <a href="https://git.darkou.fr/dbroqua/MusicTopus" target="_blank">git.darkou.fr <i class="icon-link"></i></a>.
+            </p>
+            <h2>
+                Pourquoi utiliser MusicTopus ?
+            </h2>
+            <p class="text-justify">
+                <strong>MusicTopus</strong> est indispensable lorsqu'une collection, de CD-audios et vyniles, est devenue trop importante pour qu'on puisse se souvenir de tous les albums qu'elle contient. Consulter MusicTopus peut par exemple éviter un achat en double, et de savoir qu'on a des albums à céder ou échanger.
+                <br />
+                Il existe déjà plusieurs applications de gestion de librairies musicales mais, (au moment de l'édition de cette présentation) aucune facilement accessible via internet, par exemple lorsqu'on est chez un disquaire.
+            </p>
+            <h2>
+                Qu'est ce qui fait tourner MusicTopus ?
+            </h2>
+            <p class="text-justify">
+                <strong>MusicTopus</strong> c'est un backend, une base de données et un front (à terme une API pour être consommée par une app mobile 🤔).
+            </p>
+            <ul>
+                <li>Backend écrit en JavaScript avec <a href="https://nodejs.org/" target="_blank" rel="noopener noreferrer">NodeJS <i class="icon-link"></i></a>.</li>
+                <li>Base de données de type <a href="https://fr.wikipedia.org/wiki/NoSQL" target="_blank" rel="noopener noreferrer">NoSQL <i class="icon-link"></i></a> via <a href="https://www.mongodb.com/" target="_blank" rel="noopener noreferrer">MongoDB <i class="icon-link"></i></a>.</li>
+                <li>Front utilisant <a href="https://www.knacss.com/" target="_blank" rel="noopener noreferrer">Knacss <i class="icon-link"></i></a> et <a href="https://vuejs.org/" target="_blank" rel="noopener noreferrer">VueJS <i class="icon-link"></i></a>.</li>
+            </ul>
+        </div>
+    </div>
 </main>
\ No newline at end of file