Merge pull request Women-Coding-Community#216 from goelsonali/study-g…

…roup-active Add active study group
lilyndk · May 15, 2024 · 9729a57 · 9729a57
2 parents f550175 + ab0c3a6
commit 9729a57
Show file tree

Hide file tree

Showing 3 changed files with 65 additions and 4 deletions.
diff --git a/_data/study_group.yml b/_data/study_group.yml
@@ -0,0 +1,28 @@
+- title: Data Analytics and Generative AI concepts
+  mentor: Kirthikka Devi Venkataram
+  description: The study group focuses more on the Data Analytics and Generative AI concepts and guiding on the insights across the span of industries upskilling on relevant knowledge and practical work.
+  participants: 3
+  status: active
+  linkedin: https://www.linkedin.com/in/kirthikka-devi-v
+  index: 1
+- title: Frontend Javascript
+  mentor: Stephanie Senoner
+  description: Project based study group, working towards a shared application (including SDLC introduction, gaining more experience in reviewing PR, git etc), with guidance on different aspects like testing, CI/CD.
+  participants: 2
+  status: active
+  linkedin: https://www.linkedin.com/in/stephanie-senoner
+  index: 2
+- title: Backend with Java and Rust
+  mentor: Liliia Rafikova
+  description: Focus on Java including the whole developing process with creating projects and push them to git doing pairing review.
+  participants: 5
+  status: active
+  linkedin: https://www.linkedin.com/in/liliia-rafikova-635328104/
+  index: 3
+- title: Fullstack - Reactjs,Nodejs and Backend in Java
+  mentor: Hersi Kopani
+  description: Focus on fullstack development using Java as backend
+  participants: 6
+  status: active
+  linkedin: https://www.linkedin.com/in/hersi-kopani
+  index: 4
diff --git a/_sass/custom/_card.scss b/_sass/custom/_card.scss
@@ -275,6 +275,21 @@
     }
 }
 
+.card-study {
+    border: 3px solid $border-color;
+    margin: 0 0 map-get($spacers, 3) 0;
+
+    h3 {
+        color: $link-color;
+    }
+    a {
+        &:hover {
+            text-decoration: underline;
+        }
+    }
+
+}
+
 .card-resource {
     a {
         &:hover {

diff --git a/program-study-group.html b/program-study-group.html
@@ -18,11 +18,29 @@
                     to expand your expertise, there's a study group for you.</p>
                 <p>These study groups typically last anywhere from 1-2 months to longer durations, allowing participants to
                     delve
-                    deeply into the subject matter and benefit from the guidance of experienced mentors.</p>
-                <p>Stay tuned for exciting news about upcoming study groups! We'll be announcing new opportunities soon, so
-                    be sure
-                    to check back frequently for updates.</p>
+                    deeply into the subject matter and benefit from the guidance of experienced mentors.</p>                    
             </section>
+            <section>
+                <h2> Active Study Groups </h2>
+                {% for stgroup in site.data.study_group %}
+                {% if stgroup.status == 'active' %}   
+                <div class="card-study card">                 
+                    <div class="row">                                              
+                        <div class="col-md-12">
+                            <div class="card-body">
+                                <h3>{{stgroup.title}}</h3>
+                                <p>Mentor: <a href="{{stgroup.linkedin}}" target="_blank">{{stgroup.mentor}} </a></p>
+                                <p>{{stgroup.description}}</p>        
+                                <p>Participants: {{stgroup.participants}}</p>
+                            </div>  
+                        </div>        
+                    </div>
+                </div>                   
+                {% endif %}
+                {% endfor %}
+                <p>We'll be announcing new opportunities soon, So come join us in our</p>
+                <p><a href="https://womencodingcommunity.slack.com/archives/C073W920RND" target="_blank"> Study Group Slack Channel</a></p>
+            </section>                      
         </div>
     </div>
 </div>