refactor: new start page

2026-08-18 18:18:24 +02:00
parent 446f2387f0
commit 1622960043
1 changed files with 28 additions and 20 deletions
@@ -92,6 +92,12 @@
        <div class="col"><a href="A_course_index.html" class="btn w-100 text-white" style="background-color: #3BB583; border-color: #3BB583;">E -> A</a></div>
      </div>
      <br>
+      <h5>Kurs für die DARC-SWL-Prüfung</h5>
+      <p>Du möchtest erst einmal im Amateurfunk zuhören? Als DARC-Mitglied kannst du nach der DE-Prüfung ein persönliches DE-Kennzeichen erhalten und SWL-QSL-Karten über die DARC-QSL-Vermittlung versenden.</p>
+      <div class="row row-cols-lg-1 g-2">
+        <div class="col"><a href="SWL_course_index.html" class="btn btn-outline-dark w-100">SWL<br><small>Kurzwellenhören</small></a></div>
+      </div>
+      <br>
      <h5>Fragestunden</h5>
      <p>Tauchen beim Selbststudium Fragen auf? Unsere ehrenamtlichen Helfer bieten für DARC-Mitglieder und Gäste eine Fragestunde Mittwochs um 19:00 Uhr und Sonntags um 18:00 Uhr auf dem DARC-Videokonferenzserver an.</p>
      <div class="row row-cols-lg-2">
@@ -101,7 +107,7 @@
      <br>
      <h5>DARC Chat</h5>
      <p>Der DARC e. V. betreibt eine eigene Matrix-Instanz. Dort gibt es einen Raum, in dem du deine Fragen stellen kannst:</p>
-      <div class="row row-cols-lg-3">
+      <div class="row row-cols-lg-1">
        <div class="col"><a href="https://matrix.to/#/#ausbildung:darc.de" class="btn btn-outline-dark w-100">💬 Ausbildung</a></div>
      </div>
      <br>
@@ -113,17 +119,18 @@
      </div>
    </div>
  </div>
-  <div class="col col-lg-8 row g-5 pb-5 m-0 row-cols-1 row-cols-lg-2">
-    <div class="feature col">
+  <div class="col col-lg-8">
+    <div class="row g-5 pb-5 row-cols-1 row-cols-lg-2">
+      <div class="feature col">
      <div class="feature-icon bg-primary bg-gradient">
        <svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48" fill="#5f6368"><path d="m380-300 280-180-280-180v360ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm0-80h640v-480H160v480Zm0 0v-480 480Z"/></svg>
      </div>
      <h2>Videokurse</h2>
      <p>In Zusammenarbeit mit DL2YMR ist ein Videokurs für die Klasse N entstanden, der auf seinem YouTube-Kanal abrufbar ist. Weiterhin gibt es noch Vorlesungen für N+E sowie A. </p>
-      <div class="d-grid gap-2 d-sm-flex flex-sm-wrap mb-5">
-        <a href="https://www.youtube.com/playlist?list=PLDpWnjHk5ERbcgpLPUaU0iTsD-wrmfENk" class="btn btn-outline-dark">Zum Videokurs Klasse N</a>
-        <a href="https://www.youtube.com/playlist?list=PL_JZo16Mzs5XGeN5N81MwQ70dp7478VkM" class="btn btn-outline-dark">Vorlesung Klasse N+E</a>
-        <a href="https://www.youtube.com/playlist?list=PL_JZo16Mzs5XebdJhoIDLNp1MObBy7F5d" class="btn btn-outline-dark">Vorlesung Klasse A</a>
+      <div class="row row-cols-lg-3 g-2">
+        <div class="col"><a href="https://www.youtube.com/playlist?list=PLDpWnjHk5ERbcgpLPUaU0iTsD-wrmfENk" class="btn btn-outline-dark w-100">Videokurs<br><small>Klasse N</small></a></div>
+        <div class="col"><a href="https://www.youtube.com/playlist?list=PL_JZo16Mzs5XGeN5N81MwQ70dp7478VkM" class="btn btn-outline-dark w-100">Vorlesung<br><small>Klasse N+E</small></a></div>
+        <div class="col"><a href="https://www.youtube.com/playlist?list=PL_JZo16Mzs5XebdJhoIDLNp1MObBy7F5d" class="btn btn-outline-dark w-100">Vorlesung<br><small>Klasse A</small></a></div>
      </div>
    </div>
    <div class="feature col">
