Longer description

jkseppan · jkseppan · commit 23e71afa1c16 · 2025-05-31T11:43:42.000+03:00
diff --git a/index.html b/index.html
@@ -4,15 +4,29 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="description" content="A group of Python and data enthusiasts in Helsinki, Finland.">
-<link rel="stylesheet" href="style.css?v=2">
+<link rel="stylesheet" href="style.css?v=3">
 <body>
+    <hgroup>
     <h1>PyData Helsinki</h1>
+    <p>A group of Python and data enthusiasts in Helsinki, Finland</p>
+    </hgroup>
+    <h2>About</h2>
     <p>
-        A group of Python and data enthusiasts in Helsinki, Finland.
+        This meetup is for those who work or aspire to work in fields like
+        machine learning, data engineering, MLOps, visualization, and statistical modeling.
+        We share real-world experiences about solving problems in these fields using open-source tools,
+        including but not limited to Python and its libraries – users of R, Julia or other languages are welcome.
+    </p>
+    <p>
+        We welcome speakers to talk about these tools and experiences using them, regardless of the level (beginner, intermediate, advanced are welcome).
+        The usual talk is about half an hour long, but lightning talks of 5–10 minutes are great too!
+        Occasionally we will include a debate! Come with a thought-provoking question or a hot take,
+        and we'll set up a discussion where everyone can take part.
     </p>
     <ul>
-         <li><a href="https://www.meetup.com/pydata-helsinki/">Meetup</a></li>
-        <li>Join us on <a href="https://helsinki-python.github.io/discord">the Helsinki Python Discord</a></li>
+        <li>Sign up for our events via <a href="https://www.meetup.com/pydata-helsinki/" rel="me">Meetup</a></li>
+        <li>Join the conversation on <a href="https://helsinki-python.github.io/discord">the Helsinki Python Discord</a></li>
+        <!-- <li>Contact us via <a href="mailto:...">email</a></li> -->
     </ul>
     <h2>Sponsors</h2>
     <ul>
@@ -42,13 +56,15 @@ <h2>Organisers</h2>
         <li>Niko Föhr</li>
     </ul>
     
+    <footer>
     <h2>About PyData</h2>
     <p>
         PyData is an educational program of NumFOCUS, a 501(c)3 non-profit organization in the United States. PyData provides a forum for the international community of users and developers of data analysis tools to share ideas and learn from each other. The global PyData network promotes discussion of best practices, new approaches, and emerging technologies for data management, processing, analytics, and visualization. PyData communities approach data science using many languages, including (but not limited to) Python, Julia, and R.
     </p>
     <p>
         The PyData Code of Conduct governs this meetup. To discuss any issues or concerns relating to the code of conduct or the behavior of anyone at a PyData meetup, please contact the local group organizers (message us on the meetup page). Please also submit a report of any potential Code of Conduct violation <a href="https://numfocus.typeform.com/to/ynjGdT">directly to NumFOCUS</a>. Thank you for helping us to maintain a welcoming and friendly PyData community!
     </p>
+    </footer>
         
 </body>
 </html>
diff --git a/style.css b/style.css
@@ -2,6 +2,7 @@
     --primary-color: #398BAB;
     --secondary-color: #E87C32;
     --text-color: #333;
+    --secondary-text-color: color-mix(in srgb, var(--text-color) 60%, var(--secondary-color) 40%);
     --background-color: #f9f9f9;
     --max-width: 800px;
     --font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -53,6 +54,12 @@ h1 {
     padding-bottom: 0.5rem;
 }
 
+hgroup > p {
+    font-size: 1.1rem;
+    margin-bottom: 2rem;
+    color: var(--secondary-text-color);
+}
+
 h2 {
     font-size: 1.8rem;
 }
@@ -79,6 +86,27 @@ a:hover {
     text-decoration: underline;
 }
 
+footer {
+    margin-top: 3rem;
+    padding-top: 1.5rem;
+    border-top: 1px solid var(--secondary-color);
+    font-size: 0.9rem;
+    color: var(--secondary-text-color);
+
+    h2 {
+        font-size: 1.5rem;
+        margin-top: 0;
+    }
+
+    p {
+        margin-bottom: 1rem;
+    }
+
+    a {
+        color: var(--primary-color);
+    }
+}
+
 @media (max-width: 600px) {
     h1 {
         font-size: 2rem;
