fix: page

Author: SilenLoc

page/index.html

@@ -19,7 +19,7 @@
 
 body {
     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-    line-height: 1.6;
+    line-height: 1.4;
     color: var(--rust-light);
     background-color: var(--rust-dark);
     max-width: 900px;
@@ -35,10 +35,10 @@
 h5,
 h6 {
     color: var(--rust-orange);
-    margin-top: 1.5em;
-    margin-bottom: 0.5em;
+    margin-top: 1.3em;
+    margin-bottom: 0.4em;
     font-weight: 600;
-    line-height: 1.3;
+    line-height: 1.2;
 }
 
 h1 {
@@ -87,7 +87,7 @@
 }
 
 a:hover {
-    border-bottom-color: var(--rust-link);
+    border-bottom-color: var(--rust-gray);
 }
 
 /* Lists */
@@ -185,14 +185,27 @@
 h6 code {
     font-size: 0.9em;
 }
-</style></head><title>Rust Basel Meetups</title><div id="0"><h2>Opensource Contributions Meetup</h2></div><div><h3>Address</h3><p>Barfüsserplatz 6</p><p>Basel</p><p>4051</p><p>Switzerland</p><p>Level 4 - Optravis Headquarter</p></div><h3>Sponsors</h3><div><p>Optravic LLC</p><a href="http://optravis.com">http://optravis.com</a><p></p></div><div><h3>Opensource Contribution Meetup</h3>
+</style></head><title>Rust Basel Meetups</title><a href="https://rust-basel.ch"><h1>Rust Basel | Meetups | Workshops</h1></a><div><input type="search" id="search" placeholder="Search Meetups"><button>Search</button></div><div id="0"><h2>Opensource Contributions Meetup | ? | 0</h2></div><div><p>Level 4 - Optravis Headquarter | Barfüsserplatz 6 | Basel | 4051</p></div><h3>Sponsors</h3><div><p>Optravic LLC</p><a href="http://optravis.com">http://optravis.com</a><p></p></div><div><h3>Meetup</h3>
 <p>Welcome to the first Rust Basel meetup focused on open source contributions!</p>
+<h3>Featured Projects and Issues</h3>
+<h4>Issues</h4>
+<ul>
+<li><a href="https://github.com/vleue/vleue_navigator/issues/106">https://github.com/vleue/vleue_navigator/issues/106</a></li>
+</ul>
+<h4>Repositories</h4>
+<ul>
+<li><a href="https://github.com/BloopAI/vibe-kanban">https://github.com/BloopAI/vibe-kanban</a></li>
+<li><a href="https://github.com/ironcalc/IronCalc">https://github.com/ironcalc/IronCalc</a></li>
+<li><a href="https://github.com/rust-basel/cli">https://github.com/rust-basel/cli</a></li>
+<li>Create your own Rust Open Source Project</li>
+</ul>
 <h3>Teambuilding</h3>
-<p>Build a team of two or three people.
-Teams with three people might want to make sure that at least one person has some prior experience with Rust.</p>
-<h3>Choose a project</h3>
-<p>First decide what option you want to pursue:</p>
-<p>Options:</p>
+<ul>
+<li>We vote on which projects people want to work on.</li>
+<li>If more than three people want to work on the same project, we split the team into two teams.</li>
+<li>Make your spaces.</li>
+</ul>
+<h3>We vote on which ones are left over</h3>
 <ul>
 <li>Contribute to an existing Rust Open Source Project</li>
 <li>Start your own Open Source Project that integrates with Software via some Protocols or APIs
@@ -207,34 +220,123 @@ <h3>Choose a project</h3>
 </li>
 </ul>
 <h4>Solving Tickets</h4>
-<p>Make sure to first decide on the technical branch you are maybe intersted in:</p>
-<ul>
-<li>Embedded</li>
-<li>WebDev</li>
-<li>CLI</li>
-<li>GUI</li>
-<li>Databases</li>
-<li>ServerFrameworks</li>
-<li>Blockchain</li>
-</ul>
-<p>Then search what projects exitst in that area, see if there are any open tickets.
-What to look out for:</p>
+<p>What to look out for:</p>
 <ul>
 <li>Tickets with Help Wanted Label</li>
 <li>Tickets with Good First Issue Label</li>
 </ul>
-<h4>Integrating with Projects</h4>
-<p>Normally you use some software that can be extended in some way or support interactions over some protocol or API.
-Think about what software you use on a daily basis, or what software you would like to use but is missing some maybe a ui or a cli.</p>
-<h3>Projects and Issues</h3>
-<h4>Issues</h4>
-<ul>
-<li><a href="https://github.com/vleue/vleue_navigator/issues/106">https://github.com/vleue/vleue_navigator/issues/106</a></li>
-</ul>
-<h4>Repositories</h4>
-<ul>
-<li><a href="https://github.com/BloopAI/vibe-kanban">https://github.com/BloopAI/vibe-kanban</a></li>
-<li><a href="https://github.com/ironcalc/IronCalc">https://github.com/ironcalc/IronCalc</a></li>
-<li><a href="https://github.com/rust-basel/cli">https://github.com/rust-basel/cli</a></li>
-</ul>
-</div>
+</div><script>/**
+ * Automatically jumps to elements based on search input field changes
+ * Searches through all text content in the page and scrolls to the first match
+ */
+(function () {
+  // Find all input fields with type="search" or role="search" or class containing "search"
+  const searchInputs = document.querySelectorAll("search");
+
+  // If no search inputs found, create a listener for any input field
+  const inputs =
+    searchInputs.length > 0
+      ? searchInputs
+      : document.querySelectorAll("search");
+
+  /**
+   * Highlights matching text in the document
+   */
+  function highlightText(text) {
+    // Remove previous highlights
+    document.querySelectorAll(".search-highlight").forEach((el) => {
+      const parent = el.parentNode;
+      parent.replaceChild(document.createTextNode(el.textContent), el);
+      parent.normalize();
+    });
+
+    if (!text || text.length < 2) return null;
+
+    // Find all text nodes in the document
+    const walker = document.createTreeWalker(
+      document.body,
+      NodeFilter.SHOW_TEXT,
+      {
+        acceptNode: function (node) {
+          // Skip script, style, and input elements
+          if (node.parentElement.matches("script, style, input, textarea")) {
+            return NodeFilter.FILTER_REJECT;
+          }
+          return NodeFilter.FILTER_ACCEPT;
+        },
+      },
+    );
+
+    let node;
+    let firstMatch = null;
+    const textLower = text.toLowerCase();
+
+    while ((node = walker.nextNode())) {
+      const nodeText = node.textContent;
+      const nodeLower = nodeText.toLowerCase();
+      const index = nodeLower.indexOf(textLower);
+
+      if (index !== -1) {
+        // Create highlighted version
+        const before = nodeText.substring(0, index);
+        const match = nodeText.substring(index, index + text.length);
+        const after = nodeText.substring(index + text.length);
+
+        const highlight = document.createElement("mark");
+        highlight.className = "search-highlight";
+        highlight.textContent = match;
+        highlight.style.backgroundColor = "#ce422b";
+        highlight.style.color = "#ffffff";
+        highlight.style.padding = "2px 4px";
+        highlight.style.borderRadius = "2px";
+
+        const fragment = document.createDocumentFragment();
+        fragment.appendChild(document.createTextNode(before));
+        fragment.appendChild(highlight);
+        fragment.appendChild(document.createTextNode(after));
+
+        node.parentNode.replaceChild(fragment, node);
+
+        if (!firstMatch) {
+          firstMatch = highlight;
+        }
+      }
+    }
+
+    return firstMatch;
+  }
+
+  /**
+   * Jumps to the first matching element
+   */
+  function jumpToMatch(searchText) {
+    const firstMatch = highlightText(searchText);
+
+    if (firstMatch) {
+      firstMatch.scrollIntoView({
+        behavior: "smooth",
+        block: "center",
+      });
+      return true;
+    }
+    return false;
+  }
+
+  // Add event listeners to all search inputs
+  inputs.forEach((input) => {
+    let debounceTimer;
+
+    input.addEventListener("input", function (e) {
+      clearTimeout(debounceTimer);
+
+      // Debounce to avoid excessive processing while typing
+      debounceTimer = setTimeout(() => {
+        const searchText = e.target.value.trim();
+        jumpToMatch(searchText);
+      }, 300);
+    });
+  });
+
+  console.log(`Search-to-jump initialized on ${inputs.length} input field(s)`);
+})();
+</script>

public/meetups.toml

@@ -1,16 +1,16 @@
 [[meetups]]
 id = 0
 title = "Opensource Contributions Meetup"
-date = "?"
-description = "In this meetup we will build teams to contribute to or create opensource software, you will get support in doing so"
+date = "11.02.2026"
+description = "In this meetup we will contribute to or create opensource software as teams, you will get support in doing so"
 markdown_name = "opensource_0.md"
 
 [meetups.address]
 street = "Barfüsserplatz 6"
 city = "Basel"
 postal_code = "4051"
 country = "Switzerland"
-description = "Level 4 - Optravis Headquarter"
+description = "Optravis Headquarter - Level 4"
 
 [[meetups.sponsors]]
 name = "Optravic LLC"

public/meetups/opensource_0.md

@@ -2,33 +2,42 @@
 
 Welcome to the first Rust Basel meetup focused on open source contributions!
 
-### Featured Projects and Issues
+### Projects and Issues
 
 #### Issues
 - https://github.com/vleue/vleue_navigator/issues/106
+- maybe you have an issue already
 
 #### Repositories
 - https://github.com/BloopAI/vibe-kanban
 - https://github.com/ironcalc/IronCalc
 - https://github.com/rust-basel/cli
+- your ideas
 - Create your own Rust Open Source Project
 
 ### Teambuilding
 
 - We vote on which projects people want to work on.
-- If more than three people want to work on the same project, we split the team into two teams.
-- Make your spaces.
-
-### We vote on which ones are left over
-
-  - Contribute to an existing Rust Open Source Project
-  - Start your own Open Source Project that integrates with Software via some Protocols or APIs
-      - Open Source Software
-      - Proprietary Software (Please be aware of Licenses and Terms of Service restrictions)
+- If more than three people want to work on the same project, split the team into two teams.
+- Oranize yourself in physical space
 
 
-#### Solving Tickets
+#### Tips for contributing
+
+ - Check tickets with Help Wanted Label
+ - Check tickets with Good First Issue Label
+ - Reproducing a bug is also contributing
+ - Be nice
 
-What to look out for:
- -  Tickets with Help Wanted Label
- -  Tickets with Good First Issue Label
+ #### When starting your own project
+ 
+ - think about one feature and only implement that in this session
+ 
+ - try to use cargo commands to get things done
+  - cargo init
+  - cargo add <dependency>
+  - cargo run
+  - cargo test
+  - cargo fmt
+  - cargo clippy --fix
+  - cargo install --path .

public/page.css

@@ -19,7 +19,7 @@
 
 body {
     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-    line-height: 1.6;
+    line-height: 1.4;
     color: var(--rust-light);
     background-color: var(--rust-dark);
     max-width: 900px;
@@ -35,10 +35,10 @@ h4,
 h5,
 h6 {
     color: var(--rust-orange);
-    margin-top: 1.5em;
-    margin-bottom: 0.5em;
+    margin-top: 1.3em;
+    margin-bottom: 0.4em;
     font-weight: 600;
-    line-height: 1.3;
+    line-height: 1.2;
 }
 
 h1 {
@@ -87,7 +87,7 @@ a {
 }
 
 a:hover {
-    border-bottom-color: var(--rust-link);
+    border-bottom-color: var(--rust-gray);
 }
 
 /* Lists */

src/meetups/mod.rs

@@ -1,4 +1,3 @@
-use maud::Markup;
 use serde::{Deserialize, Serialize};
 
 pub mod init;
@@ -37,16 +36,13 @@ pub struct Address {
     pub description: Option<String>,
 }
 
-
-
 #[derive(Debug, Deserialize, Serialize, Clone)]
 pub struct Sponsor {
     pub name: String,
     pub website: Option<String>,
     pub content: Option<String>,
 }
 
-
 impl Meetup {
     fn default_with_id(id: u32) -> Self {
         let title = format!("Meetup {}", id);

src/meetups/website/md.rs

@@ -25,7 +25,7 @@ pub fn single_markdown_to_html(meetup: Meetup, markdown: String) -> maud::Markup
     html! {
 
         div id=(meetup.id) {
-            h2 {(meetup.title)}
+            h2 {(meetup.title) " | " (meetup.date) " | " (meetup.id)}
         }
         (address_html)
         (sponsor_html)