pages: Add new pages for learning and study groups (#188)

xmnlab · web-flow · commit aea6ea7e18c1 · 2025-02-03T22:26:33.000-04:00
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -49,8 +49,12 @@ nav:
   - Partnership:
       - index: "partnership/index.md"
       - Partners: "partnership/partners/index.md"
-  - Events:
-      - index: events/index.md
+  - Learning:
+      - index: learning/index.md
+      - Events:
+          - index: learning/events/index.md
+      - Study Groups:
+          - index: learning/study-groups/index.md
   - About:
       - index: "about/index.md"
       - About OSL: "about/index.md"
diff --git a/pages/index.md b/pages/index.md
@@ -57,10 +57,19 @@ initiatives:
 <section id="home" class="p-5 text-center bg-light welcome-section">
   <div class="overlay px-0 py-4">
     <div class="container p-0">
-      <h1>Welcome to the <span class="bg-light text-warning rounded">Open Science Labs</span></h1>
+      <h1>
+        <span class="bg-dark text-white rounded">
+          Welcome to the
+        </span>
+        <span class="bg-warning text-light rounded">
+          Open Science Labs
+        </span>
+      </h1>
       <h2>
-        Fostering innovation and collaboration with open science and open
-        source.
+        <span class="bg-secondary text-ligh rounded">
+          Fostering innovation and collaboration with open science and open
+          source.
+        </span>
       </h2>
     </div>
   </div>
@@ -90,9 +99,9 @@ initiatives:
   </div>
 </section>
 
-<section id="initiatives" class="p-5 bg-light">
+<section id="initiatives" class="p-5 bg-light text-black-50">
   <div class="container">
-    <h2 class="text-center">Our Main Initiatives</h2>
+    <h2 class="text-center text-dark">Our Main Initiatives</h2>
     <p>
       Discover Our Main Initiatives at Open Science Labs, where we champion
       the advancement of scientific research and technology through a
@@ -109,7 +118,7 @@ initiatives:
       <div class="col">
         <div class="card m-0 p-0">
           <div class="card-body m-0">
-            <h5 class="card-title">Community</h5>
+            <h5 class="card-title text-dark">Community</h5>
             <p class="card-text fw-lighter">
               Whether you're here to learn, share, or contribute, you'll find
               a supportive space to explore open science and technology.
@@ -121,15 +130,15 @@ initiatives:
               class="btn btn-success"
               target="_blank"
             >
-              Join our Discord server
+              Join us on Discord
             </a>
           </div>
         </div>
       </div>
       <div class="col">
         <div class="card m-0 p-0">
           <div class="card-body m-0">
-            <h5 class="card-title">Internship Program</h5>
+            <h5 class="card-title text-dark">Internship Program</h5>
             <p class="card-text fw-lighter">
               Offering hands-on experience in open source projects, fostering
               learning, and contributing to the community.
@@ -145,7 +154,7 @@ initiatives:
       <div class="col">
         <div class="card m-0 p-0">
           <div class="card-body m-0">
-            <h5 class="card-title">Project Affiliation</h5>
+            <h5 class="card-title text-dark">Project Affiliation</h5>
             <p class="card-text fw-lighter">
               Supporting and promoting open source projects aligned with our
               mission, providing visibility and resources.
@@ -159,7 +168,7 @@ initiatives:
       <div class="col">
         <div class="card m-0 p-0">
           <div class="card-body m-0">
-            <h5 class="card-title">Incubator Program</h5>
+            <h5 class="card-title text-dark">Incubator Program</h5>
             <p class="card-text fw-lighter">
               Nurturing innovative open source projects, providing the support
               and resources needed to evolve ideas into impactful solutions
@@ -176,23 +185,19 @@ initiatives:
       <div class="col">
         <div class="card m-0 p-0">
           <div class="card-body m-0">
-            <h5 class="card-title">Study Groups</h5>
+            <h5 class="card-title text-dark">Study Groups</h5>
             <p class="card-text fw-lighter">
-              We encourage the community to organize study groups
-              to foster a collaborative environment for learning
-              and sharing. Currently, OSL, sponsored by LiteRev,
-              hosts a study group dedicated to enhancing
-              problem-solving skills through the Advent of Code
-              challenges.
+              Join Open Science Labs study groups to engage, learn, and
+              collaborate on diverse topics around open science and
+              technologies.
             </p>
           </div>
           <div class="card-footer m-0">
             <a
-              href="https://opensciencelabs.org/discord"
-              class="btn btn-success"
-              target="_blank"
+              href="/learning/study-groups"
+              class="btn btn-primary"
             >
-              Join our Discord server
+              Learn More
             </a>
           </div>
         </div>
@@ -202,7 +207,7 @@ initiatives:
           <div class="card-body m-0">
             <h5 class="card-title">Blog</h5>
             <p class="card-text fw-lighter">
-              Our blog features contributions from our vibrant community,
+              Our blog features contributions from our community,
               showcasing project updates, innovative research findings, and
               expert opinions to inspire and inform.
             </p>
@@ -235,9 +240,9 @@ initiatives:
   </div>
 </section>
 
-<section id="affiliation" class="p-5 bg-light">
+<section id="affiliation" class="p-5 bg-light text-black-50">
   <div class="container">
-    <h2 class="text-center">Project Affiliation</h2>
+    <h2 class="text-center text-dark">Project Affiliation</h2>
     <p>
       The Project Affiliation program at Open Science Labs is designed to
       foster collaboration and growth among open science and open source
@@ -274,15 +279,15 @@ initiatives:
         class="btn btn-success"
         target="_blank"
       >
-        Join our Discord server
+        Join us on Discord
       </a>
     </div>
   </div>
 </section>
 
-<section id="partnership" class="p-5 bg-light">
+<section id="partnership" class="p-5 bg-light text-black-50">
   <div class="container">
-    <h2 class="text-center">Partnership</h2>
+    <h2 class="text-center text-dark">Partnership</h2>
     <div>
       <p>
         The Partner Program at Open Science Labs is designed to forge
diff --git a/pages/learning/events/index.md b/pages/learning/events/index.md
diff --git a/pages/learning/index.md b/pages/learning/index.md
@@ -0,0 +1,51 @@
+---
+title: Learning
+date: 2025-02-02
+authors: ["OSL Team"]
+template: single-sidebar.html
+---
+
+# Learning at Open Science Labs
+
+Welcome to the Learning section of Open Science Labs, where we are committed to
+fostering an environment of continuous education and community engagement. This
+section of our website is dedicated to providing resources, organizing study
+groups, and hosting events that enhance learning opportunities in the fields of
+open science and technology.
+
+## Events
+
+Our **Events** page is your gateway to both past and upcoming events organized
+by Open Science Labs. From workshops to seminars and webinars, you can find
+information on a variety of gatherings that aim to educate and inspire. Whether
+you're looking to attend your first open-source workshop or a seasoned
+professional eager to engage with new ideas, our events cater to all levels of
+expertise.
+
+Check out our [Events](/learning/events) page for more details on how you can
+participate.
+
+## Study Groups
+
+Study Groups at Open Science Labs offer participants a unique opportunity to
+learn collaboratively in a supportive environment. Moderated by experienced
+members of the community, these groups cover a wide range of topics, from coding
+challenges to data science research. Each study group aims to enhance
+problem-solving skills and deepen understanding of specific subjects.
+
+Learn more and join a study group by visiting our
+[Study Groups](/learning/study-groups) page.
+
+## Resources (Coming Soon)
+
+We are also working on curating a comprehensive list of **Resources** that will
+be beneficial for your learning journey. This will include tutorials, course
+materials, recommended readings, and more, all accessible through our website.
+This new section will support your learning needs by providing trusted,
+high-quality educational materials.
+
+Stay tuned for updates on the Resources page, which we will launch soon.
+
+Whether you're looking to deepen your knowledge, share your expertise, or find
+new ways to engage with the community, the Learning section of Open Science Labs
+is here to support your growth and exploration in open science and technology.
diff --git a/pages/learning/study-groups/index.md b/pages/learning/study-groups/index.md
@@ -0,0 +1,85 @@
+---
+title: Study Groups
+date: 2025-02-02
+authors: ["OSL Team"]
+template: single-sidebar.html
+---
+
+# Study Groups at Open Science Labs
+
+## About Our Study Groups
+
+At Open Science Labs, we encourage the formation of study groups to create a
+collaborative environment where members can learn and share knowledge on various
+topics. Whether you're looking to improve your problem-solving skills or dive
+into new technological realms, our study groups offer a place to grow alongside
+peers under the guidance of experienced moderators.
+
+## Current Study Groups
+
+### Advent of Code
+
+Currently, sponsored by LiteRev, we host a study group focused on enhancing
+problem-solving skills through the
+[**Advent of Code challenges**](https://adventofcode.com/). This initiative
+provides an engaging way to tackle interesting programming problems and improve
+your coding proficiency.
+
+- **Level**: _Advanced_
+- **Discord Channel**: _stdy-advent-of-code_
+- **Frequency**: _Weekly meetings_
+
+* **Date**: _Every Wednesday at 12:00PM (GMT-4)_
+* **Video Call Link**: <https://meet.google.com/tve-rtvp-tqa>
+
+### Python 101 Challenges
+
+For those just stepping into the world of Python, we're excited to announce the
+upcoming "Python 101 Challenges" study group. This beginner-level group is
+designed to help you tackle fundamental Python problems, making it an ideal
+starting point for those new to coding.
+
+- **Level**: _Beginner_
+- **Planned Start Date**: _Week of February 10, 2025_
+- **Frequency**: _Weekly meetings_
+- **Initial Challenge Source**:
+  [101 Computing Python Challenges](https://www.101computing.net/python-challenges-for-beginners/)
+  (subject to confirmation)
+- **More Details**: To be announced
+
+Stay tuned for additional information including the exact meeting times, the
+official challenge list, and the dedicated Discord channel. Whether you're
+looking to understand Python basics or get a taste of real-world programming,
+this study group will provide the guidance and community support you need to
+kickstart your coding journey.
+
+### Join a Study Group
+
+Interested in joining one of our active study groups? Connect with us on
+[Discord](https://opensciencelabs.org/discord), click on **"Browse Channels"**,
+and select the **study-groups** category to see all available groups.
+
+### Start Your Own Study Group
+
+If you're interested in starting a new study group, we would love to support
+you! Please send an email to
+[team@opensciencelabs.org](mailto:team@opensciencelabs.org) with the following
+information:
+
+- **Moderator Details:** Name, email, and Discord username.
+- **Group Name:** What will your study group be called?
+- **Description:** What will your group focus on?
+- **Target Audience:** Who should join your group?
+- **Language:** Which language(s) will your group operate in?
+- **Schedule:** Date, time, timezone, duration, and frequency of meetings.
+- **Video Call Link:** Where will your meetings take place? (e.g., Google Meet,
+  Zoom, or a dedicated Discord video call room).
+- **Google Calendar Link:** (Optional) If you have a public Google Calendar,
+  include a link for easy scheduling.
+
+For assistance setting up a video call room on Discord or any other inquiries,
+don't hesitate to reach out to us!
+
+<a href="https://opensciencelabs.org/discord"
+  class="btn btn-success"
+  target="_blank">Join us on Discord</a>
diff --git a/theme/base.html b/theme/base.html
@@ -106,11 +106,6 @@
           {% endfor %}
           {% endif %}
         </div>
-        <!--
-        <div class="follow">
-          <div class=color_mode><input type=checkbox class=color_choice id=mode></div>
-        </div>
-        -->
       </nav>
       <nav class="nav d-none d-sm-none d-md-block">
         <div class='nav_body nav_extra extra'>
@@ -293,7 +288,10 @@
             src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" />
         </a>
       </div>
-      <div class="footer_inner wrap pale"><p>Copyright&nbsp;<span class=year></span>&nbsp;Open Science Labs.</p></div>
+      <div class="footer_inner wrap pale">
+        <p>Copyright&nbsp;<span class=year></span>&nbsp;Open Science Labs.</p>
+        <div class=color_mode><input type=checkbox class=color_choice id=mode></div>
+      </div>
     </footer>
     <script type="text/javascript" src="/js/bundle.js"></script>
     <script src="/js/search.min.js"></script>
diff --git a/theme/home.html b/theme/home.html
@@ -62,7 +62,7 @@ <h2 class="text-center">Our Partners</h2>
         </div>
         <div class="card-footer m-0">
           <a href="{{ partner.url }}">
-            <h5 class="card-title"><strong>{{ partner.name }}</strong></h5>
+            <h5 class="card-title text-dark"><strong>{{ partner.name }}</strong></h5>
           </a>
         </div>
       </div>
