Added the events masonry updated images.
BIN
public/events/masonry/1.png
Normal file
After Width: | Height: | Size: 1,016 KiB |
Before Width: | Height: | Size: 16 KiB |
BIN
public/events/masonry/2.png
Normal file
After Width: | Height: | Size: 672 KiB |
Before Width: | Height: | Size: 8.3 KiB |
BIN
public/events/masonry/3.png
Normal file
After Width: | Height: | Size: 1.6 MiB |
Before Width: | Height: | Size: 30 KiB |
BIN
public/events/masonry/4.png
Normal file
After Width: | Height: | Size: 632 KiB |
Before Width: | Height: | Size: 9.8 KiB |
BIN
public/events/masonry/5.png
Normal file
After Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 14 KiB |
BIN
public/events/masonry/6.png
Normal file
After Width: | Height: | Size: 604 KiB |
Before Width: | Height: | Size: 5.2 KiB |
BIN
public/events/masonry/7.png
Normal file
After Width: | Height: | Size: 932 KiB |
Before Width: | Height: | Size: 10 KiB |
BIN
public/events/masonry/8.png
Normal file
After Width: | Height: | Size: 1 MiB |
Before Width: | Height: | Size: 10 KiB |
BIN
public/events/masonry/9.png
Normal file
After Width: | Height: | Size: 1,017 KiB |
Before Width: | Height: | Size: 12 KiB |
|
@ -1,15 +1,15 @@
|
|||
---
|
||||
const {
|
||||
images = [
|
||||
"/events/masonry/1.webp",
|
||||
"/events/masonry/2.webp",
|
||||
"/events/masonry/3.webp",
|
||||
"/events/masonry/4.webp",
|
||||
"/events/masonry/5.webp",
|
||||
"/events/masonry/6.webp",
|
||||
"/events/masonry/7.webp",
|
||||
"/events/masonry/8.webp",
|
||||
"/events/masonry/9.webp",
|
||||
"/events/masonry/1.png",
|
||||
"/events/masonry/2.png",
|
||||
"/events/masonry/3.png",
|
||||
"/events/masonry/4.png",
|
||||
"/events/masonry/5.png",
|
||||
"/events/masonry/6.png",
|
||||
"/events/masonry/7.png",
|
||||
"/events/masonry/8.png",
|
||||
"/events/masonry/9.png",
|
||||
],
|
||||
} = Astro.props;
|
||||
---
|
||||
|
@ -32,7 +32,7 @@ const {
|
|||
</div>
|
||||
|
||||
<div
|
||||
class="middle-pane-big grid grid-cols-2 lg:flex lg:flex-nowrap gap-2 md:gap-[3px]"
|
||||
class="middle-pane-big grid grid-cols-2 lg:flex lg:flex-nowrap gap-2 md:gap-[3px]"
|
||||
>
|
||||
{
|
||||
images.slice(4).map((image, index) => (
|
||||
|
@ -80,15 +80,15 @@ class="middle-pane-big grid grid-cols-2 lg:flex lg:flex-nowrap gap-2 md:gap-[3px
|
|||
<script>
|
||||
let selectedIndex = 0;
|
||||
const images = [
|
||||
"/events/masonry/1.webp",
|
||||
"/events/masonry/2.webp",
|
||||
"/events/masonry/3.webp",
|
||||
"/events/masonry/4.webp",
|
||||
"/events/masonry/5.webp",
|
||||
"/events/masonry/6.webp",
|
||||
"/events/masonry/7.webp",
|
||||
"/events/masonry/8.webp",
|
||||
"/events/masonry/9.webp",
|
||||
"/events/masonry/1.png",
|
||||
"/events/masonry/2.png",
|
||||
"/events/masonry/3.png",
|
||||
"/events/masonry/4.png",
|
||||
"/events/masonry/5.png",
|
||||
"/events/masonry/6.png",
|
||||
"/events/masonry/7.png",
|
||||
"/events/masonry/8.png",
|
||||
"/events/masonry/9.png",
|
||||
];
|
||||
|
||||
function openModal(index) {
|
||||
|
|
|
@ -9,7 +9,6 @@ const members = core ? people.filter((p) => {
|
|||
// const filteredPeople = members.filter((p) => p.imageUrl).slice(0, 12);
|
||||
const filteredPeople = members.filter((p) => p.imageUrl);
|
||||
|
||||
console.log(filteredPeople)
|
||||
function personLink(person) {
|
||||
if (person.refs?.twitter) {
|
||||
return `https://twitter.com/${person.refs.twitter}`;
|
||||
|
|