Obrázky k tréninkům a přihlašovací tlačítka

web/src/app/views/events-view/events-view.component.html

@@ -8,7 +8,7 @@ <h1>Program činnosti</h1>
         <p>
           Kam se s námi vypravíš v příštích týdnech?
           <br>
-          Info o <a class="scrollDown" [ngxScrollTo]="bosan">schůzkách</a>, <a class="scrollDown" [ngxScrollTo]="bazen">bazénu</a>, <a class="scrollDown" [ngxScrollTo]="troja">kanále</a> a <a class="scrollDown" [ngxScrollTo]="treninky">trénincích na K</a> najdeš pod programem.
+          Info o <a class="scrollDown" [ngxScrollTo]="bosan" [ngxScrollToOffset]="-50">schůzkách</a>, <a class="scrollDown" [ngxScrollTo]="bazen" [ngxScrollToOffset]="-50">bazénu</a>, <a class="scrollDown" [ngxScrollTo]="troja" [ngxScrollToOffset]="-50">kanále</a> a <a class="scrollDown" [ngxScrollTo]="treninky" [ngxScrollToOffset]="-50">trénincích na K</a> najdeš pod programem.
           <br>
           Chceš, aby ti už žádná akce neutekla? Nastav si <a class="scrollDown" (click)="OpenManualForIcal()">odběr akcí</a> přímo do svého kalendáře.
         </p>
@@ -111,23 +111,22 @@ <h1>Tréninky na kanále v Troji</h1>
       <div class="col-12 text-center">
         <p>V letní sezóně od dubna do října, ve čtrtek odpoledne, vypisovány nepravidelně.</p>
       </div>
+      <div class="col-12 text-center">
+        <a [href]="canalFormUrl | async" class="btn btn-primary mt-auto">Přihlásit na trénink do Troji</a>
+      </div>
     </div>
     <div class="row justify-content-center">
       <div class="col-12 order-1">
         <h4>Adresa kanálu</h4>
         <p>Vodácká 8, Praha 7, 171 00, za dřevěným koněm</p>
         <h4> Info</h4>
         <ul class="list-unstyled">
-          <li>- maximální kapacita tréninku je 6 lidí</li>
+          <li>- maximální kapacita tréninku je 6 lidí, obsazenost můžeš sledovat <a [href]="canalAttendeesUrl | async">zde</a></li>
           <li>- pokud nebudeš moct přijít, dej vědět vedoucímu tréninku a náhradníkovi (sedmému přihlášenému v pořadí), že může jít místo tebe</li>
           <li>- k půjčení je loď, pádlo, vesta, šprajda a helma (ale klidně si můžeš přinést své), hydro si musíš přinést své</li>
         </ul>
       </div>
       <div class="col-12 order-3 order-md-2">
-        <h4> Přihlašování</h4>
-        <ul class="list-unstyled">
-          <li>- přihlásit se můžeš v <a [href]="canalFormUrl | async">tomto formuláři</a>, obsazenost můžeš sledovat <a [href]="canalAttendeesUrl | async">zde</a></li>
-        </ul>
         <h4>Cena</h4>
         <ul class="list-unstyled">
           <li>- 50 Kč splavenka do kanálu, pod případně nad kanálem zadarmo</li>
@@ -155,30 +154,27 @@ <h1>Kajakářské tréninky na Káčku</h1>
         <div class="col-12 text-center">
           <p>Kajakářské tréninky pro všechny kdo se chtějí naučit na kajaku a ještě si netroufají do Troji.<br/>V letní sezóně od dubna do října, ve čtvrtek odpoledne, vypisovány nepravidelně.</p>
         </div>
+        <div class="col-12 text-center">
+          <a href="https://forms.gle/muZC3srNodnZ7dDv8" class="btn btn-primary mt-auto">Přihlásit na trénink na Káčku</a>
+        </div>
       </div>
       <div class="row justify-content-center">
         <div class="col-12 order-1">
           <h4>Adresa</h4>
           <p>V&nbsp;náklích&nbsp;445/1a, Praha&nbsp;4, 147&nbsp;00</p>
           <h4> Info</h4>
           <ul class="list-unstyled">
-            <li>- maximální kapacita tréninku je 6 lidí</li>
+            <li>- maximální kapacita tréninku je 6 lidí, obsazenost můžeš sledovat <a href="https://docs.google.com/spreadsheets/d/1w2joXLY44vgL9gQWwluOqR4L_hl2JrFX8wJoM3KBlxE/edit?usp=sharing">zde</a></li>
             <li>- pokud nebudeš moct přijít, dej vědět vedoucímu tréninku a náhradníkovi (sedmému přihlášenému v pořadí), že může jít místo tebe</li>
             <li>- k půjčení je loď, pádlo, vesta, šprajda a helma (ale klidně si můžeš přinést své), hydro si musíš přinést své</li>
           </ul>
         </div>
-        <div class="col-12 order-3 order-md-2">
-          <h4> Přihlašování</h4>
-          <ul class="list-unstyled">
-            <li>- přihlásit se můžeš v <a href="https://forms.gle/muZC3srNodnZ7dDv8">tomto formuláři</a>, obsazenost můžeš sledovat <a href="https://docs.google.com/spreadsheets/d/1w2joXLY44vgL9gQWwluOqR4L_hl2JrFX8wJoM3KBlxE/edit?usp=sharing">zde</a></li>
-          </ul>
+        <div class="col-12 col-md-5 order-2 order-md-3 text-center mb-3">
+          <img src="../assets/img/trening1.jpg" class="img-fluid img-shadow rot-d">
+        </div>
+        <div class="col-12 col-md-5 order-4 text-center mb-3">
+          <img src="../assets/img/trening2.jpg" class="img-fluid img-shadow rot-b">
         </div>
-        <!--<div class="col-12 col-md-5 order-2 order-md-3 text-center mb-3">-->
-          <!--<img src="../assets/img/kanal1.jpg" class="img-fluid img-shadow rot-b">-->
-        <!--</div>-->
-        <!--<div class="col-12 col-md-5 order-4 text-center mb-3">-->
-          <!--<img src="../assets/img/kanal2.jpg" class="img-fluid img-shadow rot-d">-->
-        <!--</div>-->
       </div>
     </div>
 </section>