diff --git a/stamina/css/plain-style.css b/stamina/css/plain-style.css index fb53191..f846db1 100644 --- a/stamina/css/plain-style.css +++ b/stamina/css/plain-style.css @@ -11,3 +11,77 @@ border: 3px solid gray; background-color: #F8F8F8; font-size: 18pt; } + +.header-banner { + position: relative; + width: 100%; + max-width: 730px; /* matches Bootstrap col-sm-8 container width */ + margin: 0 auto; /* centers it */ + min-height: 300px; + background-image: url('../images/delphi.png'); + background-size: cover; + background-position: center; + display: flex; + align-items: center; + justify-content: center; +} + +.header-title { + color: white; + font-weight: bold; + text-align: center; + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); + padding: 40px 20px; +} + +.header-title h1, +.header-title h4 { + text-align: center; +} + +/* Tooltip styles */ +.tooltip-container { + position: absolute; + bottom: 8px; + right: 8px; +} + +.tooltip-trigger { + width: 24px; + height: 24px; + border-radius: 50%; + border: 1.5px solid rgba(255, 255, 255, 0.7); + background: transparent; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + color: rgba(255, 255, 255, 0.8); + font-size: 14px; + font-weight: bold; +} + +.tooltip-box { + position: absolute; + bottom: 32px; + right: 0; + background: rgba(0, 0, 0, 0.85); + color: white; + padding: 10px 14px; + border-radius: 6px; + font-size: 13px; + width: 200px; + opacity: 0; + visibility: hidden; + transition: opacity 0.2s, visibility 0.2s; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); +} + +/* Responsive adjustments */ +@media (max-width: 768px){ + .header-banner { + min-height: 250px; + margin-left: 15px; + margin-right: 15px; + } +} \ No newline at end of file diff --git a/stamina/index.html b/stamina/index.html index 6c66aba..ca472a1 100644 --- a/stamina/index.html +++ b/stamina/index.html @@ -62,72 +62,24 @@ - + -
Sign up to the mailing list to receive announcements about STAMINA activities:
-
Suggest a speaker (yourself or others) to give a talk in our seminar series:
+
Sign up to the mailing list to receive announcements about STAMINA activities:
+
Suggest a speaker (yourself or others) to give a talk in our seminar series:
-
Visit our Youtube Channel for past event recordings:
+
Visit our Youtube Channel for past event recordings:
@@ -182,7 +134,7 @@

About STAMINA

- This Working Group emerged from the LLM-based Social Simulation Workshop at COLM in Montreal. + This Working Group emerged from the LLM-based Social Simulation Workshop at COLM in Montreal.

@@ -375,13 +327,13 @@

With Support From:

- Mila + Mila
- ivado + ivado
- fli + fli