adjusted info

This commit is contained in:
DJ2LS 2023-10-26 13:37:13 +02:00
parent 48bddd4557
commit e2b8d3d846
2 changed files with 20 additions and 13 deletions

View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
<path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/>
</svg>

After

Width:  |  Height:  |  Size: 225 B

View file

@ -15,20 +15,21 @@ function openWebExternal(url) {
} }
const cards = ref([ const cards = ref([
{ {
title: "Simon - DJ2LS", titleName: "Simon",
titleCall: "DJ2LS",
role: "Founder & Core developer", role: "Founder & Core developer",
imgSrc: "dj2ls.png", imgSrc: "dj2ls.png",
}, },
{ title: "Alan - N1QM", role: "developer", imgSrc: "" }, { titleName: "Alan", titleCall: "N1QM", role: "developer", imgSrc: "person-fill.svg" },
{ title: "Stefan - DK5SM", role: "tester", imgSrc: "" }, { titleName: "Stefan", titleCall: "DK5SM",role: "tester", imgSrc: "person-fill.svg" },
{ title: "Wolfgang - DL4IAZ", role: "supporter", imgSrc: "" }, { titleName: "Wolfgang", titleCall: "DL4IAZ",role: "supporter", imgSrc: "person-fill.svg" },
{ title: "David - VK5DGR", role: "codec2 founder", imgSrc: "" }, { titleName: "David", titleCall: "VK5DGR",role: "codec2 founder", imgSrc: "person-fill.svg" },
{ title: "John - EI7IG", role: "tester", imgSrc: "" }, { titleName: "John", titleCall: "EI7IG",role: "tester", imgSrc: "person-fill.svg" },
{ title: "John - N2KIQ", role: "developer", imgSrc: "" }, { titleName: "Paul", titleCall: "N2KIQ",role: "developer", imgSrc: "person-fill.svg" },
{ title: "Trip - KT4WO", role: "tester", imgSrc: "" }, { titleName: "Trip", titleCall: "KT4WO",role: "tester", imgSrc: "person-fill.svg" },
{ title: "Manuel - DF7MH", role: "tester", imgSrc: "" }, { titleName: "Manuel", titleCall: "DF7MH",role: "tester", imgSrc: "person-fill.svg" },
{ title: "Darren - G0HWW", role: "tester", imgSrc: "" }, { titleName: "Darren", titleCall: "G0HWW",role: "tester", imgSrc: "person-fill.svg" },
{ title: "Kai - LA3QMA", role: "developer", imgSrc: "" }, { titleName: "Kai", titleCall: "LA3QMA", role: "developer", imgSrc: "person-fill.svg" },
]); ]);
// Shuffle cards // Shuffle cards
@ -139,7 +140,7 @@ onMounted(shuffleCards);
</div> </div>
<div class="d-flex flex-nowrap overflow-x-auto vh-100"> <div class="d-flex flex-nowrap overflow-x-auto vh-100">
<div class="row row-cols-1 row-cols-md-3 g-4 h-100"> <div class="row row-cols-1 row-cols-md-6 g-4 h-100">
<div class="d-inline-block" v-for="card in cards" :key="card.title"> <div class="d-inline-block" v-for="card in cards" :key="card.title">
<div class="col"> <div class="col">
<div <div
@ -151,7 +152,10 @@ onMounted(shuffleCards);
<p class="card-text text-center">{{ card.role }}</p> <p class="card-text text-center">{{ card.role }}</p>
</div> </div>
<div class="card-footer text-body-secondary text-center"> <div class="card-footer text-body-secondary text-center">
<strong>{{ card.title }}</strong> <strong>{{ card.titleCall }}</strong>
</div>
<div class="card-footer text-body-secondary text-center">
<strong>{{ card.titleName }}</strong>
</div> </div>
</div> </div>
</div> </div>