Merge pull request #11 from StudioRvAndCo/v1.2.2

V1.2.2

package.json

@@ -1,6 +1,6 @@
 {
   "name": "website",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

src/components/Association.vue

@@ -189,7 +189,7 @@
         </div>
       </section>
 
-      <hr v-if="posts" />
+      <h3 v-if="posts">{{ $t("association.instagram-gallery") }}</h3>
 
       <!-- Instagram posts -->
       <section v-if="posts">
@@ -313,11 +313,14 @@ export default {
       }
     }
 
-    hr {
-      margin: calc(var(--spacing) / 1.5) auto;
-      border-color: rgba(255, 255, 255, 0.4);
-      width: 50%;
-      border-radius: var(--border-radius);
+    h3 {
+      font-size: 1.5em;
+      margin-top: calc(var(--spacing) * 1.4);
+      margin-bottom: calc(var(--spacing) / 2);
+
+      @media (max-width: 450px) {
+        text-align: center;
+      }
     }
 
     section:last-of-type {

src/components/Contact.vue

@@ -5,10 +5,6 @@
     <section>
       <div>
         <h3>Studio Rv & Co</h3>
-        <p>
-          4 Lotissement Cantalause<br />
-          31450 Montgiscard, France
-        </p>
         <p>Email : <a href="mailto:studio@rvandco.fr">studio@rvandco.fr</a></p>
       </div>
       <hr />
@@ -68,6 +64,7 @@ export default {
     display: grid;
     grid-template-columns: 1fr 0.01fr 1fr 0.01fr 1fr;
     justify-items: center;
+    align-items: center;
     gap: 2rem;
 
     hr {
@@ -84,7 +81,6 @@ export default {
 
       p {
         color: var(--subtext-color);
-        margin-bottom: 0.6rem;
 
         a {
           text-decoration: none;
@@ -95,10 +91,6 @@ export default {
             color: var(--text-color);
           }
         }
-
-        &:last-of-type {
-          margin-bottom: unset;
-        }
       }
 
       img {

src/locales/en.json

@@ -52,6 +52,7 @@
   "association": {
     "self": "The association",
     "description": "Studio Rv & Co is a group of friends who are passionate about the world of cinema. Together, we produce from start to finish short films or amateur series on various themes that we like.",
+    "instagram-gallery": "Instagram gallery",
     "more-pictures": "More pictures..."
   },
   "contact": {

src/locales/fr.json

@@ -52,6 +52,7 @@
   "association": {
     "self": "L'association",
     "description": "Le Studio Rv & Co est un regroupement d'amis passionnés par le monde du cinéma. Ensemble, nous produisons du début à la fin des courts-métrages ou des séries amateurs sur des thèmes variés qui nous plaisent.",
+    "instagram-gallery": "Galerie Instagram",
     "more-pictures": "Plus de photos..."
   },
   "contact": {