margók jav

_posts/oktatas/2024-09-22-tananyagok-a-githubon.md

@@ -17,4 +17,4 @@ Az interneten számos programozási oktatóanyag található, köztük GitHub ol
 - [Microsoft - AI for Beginners](https://microsoft.github.io/AI-For-Beginners/): Mesterséges intelligencia alapok, python programozással.
 - [Free Programming Books](https://ebookfoundation.github.io/free-programming-books/): Linkgyűjtemény ingyenes programozási könyvekhez, kód és emberi nyelvek szerint csoportosítva.
 
-Magán a GitHub oldalán is léteznek gyűjtemények, amiket a közösség hozott létre, egyik ilyen a [Learn to Code](https://github.com/collections/learn-to-code), amit érdemes áttekinteni.
+Magán a GitHub oldalán is léteznek gyűjtemények, amiket a közösség hozott létre, egyik ilyen a [Learn to Code](https://github.com/collections/learn-to-code), amit érdemes áttekinteni.

_tabs/kapcsolat.html

@@ -6,14 +6,35 @@
 show: true
 ---
 
-Kérdés vagy ajánlatkérés esetén írjon üzenetet és küldje el a lent látható űrlapon.
+Kérdés vagy ajánlatkérés esetén írjon üzenetet és küldje el a lent látható
+űrlapon.
 
-<form id="contact-form" action="https://getform.io/f/f6e57140-3275-4617-b759-1a728e19cefd" method="POST">
-    <input type="text" name="name" class="form-control mb-3" required placeholder="Név">
-    <input type="email" name="email" class="form-control mb-3" required placeholder="Email cím">
-    <textarea name="message" class="form-control mb-3" rows="5" placeholder="Üzenet" required></textarea>
-    <input type="hidden" name="_gotcha" style="display:none !important">
-    <button type="submit" class="btn btn-primary">Küldés</button>
-    <div class="valid-feedback">Sikeres üzenet küldés!</div>
-    <div class="invalid-feedback">Sikertelen üzenet küldés.</div>
-</form>
+<form
+  id="contact-form"
+  action="https://getform.io/f/f6e57140-3275-4617-b759-1a728e19cefd"
+  method="POST"
+>
+  <input
+    type="text"
+    name="name"
+    class="form-control mb-3"
+    required
+    placeholder="Név"
+  />
+  <input
+    type="email"
+    name="email"
+    class="form-control mb-3"
+    required
+    placeholder="Email cím"
+  />
+  <textarea
+    name="message"
+    class="form-control mb-3"
+    rows="5"
+    placeholder="Üzenet"
+    required
+  ></textarea>
+  <input type="hidden" name="_gotcha" style="display: none !important" />
+  <button type="submit" class="btn btn-primary">Küldés</button>
+</form>

_tabs/szolgaltatasok.html

@@ -1,32 +1,58 @@
 ---
-layout: full_page
 title: Szolgáltatások
 icon: fas fa-laptop-code
 image: /assets/img/banner.png
 order: 2
 show: true
 ---
 
-<h1 class="text-center mt-5 mb-3">Webfejlesztés, egyedi informatikai megoldások</h1>
+<h1 class="text-center mt-5 mb-3">
+  Webfejlesztés, egyedi informatikai megoldások
+</h1>
 
 <div class="row mb-2">
-    <div class="col-lg-4">
-        <img src="/assets/img/szolgaltatasok/standard.png" class="img-fluid w-50 mx-auto d-block" alt="Weboldal / Webshop készítés">
-        <h2>Weblap / Webshop készítés</h2>
-        <p>Segítek megalkotni a kívánt weblapját, webáruházát a tervezéstől a megvalósításig. Legyen az magán, üzleti, intézményi vagy bármilyen más célú.</p>
-    </div>
+  <div class="col-lg-4">
+    <img
+      src="/assets/img/szolgaltatasok/standard.png"
+      class="img-fluid w-50 mx-auto d-block"
+      alt="Weboldal / Webshop készítés"
+    />
+    <h2>Weblap / Webshop készítés</h2>
+    <p>
+      Segítek megalkotni a kívánt weblapját, webáruházát a tervezéstől a
+      megvalósításig. Legyen az magán, üzleti, intézményi vagy bármilyen más
+      célú.
+    </p>
+  </div>
 
-    <div class="col-lg-4">
-        <img src="/assets/img/szolgaltatasok/qt.png" class="img-fluid w-50 mx-auto d-block" alt="Weboldal karbantartás">
-        <h2>Webhely karbantartás</h2>
-        <p>Ellátom a szükséges rendszeres vagy egyszeri karbantartásokat, mint a frissítések telepítését, biztonsági másolatok készítését.</p>
-    </div>
+  <div class="col-lg-4">
+    <img
+      src="/assets/img/szolgaltatasok/qt.png"
+      class="img-fluid w-50 mx-auto d-block"
+      alt="Weboldal karbantartás"
+    />
+    <h2>Webhely karbantartás</h2>
+    <p>
+      Ellátom a szükséges rendszeres vagy egyszeri karbantartásokat, mint a
+      frissítések telepítését, biztonsági másolatok készítését.
+    </p>
+  </div>
 
-    <div class="col-lg-4">
-        <img src="/assets/img/szolgaltatasok/error.png" class="img-fluid w-50 mx-auto d-block" alt="Weboldal javítás">
-        <h2>Weboldal javítás</h2>
-        <p>Problémás a weboldala? Keressen fel hibaelhárításhoz, vagy akár költöztetéshez másik szolgáltatóhoz vagy rendszerre.</p>
-    </div>
+  <div class="col-lg-4">
+    <img
+      src="/assets/img/szolgaltatasok/error.png"
+      class="img-fluid w-50 mx-auto d-block"
+      alt="Weboldal javítás"
+    />
+    <h2>Weboldal javítás</h2>
+    <p>
+      Problémás a weboldala? Keressen fel hibaelhárításhoz, vagy akár
+      költöztetéshez másik szolgáltatóhoz vagy rendszerre.
+    </p>
+  </div>
 </div>
 
-<p class="lead mx-2">Amennyiben felkeltettem érdeklődését, lépjen velem <a href="/kapcsolat">kapcsolat</a>ba!</p>
+<p class="lead mx-2">
+  Amennyiben felkeltettem érdeklődését, lépjen velem
+  <a href="/kapcsolat">kapcsolat</a>ba!
+</p>

assets/css/card.css

@@ -1,8 +1,3 @@
-.my-1 {
-  margin-top: 0.25rem !important;
-  margin-bottom: 0.25rem !important;
-}
-
 .card-footer {
   padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
   color: var(--bs-card-cap-color);

assets/css/jekyll-theme-chirpy.scss

@@ -18,7 +18,7 @@ $tab-count: {{ site.tabs | where: "show", true | size | plus: 1 }}; // plus 1 fo
 
 @import 'card.css';
 @import 'carousel.css';
-@import 'feedback.css';
+@import 'margins.css';
 
 /* Referencia oldal */
 

assets/css/margins.css

@@ -0,0 +1,17 @@
+.me-3 {
+  margin-right: 1rem !important;
+}
+
+.me-xl-3 {
+  margin-right: 1rem !important;
+}
+
+.my-1 {
+  margin-top: 0.25rem !important;
+  margin-bottom: 0.25rem !important;
+}
+
+.mx-auto {
+  margin-right: auto !important;
+  margin-left: auto !important;
+}