add site creators presentation

oser-app/src/app/showcase-site/about-page/about-page.component.html

@@ -41,7 +41,7 @@
     </ul>
   </section>
 
-  <section id="history">
+  <section id="history" class="drop-shadow-md">
     <section>
       <h2>Un engagement de longue date</h2>
       <p>
@@ -59,4 +59,16 @@
       <p class="legend">Soirée de lancement du 14 décembre 2016, officialisant la création d'Ouverture Sociale pour l'égalité et la Réussite.</p>
     </section>
   </section>
+
+  <section id="site-makers" class="drop-shadow-md">
+    <p>
+      <strong>
+        Ce site a été réalisé bénévolement par les membres du secteur Geek.
+      </strong>
+    </p>
+    <p>
+      Ce secteur développe et entretient les systèmes d'information de l'association. Nous utilisons les dernières technologies du web pour vous offrir une expérience fluide et agréable.
+    </p>
+    <p>Un problème à signaler, un message à faire passer ? Contactez-nous à l'adresse <a href="mailto:webmaster@oser-cs.fr">webmaster[@]oser-cs.fr</a>.</p>
+  </section>
 </div>

oser-app/src/app/showcase-site/about-page/about-page.component.scss

@@ -85,7 +85,7 @@
 #figures {
   position: relative;
   @include margin-page;
-  z-index: 1;
+  z-index: 4;
   @include color-bg($color-light-blue);
 
   ul {
@@ -135,6 +135,8 @@
 #history {
   background-color: white;
   @include margin-page;
+  position: relative;
+  z-index: 2;
   @include media-lg {
     display: grid;
     grid-template-columns: 1fr auto;
@@ -157,3 +159,10 @@
     }
   }
 }
+
+#site-makers {
+  @include margin-page;
+  position: relative;
+  z-index: 0;
+  background-color: $color-light-blue;
+}

oser-app/src/app/showcase-site/contact-page/config.json

-{
-  "contact": "contact@oser-cs.fr",
-  "partners": "partenariats@oser-cs.fr"
-}

oser-app/src/app/showcase-site/contact-page/contact-page.component.html

@@ -4,9 +4,9 @@
     <div id="content">
       <h1>Nous contacter</h1>
       <br>
-      <p>Pour toute <strong>demande d'information sur nos actions</strong>, contactez-nous à l'adresse <a href="mailto:{{ contact }}" >{{ contact }}</a>.</p>
+      <p>Pour toute <strong>demande d'information sur nos actions</strong>, contactez-nous à l'adresse <a href="mailto:contact@oser-cs.fr" >contact[@]oser-cs.fr</a>.</p>
       <hr>
-      <p>Pour toute <strong>demande de partenariat ou presse</strong>, contactez-nous à l'adresse <a href="mailto:{{ partners }}">{{ partners }}</a>.</p>
+      <p>Pour toute <strong>demande de partenariat ou presse</strong>, contactez-nous à l'adresse <a href="mailto:partenaires@oser-cs.fr">partenaires[@]oser-cs.fr</a>.</p>
     </div>
   </div>
 </div>

oser-app/src/app/showcase-site/contact-page/contact-page.component.ts

 import { Component, OnInit } from '@angular/core';
-import * as config from './config.json';
-
 
 @Component({
   selector: 'app-contact-page',
@@ -9,19 +7,10 @@ import * as config from './config.json';
 })
 export class ContactPageComponent implements OnInit {
 
-  config = <any>config;
-
   constructor() { }
 
   ngOnInit() {
   }
 
-  get contact(): string {
-    return this.config.contact;
-  }
-
-  get partners(): string {
-    return this.config.partners;
-  }
 
 }