@@ -133,9 +140,9 @@
      </div>
      <h2>Buch Klasse N</h2>
      <p>Die Lernhinhalte für die Klasse N gibt es auch als gedrucktes Buch. Es ist passend zum Online-Kurs ausgelegt.</p>
-      <div class="d-grid gap-2 d-md-block mb-5">
-        <a href="https://darcverlag.de/DARC-Amateurfunklehrgang-Klasse-N" class="btn btn-outline-dark">Beim DARC-Verlag kaufen</a>
-        <a href="https://www.amazon.de/dp/388692100X" class="btn btn-outline-dark">Amazon</a>
+      <div class="row row-cols-lg-2 g-2 mb-5">
+        <div class="col"><a href="https://darcverlag.de/DARC-Amateurfunklehrgang-Klasse-N" class="btn btn-outline-dark w-100">Beim DARC-Verlag kaufen</a></div>
+        <div class="col"><a href="https://www.amazon.de/dp/388692100X" class="btn btn-outline-dark w-100">Bei Amazon Kaufen</a></div>
      </div>
    </div>
    <div class="feature col">
@@ -144,9 +151,9 @@
      </div>
      <h2>Kurse</h2>
      <p>Einige unserer Ortsverbände bieten Präsenz- oder Onlinekurse mit erfahrenen Ausbildern an. Finde heraus, ob es einen für dich passenden Kurs bei dir in der Nähe gibt!</p>
-      <div class="d-grid gap-2 d-md-block mb-5">
-        <a href="kurse_vor_ort_karte.html" class="btn btn-outline-dark">Präsenz</a>
-        <a href="kurse_vor_ort_liste.html" class="btn btn-outline-dark">Online</a>
+      <div class="d-flex gap-2 mb-5">
+        <a href="kurse_vor_ort_karte.html" class="btn btn-outline-dark flex-fill">Präsenz</a>
+        <a href="kurse_vor_ort_liste.html" class="btn btn-outline-dark flex-fill">Online</a>
      </div>
    </div>
    <div class="feature col">
@@ -155,8 +162,8 @@
      </div>
      <h2>Ausbildungs&shy;paten</h2>
      <p>Unsere Ausbildungspaten sind erfahrene Funkamateure, die dich gerne unterstützen. Sie können mit dir auch praktisch üben und nützliche Tipps für die Praxis geben.</p>
-      <div class="d-grid gap-2 d-md-block mb-5">
-        <a href="patenkarte.html" class="btn btn-outline-dark">Zur Patenkarte</a>
+      <div class="d-grid gap-2 mb-5">
+        <a href="patenkarte.html" class="btn btn-outline-dark w-100">Zur Patenkarte</a>
      </div>
    </div>
    <div class="feature col">
@@ -166,7 +173,7 @@
        <h2>Fragenkatalog</h2>
        <p>Den Fragenkatalog mit den amtlichen Prüfungsfragen gibt es digital bei der <a href="https://50ohm.de/fk">Bundesnetzagentur</a>. Beim DARC-Verlag kann man auch eine gedruckte Version bestellen.</p>
        <div class="d-grid gap-2 d-md-block mb-5">
-          <a href="https://darcverlag.de/Fragenkatalog-Klasse-N" class="btn btn-outline-dark">Beim DARC-Verlag kaufen</a>
+          <a href="https://darcverlag.de/Fragenkatalog-Klasse-N" class="btn btn-outline-dark w-100">Beim DARC-Verlag kaufen</a>
        </div>
      </div>
      <div class="feature col">
@@ -175,11 +182,12 @@
      </div>
        <h2>Trainings App</h2>
        <p>Zum Trainieren der Fragen gibt es die 50Ohm App. Sie ist passend zum Online-Kurs ausgelegt.</p>
-        <div class="d-grid gap-2 d-md-block mb-5">
-          <a href="https://play.google.com/store/apps/details?id=de.darc.fuenfizigohm" class="btn btn-outline-dark">Android</a>
-          <a href="https://apps.apple.com/de/app/50ohm/id6474642114" class="btn btn-outline-dark">iOS</a>
+        <div class="d-flex gap-2 mb-5">
+          <a href="https://play.google.com/store/apps/details?id=de.darc.fuenfizigohm" class="btn btn-outline-dark flex-fill">Android</a>
+          <a href="https://apps.apple.com/de/app/50ohm/id6474642114" class="btn btn-outline-dark flex-fill">iOS</a>
        </div>
-      </div>    
+      </div>
+    </div>
  </div>
 </div>
 <a rel="me" href="https://social.darc.de/@AJW"></a>