Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions stamina/css/plain-style.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
}
7 changes: 5 additions & 2 deletions stamina/css/scrolling-nav.css
Original file line number Diff line number Diff line change
Expand Up @@ -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; */
Expand Down
63 changes: 31 additions & 32 deletions stamina/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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
============================================================ -->
Expand Down Expand Up @@ -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>
Expand Down
Binary file added stamina/papers/puelmatouzel_CloseEvalGap.pdf
Binary file not shown.