Merge pull request #98 from doxa-tech/waykup-add-event

Add information for the Italie Camp for waykup

waykup.ch/assets/stylesheets/pages/event.css

@@ -47,6 +47,45 @@
     text-align: justify;
 }
 
+video.video {
+    max-width: 75%;
+    max-height: 75%;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+}
+
+.f4 .button-language {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.f4 .button-language .button {
+    margin-left: 10px;
+    margin-right: 10px;
+}
+
+h4 {
+    text-decoration: underline;
+}
+
+.info ul{
+    list-style-type: square;
+    margin-left: 10%;
+    margin-bottom: 30px;
+}
+
+.center{
+    text-align: center;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.info p{
+    font-size: 0.9em;
+}
+
 /* Media queries */
 @media screen and (max-width: 802px) {
      .event-paragraph {

waykup.ch/event.html

@@ -62,6 +62,14 @@
 
   <section id="Event" class="fixed f4">
     <h1>Nos prochains événements</h1>
+    <div class="button-language">
+      <div class="button center">
+        <a href="event.html">Français</a>
+      </div>
+      <div class="button center">
+        <a href="it/event.html">Italiano</a>
+      </div>
+    </div>
   </section>
 
     <!--<section id="none" class="scrolling cd cd-color-1">
@@ -75,11 +83,41 @@ <h2>Pas d'événements pour l'instant...</h2>
     <section id="Event" class="scrolling cd cd-color-1">
       <div class="container">
         <div id="MoveUp" class="event-container">
-            <h2>MoveUp Camp</h2>
+            <h2>MoveUp Camp 2023</h2>
             <div class="event-paragraph">
-              <p>Ce camp est dans la phase d'organisation. Dès que nous avons plus d'informations,
-                nous vous tiendrons au courant.
-              </p>
+              <p>Nous vivrons un camp avec la jeunesse des églises apostoliques suisses et italiennes du 6 au 13 août 2023 à Udine, en Italie. Le camp "MoveUp" est un camp d'évangélisation.
+              <p>Voici une petite vidéo qui te donnera plus d'informations sur le camp.</p>
+              <video controls class="video">
+                <source src="assets/images/event/MoveUpVideo.mp4" type="video/mp4">
+              </video>
+              <div class="info">
+                <h4>Informations importantes :</h4>
+                <ul>
+                  <li>Date du camp: 6 au 13 août 2023</li>
+                  <li>Le prix du camp: 300 euros (à payer jusqu'au 15 juillet)</li>
+                  <li>But: implanter une église à Monfalcone</li>
+                </ul>
+                <p><b>Pour le paiement, tu peux le faire par virement bancaire à l'adresse suivante:</b></p>
+                <p class="center">
+                  IBAN: CH22 0076 8300 1374 7320 8<br>
+                  Adresse et coordonnées:<br>
+                  Association Eglise Evangélique Apostolique<br>
+                  Route du Verdel 8<br>
+                  1630 Bulle<br>
+                  Suisse
+                </p>
+                <h4>Personnes de contact:</h4>
+                <ul>
+                  <li>Sarah Zbinden: [email protected]</li>
+                  <li>Marco Ventura: [email protected]</li>
+                </ul>
+              </div>
+              <p>Si tu souhaites participer à ce camp, tu peux t'inscrire en cliquant sur le bouton ci-dessous.<br>
+                <b>Inscriptions jusqu'au 1er juillet.</b></p>
+              <div class="button center">
+                <a href="https://docs.google.com/forms/d/e/1FAIpQLSeqUtm4LovO3leyqJrbDV49u2wu1Gaf33ImgL-L_XNskAwrZg/viewform?usp=sf_link"
+                  target="_blank">S'inscrire</a>
+              </div>
             </div>
             <div class="image-half left logoEvent">
               <img src="assets/images/event/moveup_recto.jpg" alt="MoveUp Camp" />
@@ -88,6 +126,41 @@ <h2>MoveUp Camp</h2>
              <img src="assets/images/event/moveup_verso.jpg" alt="MoveUp Camp" />
             </div>
         </div>
+        <div id="MoveUpPartner" class="event-container">
+          <h2>MoveUp Camp 2023 - Partenaires</h2>
+          <div class="event-paragraph">
+            <p>Nous travaillons à réduire le coût du camp en essayant de couvrir le prix du car grâce au parrainage.<br>
+               MissionPlus a déjà parrainé 6'000.- CHF pour le car. Nous avons donc encore besoin de 4'000.- CHF pour couvrir le prix du car.</p>
+            <h4>Nous vous proposons deux possibilités de parrainer notre camp:</h4>
+            <div class="info">
+              <ul>
+                <li>Parrainer un ou plusieurs jeunes au montant de 50.- CHF et prier pour le ou les jeunes pendant le camp.</li>
+                <li>Faire un don (montant libre)</li>
+              </ul>
+            </div>
+            <p>Lorsqu'on aura une liste des jeunes qui participent au camp, nous l'enverrons aux parrains pour qu'ils puissent choisir les jeunes qu'ils soutiennent en prière.</p>
+            <div class="info">
+              <p><b>Pour le parrainage ou don, voici les informations bancaires:</b></p>
+              <p>Merci de bien préciser <strong>votre nom</strong>.<br>
+              Merci au parrain de payer avant le 1 août minuit mais le plus tôt sera le mieux. Merci d'avance !</p>
+              <p class="center">
+                IBAN: CH22 0076 8300 1374 7320 8<br>
+                Adresse et coordonnées:<br>
+                Association Eglise Evangélique Apostolique<br>
+                Route du Verdel 8<br>
+                1630 Bulle<br>
+                Suisse
+              </p>
+            </div>
+            <p>Si vous souhaitez vous inscrire pour parrainer un ou plusieurs jeunes, vous pouvez le faire en cliquant sur le bouton ci-dessous.</p>
+            <div class="button center">
+              <a href="https://forms.gle/iGs2MAisv592kaQQ8"
+                target="_blank">S'inscrire</a>
+            </div>
+            <br>
+
+          </div>
+        </div>
       </div>
   </section>
 

waykup.ch/it/event.html

@@ -0,0 +1,172 @@
+<!doctype html>
+
+<html>
+
+<head>
+  <meta charset="utf-8">
+
+  <title>Waykup - groupe de jeunes BulleNetwork</title>
+  <meta name="description" content="Waykup youth group">
+  <meta name="author" content="EEBulle">
+
+  <link rel="stylesheet" href="../assets/stylesheets/application.css">
+  <script type="text/javascript" src="../assets/javascripts/application.js"></script>
+
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;500&display=swap" rel="stylesheet">
+
+  <!-- Favicon stuff -->
+  <link rel="apple-touch-icon" sizes="57x57" href="../assets/images/favicons/apple-touch-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="../assets/images/favicons/apple-touch-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="../assets/images/favicons/apple-touch-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="../assets/images/favicons/apple-touch-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="../assets/images/favicons/apple-touch-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="../assets/images/favicons/apple-touch-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="../assets/images/favicons/apple-touch-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="../assets/images/favicons/apple-touch-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="../assets/images/favicons/apple-touch-icon-180x180.png">
+  <link rel="icon" type="image/png" href="../assets/images/favicons/favicon-32x32.png" sizes="32x32">
+  <link rel="icon" type="image/png" href="../assets/images/favicons/android-chrome-192x192.png" sizes="192x192">
+  <link rel="icon" type="image/png" href="../assets/images/favicons/favicon-96x96.png" sizes="96x96">
+  <link rel="icon" type="image/png" href="../assets/images/favicons/favicon-16x16.png" sizes="16x16">
+  <link rel="manifest" href="../assets/images/favicons/manifest.json">
+  <link rel="mask-icon" href="../assets/images/favicons/safari-pinned-tab.svg" color="#5bbad5">
+  <link rel="shortcut icon" href="../assets/images/favicons/favicon.ico">
+  <meta name="msapplication-TileColor" content="#da532c">
+  <meta name="msapplication-TileImage" content="../assets/images/favicons/mstile-144x144.png">
+  <meta name="msapplication-config" content="../assets/images/favicons/browserconfig.xml">
+  <meta name="theme-color" content="#ffffff">
+
+  <!-- Mobile compatibility -->
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+
+<body>
+
+  <nav class="navbar">
+    <div class="nav">
+      <a href="../index.html#Waykup">Accueil</a>
+      <a href="../index.html#Vision">Mission</a>
+      <a href="../index.html#Programme">Programme</a>
+      <a href="../boutique.html">Boutique</a>
+      <a href="../event.html">Event</a>
+      <a href="../index.html#Contact">Contact</a>
+    </div>
+    <div class="burger">
+      <div class="line l1"></div>
+      <div class="line l2"></div>
+      <div class="line l3"></div>
+    </div>
+  </nav>
+
+  <section id="Event-IT" class="fixed f4">
+    <h1>I nostri prossimi eventi</h1>
+    <div class="button-language">
+      <div class="button center">
+        <a href="../event.html">Français</a>
+      </div>
+      <div class="button center">
+        <a href="">Italiano</a>
+      </div>
+    </div>
+  </section>
+
+    <!--<section id="none" class="scrolling cd cd-color-1">
+    <div class="container">
+      <h2>Pas d'événements pour l'instant...</h2>
+      <p>Nous te tiendrons au courant des événements auxquels nous participerons, mais pour l'instant, il n'y en a
+        pas...</p>
+    </div>
+  </section>-->
+
+    <section id="Event-IT" class="scrolling cd cd-color-1">
+      <div class="container">
+        <div id="MoveUp-IT" class="event-container">
+            <h2>MoveUp Camp 2023</h2>
+            <div class="event-paragraph">
+              <p>Vivremo un campo con i giovani delle Chiese apostoliche Svizzere e Italiane dal 6 al 13 agosto 2023 a Udine, Italia. Il campo "MoveUp" è un campo di evangelizzazione.</p>
+              <p>Ecco un breve video che vi darà maggiori informazioni sul campo.</p>
+              <video controls class="video">
+                <source src="../assets/images/event/MoveUpVideo-IT.mp4" type="video/mp4">
+              </video>
+              <div class="info">
+                <h4>Informazioni importanti:</h4>
+                <ul>
+                  <li>Data del campo: 6-13 agosto 2023</li>
+                  <li>Il prezzo del campo: 300 euro (da pagare fino al 15 luglio)</li>
+                  <li>Obiettivo: fondare una chiesa a Monfalcone</li>
+                </ul>
+                <p><b>Per il pagamento, puoi farlo tramite bonifico bancario al seguente indirizzo:</b></p>
+                <p class="center">
+                  IBAN: CH22 0076 8300 1374 7320 8<br>
+                  Indirizzo e recapiti:<br>
+                  Association Eglise Evangélique Apostolique<br>
+                  Route du Verdel 8<br>
+                  1630 Bulle<br>
+                  Suisse
+                </p>
+                <h4>Contatta persone:</h4>
+                <ul>
+                  <li>Marco Ventura: [email protected]</li>
+                  <li>Sarah Zbinden: [email protected]</li>
+                </ul>
+              </div>
+              <p>Se desideri partecipare a questo campo, puoi registrarti facendo clic sul pulsante in basso.<br>
+                <b>Iscrizioni fino al 1 luglio.</b></p>
+              <div class="button center">
+                <a href="https://docs.google.com/forms/d/e/1FAIpQLSeqUtm4LovO3leyqJrbDV49u2wu1Gaf33ImgL-L_XNskAwrZg/viewform?usp=sf_link"
+                  target="_blank">Registrati</a>
+              </div>
+            </div>
+            <div class="image-half left logoEvent">
+              <img src="../assets/images/event/moveup_recto.jpg" alt="MoveUp Camp" />
+            </div>
+            <div class="image-half right logoEvent">
+             <img src="../assets/images/event/moveup_verso.jpg" alt="MoveUp Camp" />
+            </div>
+        </div>
+        <div id="MoveUpPartner-IT" class="event-container">
+          <h2>MoveUp Camp 2023 - Partner</h2>
+          <div class="event-paragraph">
+            <p>Stiamo lavorando per ridurre il costo del campo cercando di coprire il costo dell'autobus attraverso la sponsorizzazione.<br>
+              MissionPlus ha già sponsorizzato 6'000.- CHF per l'autobus. Abbiamo quindi ancora bisogno di 4'000.- CHF per coprire il costo dell'autobus.</p>
+            <h4>Ti offriamo due possibilità per sponsorizzare il nostro campo:</h4>
+            <div class="info">
+              <ul>
+                <li>Sponsorizza uno o più giovani per un importo di 50.- CHF e prega per i giovani durante il campo.</li>
+                <li>Fai una donazione (importo gratuito)</li>
+              </ul>
+            </div>
+            <p>Quando avremo una lista dei giovani che parteciperanno al campo, la invieremo agli sponsor in modo che possano scegliere i giovani che sostengono nella preghiera.</p>
+            <div class="info">
+              <p><b>Per sponsorizzazioni o donazioni, ecco le coordinate bancarie:</b></p>
+              <p>Per favore specificare <strong>il tuo nome</strong>.<br>
+              Grazie allo sponsor per aver pagato prima della mezzanotte del 1 agosto, ma prima è meglio è. Grazie in anticipo !</p>
+              <p class="center">
+                IBAN: CH22 0076 8300 1374 7320 8<br>
+                Indirizzo e recapiti:<br>
+                Association Eglise Evangélique Apostolique<br>
+                Route du Verdel 8<br>
+                1630 Bulle<br>
+                Suisse
+              </p>
+            </div>
+            <p>Se desideri iscriverti per sponsorizzare uno o più giovani, puoi farlo cliccando sul pulsante sottostante.</p>
+            <div class="button center">
+              <a href="https://forms.gle/iGs2MAisv592kaQQ8"
+                target="_blank">Registrati</a>
+            </div>
+            <br>
+
+          </div>
+        </div>
+      </div>
+  </section>
+
+  <script>
+    stickyNav();
+  </script>
+</body>
+
+</html>