Skip to content

agenda + animations #146

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
gericci merged 1 commit into from
Jun 8, 2026
Merged

agenda + animations #146

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
3 changes: 3 additions & 0 deletions public/css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1848,6 +1848,9 @@ p.openfeedback {
margin-top: 2rem;
}




/* ----------------------------------------------------------------- */
/* -------------------------- GENERAL ---------------------------- */

Expand Down
6 changes: 6 additions & 0 deletions public/css/queries.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -191,6 +191,12 @@
transform: rotate(-10deg);
}
}

h2.with-favs {
display: flex;
justify-content: space-between;
align-items: center;
}
}


Expand Down
42 changes: 36 additions & 6 deletions src/components/FavoritesSwitch.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---

---
<div>
<label class="favorites-filter">
<input type="checkbox" id="filter-favorites" />
Mes favoris uniquement
</label>
</div>
<span class="switch-favorite">
<label class="favorites-filter">
<input type="checkbox" id="filter-favorites" />
Afficher mes favoris uniquement
</label>
</span>
<script is:inline>
(function () {
const STORAGE_KEY = "devlille_favorites";
Expand Down Expand Up @@ -58,3 +58,33 @@
});
})();
</script>
<style>

span.switch-favorite {
display: block;

& label {
font: 1.2rem var(--stack);
font-variation-settings: "wght" 400;
color: var(--text-high);
}

& input {
appearance: none;
position: relative;
top: 0.35em;
width: 1rem;
height: 1.3rem;
border: 1px solid #fff;
border-radius: 0.2em;
}

& input:checked {
background-color: var(--hot-color);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
border-color: var(--hot-color);
}
}

</style>
10 changes: 10 additions & 0 deletions src/components/SponsorActivities.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,17 @@ const activitiesByDay = Object.entries(byDayMap)
}

<style>
.activity-day ul {
margin: 1.5rem;
}

div.the-talks .activity-day li {
background-position: 0;
padding-left: 51px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M16 13V5H6V13C6 14.1046 6.89543 15 8 15H14C15.1046 15 16 14.1046 16 13ZM5 3H20C21.1046 3 22 3.89543 22 5V8C22 9.10457 21.1046 10 20 10H18V13C18 15.2091 16.2091 17 14 17H8C5.79086 17 4 15.2091 4 13V4C4 3.44772 4.44772 3 5 3ZM18 5V8H20V5H18ZM2 19H20V21H2V19Z'%3E%3C/path%3E%3C/svg%3E");
}
.partner-activities .activity-day h4 {
color: var(--light-cold);
margin-top: 1.5rem;
}
.partner-activities .activity-day strong {
Expand Down
2 changes: 1 addition & 1 deletion src/pages/agenda.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ const talksByDate = await createTalksCollectionsBydate();

<Layout title="Agenda /" currSection="agenda">
<div class="page-body">
<h2>
<h2 class="with-favs">
Agenda
<FavoritesSwitch />
</h2>
Expand Down
Loading