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 {
|
const {
|
||||||
images = [
|
images = [
|
||||||
"/events/masonry/1.webp",
|
"/events/masonry/1.png",
|
||||||
"/events/masonry/2.webp",
|
"/events/masonry/2.png",
|
||||||
"/events/masonry/3.webp",
|
"/events/masonry/3.png",
|
||||||
"/events/masonry/4.webp",
|
"/events/masonry/4.png",
|
||||||
"/events/masonry/5.webp",
|
"/events/masonry/5.png",
|
||||||
"/events/masonry/6.webp",
|
"/events/masonry/6.png",
|
||||||
"/events/masonry/7.webp",
|
"/events/masonry/7.png",
|
||||||
"/events/masonry/8.webp",
|
"/events/masonry/8.png",
|
||||||
"/events/masonry/9.webp",
|
"/events/masonry/9.png",
|
||||||
],
|
],
|
||||||
} = Astro.props;
|
} = Astro.props;
|
||||||
---
|
---
|
||||||
|
@ -32,7 +32,7 @@ const {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<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) => (
|
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>
|
<script>
|
||||||
let selectedIndex = 0;
|
let selectedIndex = 0;
|
||||||
const images = [
|
const images = [
|
||||||
"/events/masonry/1.webp",
|
"/events/masonry/1.png",
|
||||||
"/events/masonry/2.webp",
|
"/events/masonry/2.png",
|
||||||
"/events/masonry/3.webp",
|
"/events/masonry/3.png",
|
||||||
"/events/masonry/4.webp",
|
"/events/masonry/4.png",
|
||||||
"/events/masonry/5.webp",
|
"/events/masonry/5.png",
|
||||||
"/events/masonry/6.webp",
|
"/events/masonry/6.png",
|
||||||
"/events/masonry/7.webp",
|
"/events/masonry/7.png",
|
||||||
"/events/masonry/8.webp",
|
"/events/masonry/8.png",
|
||||||
"/events/masonry/9.webp",
|
"/events/masonry/9.png",
|
||||||
];
|
];
|
||||||
|
|
||||||
function openModal(index) {
|
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).slice(0, 12);
|
||||||
const filteredPeople = members.filter((p) => p.imageUrl);
|
const filteredPeople = members.filter((p) => p.imageUrl);
|
||||||
|
|
||||||
console.log(filteredPeople)
|
|
||||||
function personLink(person) {
|
function personLink(person) {
|
||||||
if (person.refs?.twitter) {
|
if (person.refs?.twitter) {
|
||||||
return `https://twitter.com/${person.refs.twitter}`;
|
return `https://twitter.com/${person.refs.twitter}`;
|
||||||
|
|