Merge pull request #82 from ComplexData-MILA/new-reading-group

New reading group

Author: mptouzel

stamina/css/plain-style.css

@@ -84,4 +84,17 @@ font-size: 18pt;
         margin-left: 15px;
         margin-right: 15px;
     }
+}
+
+@media (min-width: 768px) {
+  .navbar-nav {
+    float: none;
+    display: inline-block;
+  }
+  .navbar-collapse {
+    text-align: center;
+  }
+  .navbar-brand:empty {
+    display: none;
+  }
 }

stamina/css/scrolling-nav.css

@@ -20,18 +20,21 @@ html {
         -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
         -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
         transition: background .5s ease-in-out,padding .5s ease-in-out;
+        float: none;
+        display: inline-block;
     }
 
     .top-nav-collapse {
         padding: 0;
+        text-align: center;
     }
 }
 
 /* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
-The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
+The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children
 of those sections to manage the look and feel of the site. */
 
-.some-section { 
+.some-section {
 /*     height: 200%; */
     padding-top: 50px;
 /*     text-align: center; */

stamina/index.html

@@ -62,49 +62,45 @@
   <!-- ============================================================
        HEADER / HERO IMAGE
        ============================================================ -->
-  <div class="header-banner">
-    <!-- Overlay Title -->
-    <div class="header-title">
-      <h1><b>STAMINA</b> <br> Working Group</h1>
-      <h4>
-        <b>S</b>ocial <b>T</b>ech <b>A</b>nd <b>M</b>odell<b>I</b>ng <br> for k<b>N</b>owledge & <b>A</b>ction
-      </h4>
-    </div>
+  <section class="some-section">
+
+    <div class="header-banner">
+      <!-- Overlay Title -->
+      <div class="header-title">
+        <h1><b>STAMINA</b> <br> Working Group</h1>
+        <h4><b>S</b>ocial <b>T</b>ech <b>A</b>nd <b>M</b>odell<b>I</b>ng <br> for k<b>N</b>owledge & <b>A</b>ction</h4>
+      </div>
 
-    <!-- Info Tooltip (bottom-right) -->
-    <div class="tooltip-container">
-      <a href="https://vimeo.com/244171658?fl=pl&fe=cm#t=20m15s" class="tooltip-trigger">?</a>
-      <div class="tooltip-box">
-          Learn about STAMINA in the About section below. Interested in the background image?
-          It's from the short film <a href="https://vimeo.com/244171658?fl=pl&fe=cm#t=20m15s">Delphi</a>.
+      <!-- Info Tooltip (bottom-right) -->
+      <div class="tooltip-container">
+        <a href="https://vimeo.com/244171658?fl=pl&fe=cm#t=20m15s" class="tooltip-trigger">?</a>
+        <div class="tooltip-box">
+            Learn about STAMINA in the About section below. Interested in the background image?
+            It's from the short film <a href="https://vimeo.com/244171658?fl=pl&fe=cm#t=20m15s">Delphi</a>.
+        </div>
       </div>
     </div>
-  </div>
 
   <!-- ============================================================
        MEETING INFO (edit placeholders below)
        ============================================================ -->
 
-                <!-- <h4 style="text-align:center">Every [Day] at [Time] [Timezone]</h4>
-                <h4 style="text-align:center">Join us via <a href="[ZOOM_LINK]">Zoom</a></h4> -->
-
-                <!-- Uncomment and fill in as needed:
-                <h5 style="text-align:center">Follow us on Twitter <a href="[TWITTER_LINK]">@stamina_rg</a></h5>
-                <h5 style="text-align:center">Follow us on Bluesky <a href="[BLUESKY_LINK]">@stamina_rg.bsky.social</a></h5>
-                <h5 style="text-align:center">Join our Slack: <a href="[SLACK_INVITE]">here</a></h5>
-                -->
-                <h5 style="text-align:center">Sign up to the mailing list to receive announcements about STAMINA activities: <a href="https://docs.google.com/forms/d/e/1FAIpQLSe2_x4mGANiUu0j6L9S5Wjk26Kk6q1vdQqsccaoM4Cfb-GMlg/viewform?usp=dialog" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/signup%20form-8A2BE2"></a></h5>
-                <h5 style="text-align:center">Suggest a speaker (yourself or others) to give a talk in our seminar series: <a href="https://docs.google.com/forms/d/e/1FAIpQLScNYXPRqVu7WRfRRcpOP2LwrdhRxumckq7uIuZ7J3HO7EdNKQ/viewform?usp=publish-editor" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/suggest%20form-8A2BE2"></a></h5>
-                <!-- <h5 style="text-align:center">Register the event in your <a href="[GOOGLE_CALENDAR]">Google Calendar</a>.</h5> -->
-                <h5 style="text-align:center"> Visit our Youtube Channel for past event recordings: <a href="https://www.youtube.com/@ComplexDataLab/" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/Youtube-Recording-orange"></a> </h5>
-
-            </div>
-          </div>
-        </div>
-      </div>
+    <div class="listing" style="clear:both;">
+      <!-- <h4 style="text-align:center">Every [Day] at [Time] [Timezone]</h4>
+      <h4 style="text-align:center">Join us via <a href="[ZOOM_LINK]">Zoom</a></h4> -->
+      <!-- Uncomment and fill in as needed:
+      <h5 style="text-align:center">Follow us on Twitter <a href="[TWITTER_LINK]">@stamina_rg</a></h5>
+      <h5 style="text-align:center">Follow us on Bluesky <a href="[BLUESKY_LINK]">@stamina_rg.bsky.social</a></h5>
+      <h5 style="text-align:center">Join our Slack: <a href="[SLACK_INVITE]">here</a></h5>
+      -->
+        <h5 style="text-align:center">Sign up to the mailing list to receive announcements about STAMINA activities: <a href="https://docs.google.com/forms/d/e/1FAIpQLSe2_x4mGANiUu0j6L9S5Wjk26Kk6q1vdQqsccaoM4Cfb-GMlg/viewform?usp=dialog" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/signup%20form-8A2BE2"></a></h5>
+        <h5 style="text-align:center">Suggest a speaker (yourself or others) to give a talk in our seminar series: <a href="https://docs.google.com/forms/d/e/1FAIpQLScNYXPRqVu7WRfRRcpOP2LwrdhRxumckq7uIuZ7J3HO7EdNKQ/viewform?usp=publish-editor" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/suggest%20form-8A2BE2"></a></h5>
+        <!-- <h5 style="text-align:center">Register the event in your <a href="[GOOGLE_CALENDAR]">Google Calendar</a>.</h5> -->
+        <h5 style="text-align:center"> Visit our Youtube Channel for past event recordings: <a href="https://www.youtube.com/@ComplexDataLab/" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/Youtube-Recording-orange"></a> </h5>
     </div>
   </section>
 
+
   <!-- ============================================================
        SECTION: ABOUT
        ============================================================ -->
@@ -136,6 +132,9 @@ <h3 style="text-align:center">About STAMINA</h3>
             <p style="text-align:justify; font-size:16px; line-height:1.6;">
               This Working Group emerged from the <a href="https://sites.google.com/view/social-sims-with-llms" target="_blank" rel="noopener noreferrer">LLM-based Social Simulation Workshop</a> at <a href="https://colmweb.org/">COLM</a> in Montreal.
             </p>
+            <p style="text-align:justify; font-size:16px; line-height:1.6;">
+            It is part of vision for a vibrant research community, alongside norms around research practise outlined in the pre-print, <a href="papers/puelmatouzel_CloseEvalGap.pdf" target="_blank" rel="noopener noreferrer">Time to Close The Validation Gap in LLM Social Simulations</a>.
+            </p>
           </div>
         </div>
       </div>