neweer footer

Author: balotofi

_includes/footer_custom.html

@@ -1,17 +1,70 @@
-<footer class="site-footer">
-    <p>&copy; 2015–2025 <a href="https://kyutech-laseine.net/english/">Laboratory of Lean Satellite Enterprises and In-Orbit Experiment (LaSEINE), Kyutech</a>.</p>
+<footer class="site-footer" style="padding: 2rem 0; background-color: #f8f9fb; color: #333; font-size: 14px;">
+    <div style="max-width: 1100px; margin: auto; display: flex; flex-wrap: wrap; gap: 2rem; justify-content: space-between;">
 
-    <div style="margin-top: 1rem;">
-      <strong>Contribute to Docs</strong><br/>
-      <a href="https://birdsopensource.github.io/contribute">Learn how to get involved</a><br/>
-      <a href="https://github.com/orgs/BIRDSOpenSource/discussions/categories/general">Submit feedback</a>
-    </div>
+      <!-- Column 1: Copyright -->
+      <div style="flex: 1 1 250px;">
+        <p style="margin-bottom: 0.5rem;">
+          &copy; 2015–2025 <br/>
+          <a href="https://kyutech-laseine.net/english/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">
+            Laboratory of Lean Satellite Enterprises and In-Orbit Experiment (LaSEINE), Kyutech
+          </a>
+        </p>
+      </div>
 
-    <div style="margin-top: 1rem;">
-      <strong>Join the Community</strong><br/>
-      <a href="{{site.telegram}}">Chat with us on Telegram</a><br/>
-      <a href="{{site.youtube}}">Watch us on YouTube</a><br/>
-      <a href="{{site.mailing_list}}">Join our monthly webinars</a>
-    </div>
-  </footer>
+      <!-- Column 2: Contribution -->
+      <div style="flex: 1 1 250px;">
+        <p style="margin-bottom: 0.3rem; font-weight: bold;">Contribute to Docs</p>
+        <p style="margin: 0.4rem 0;">
+          🛠️
+          <a href="https://birdsopensource.github.io/contribute" target="_blank" style="color: #333; text-decoration: none;">
+            Learn how to get involved
+          </a>
+        </p>
+        <p style="margin: 0.4rem 0;">
+          💬
+          <a href="https://github.com/orgs/BIRDSOpenSource/discussions/categories/general" target="_blank" style="color: #333; text-decoration: none;">
+            Submit feedback
+          </a>
+        </p>
+      </div>
+  
+      <!-- Column 3: Community & Newsletter -->
+      <div style="flex: 1 1 300px;">
+        <p style="margin-bottom: 0.3rem; font-weight: bold;">Join the Community</p>
+  
+        <!-- Telegram -->
+        <p style="margin: 0.4rem 0;">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" width="16" height="16" style="vertical-align: middle; margin-right: 6px; fill: #229ED9;">
+              <path d="M120 0C53.73 0 0 53.73 0 120s53.73 120 120 120 120-53.73 120-120S186.27 0 120 0zm56.07 82.72l-18.73 88.27c-1.42 6.3-5.2 7.84-10.53 4.88l-29.12-21.46-14.04 13.52c-1.55 1.54-2.85 2.85-5.83 2.85l2.08-29.5 53.64-48.45c2.33-2.05-.51-3.2-3.6-1.15l-66.3 41.73-28.54-8.92c-6.2-1.94-6.3-6.2 1.29-9.17l111.65-43.06c5.2-1.93 9.74 1.28 8.07 9.46z"/>
+            </svg>
+            <a href="{{site.telegram}}" target="_blank" style="color: #333; text-decoration: none;">
+              Chat on Telegram
+            </a>
+          </p>
+  
+        <!-- YouTube -->
+        <p style="margin: 0.4rem 0;">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style="vertical-align: middle; margin-right: 6px; fill: red;">
+              <path d="M23.498 6.186a2.897 2.897 0 0 0-2.038-2.049C19.663 3.5 12 3.5 12 3.5s-7.662 0-9.46.637a2.897 2.897 0 0 0-2.038 2.049C.5 8.02.5 12 .5 12s0 3.98.637 5.814a2.897 2.897 0 0 0 2.038 2.049C4.338 20.5 12 20.5 12 20.5s7.663 0 9.46-.637a2.897 2.897 0 0 0 2.038-2.049C23.5 15.98 23.5 12 23.5 12s0-3.98-.002-5.814zM9.75 15.568V8.432L15.818 12 9.75 15.568z"/>
+            </svg>
+            <a href="{{site.youtube}}" target="_blank" style="color: #333; text-decoration: none;">
+              Watch on YouTube
+            </a>
+          </p>
+  
+        <!-- Webinar -->
+        <p style="margin: 0.4rem 0;">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style="vertical-align: middle; margin-right: 6px; fill: #333;">
+              <path d="M21 4H3C1.9 4 1 4.9 1 6v9c0 1.1.9 2 2 2h4v2H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2h-2v-2h4c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2ZM3 15V6h18v9H3Zm10 2v2h-2v-2h2Zm-6-6h2v2H7v-2Zm3 0h2v2h-2v-2Zm3 0h2v2h-2v-2Z"/>
+            </svg>
+            <a href="{{site.mailing_list}}" target="_blank" style="color: #333; text-decoration: none;">
+              Join monthly webinars
+            </a>
+          </p>
+  
+        <!-- Newsletter Signup -->
+        <form action="https://lean-sat.org/opensource/" method="POST" style="margin-top: 1rem;">
+          <label for="email" style="display: block; margin-bottom: 0.5rem; font-weight: 500;">📬 Subscribe for Updates</label>
+          <input type="email" id="email" name="email" placeholder="you@example.com" required
+                 style="padding: 8px; width: 100%