devbadge on profiles & description adjustments

This commit is contained in:
2022-12-22 15:07:45 +01:00
parent fe326c70d8
commit 21e3b32e4b
3 changed files with 23 additions and 6 deletions

View File

@@ -1,8 +1,9 @@
[ [
{ {
"name": "jamesen", "name": "jamesen",
"desc": "Frontendowiec nie jebany.", "desc": "project pioneer.",
"img": "https://pbs.twimg.com/profile_images/1605591811921149953/Ogr8ALPa_400x400.jpg", "img": "https://pbs.twimg.com/profile_images/1605591811921149953/Ogr8ALPa_400x400.jpg",
"devBadge": true,
"profile": { "profile": {
"bigdesc": ["Tutaj będzie kiedyś opis profilu."], "bigdesc": ["Tutaj będzie kiedyś opis profilu."],
"links": [ "links": [
@@ -15,7 +16,7 @@
}, },
{ {
"name": "Mollin", "name": "Mollin",
"desc": "Porucznik Essy.", "desc": "porucznik essy.",
"img": "https://scontent.fpoz3-1.fna.fbcdn.net/v/t39.30808-6/310691519_1360386137823083_6441534118963998218_n.jpg?_nc_cat=111&ccb=1-7&_nc_sid=09cbfe&_nc_ohc=nmArlTkhFvYAX9VQJc3&_nc_ht=scontent.fpoz3-1.fna&oh=00_AfC6DiffR_3d4apR8EB-Mq7OAms46MygDluvUM9qn6h1yQ&oe=63A73BC3", "img": "https://scontent.fpoz3-1.fna.fbcdn.net/v/t39.30808-6/310691519_1360386137823083_6441534118963998218_n.jpg?_nc_cat=111&ccb=1-7&_nc_sid=09cbfe&_nc_ohc=nmArlTkhFvYAX9VQJc3&_nc_ht=scontent.fpoz3-1.fna&oh=00_AfC6DiffR_3d4apR8EB-Mq7OAms46MygDluvUM9qn6h1yQ&oe=63A73BC3",
"profile": { "profile": {
"bigdesc": ["Tutaj będzie kiedyś opis profilu."] "bigdesc": ["Tutaj będzie kiedyś opis profilu."]
@@ -23,7 +24,7 @@
}, },
{ {
"name": "Elephant", "name": "Elephant",
"desc": "Osobnik demencyjny.", "desc": "osobnik demencyjny.",
"img": "https://scontent.fpoz3-1.fna.fbcdn.net/v/t39.30808-6/311286331_1301953777209022_2921346369745668199_n.jpg?_nc_cat=104&ccb=1-7&_nc_sid=09cbfe&_nc_ohc=C4Zk591EV6kAX9t5DFj&_nc_ht=scontent.fpoz3-1.fna&oh=00_AfBPI8OYZAoBS3H5ZCIV8-5rpcnYYWcAjq7EcxyZmGUSjg&oe=63A80F4A", "img": "https://scontent.fpoz3-1.fna.fbcdn.net/v/t39.30808-6/311286331_1301953777209022_2921346369745668199_n.jpg?_nc_cat=104&ccb=1-7&_nc_sid=09cbfe&_nc_ohc=C4Zk591EV6kAX9t5DFj&_nc_ht=scontent.fpoz3-1.fna&oh=00_AfBPI8OYZAoBS3H5ZCIV8-5rpcnYYWcAjq7EcxyZmGUSjg&oe=63A80F4A",
"profile": { "profile": {
"bigdesc": ["Tutaj będzie kiedyś opis profilu."] "bigdesc": ["Tutaj będzie kiedyś opis profilu."]
@@ -31,15 +32,16 @@
}, },
{ {
"name": "Dzioba", "name": "Dzioba",
"desc": "Backendowiec jebany.", "desc": "backend bastard.",
"img": "https://avatars.githubusercontent.com/u/62724833?v=4", "img": "https://avatars.githubusercontent.com/u/62724833?v=4",
"devBadge": true,
"profile": { "profile": {
"bigdesc": ["Tutaj będzie kiedyś opis profilu."] "bigdesc": ["Tutaj będzie kiedyś opis profilu."]
} }
}, },
{ {
"name": "KuOlek", "name": "KuOlek",
"desc": "Duch. (bo go nie ma)", "desc": "duch. (bo go nie ma)",
"img": "https://scontent.fpoz3-1.fna.fbcdn.net/v/t39.30808-6/289371411_1715545058798551_2853229246533249138_n.jpg?_nc_cat=107&ccb=1-7&_nc_sid=174925&_nc_ohc=ljBd8O9-PfYAX91OEf_&_nc_ht=scontent.fpoz3-1.fna&oh=00_AfCr0jhihBgN8aqMrG2EbwNCjvPTpPbsOmvfD6kxuv7zbA&oe=63A7E121", "img": "https://scontent.fpoz3-1.fna.fbcdn.net/v/t39.30808-6/289371411_1715545058798551_2853229246533249138_n.jpg?_nc_cat=107&ccb=1-7&_nc_sid=174925&_nc_ohc=ljBd8O9-PfYAX91OEf_&_nc_ht=scontent.fpoz3-1.fna&oh=00_AfCr0jhihBgN8aqMrG2EbwNCjvPTpPbsOmvfD6kxuv7zbA&oe=63A7E121",
"profile": { "profile": {
"bigdesc": ["Tutaj będzie kiedyś opis profilu."] "bigdesc": ["Tutaj będzie kiedyś opis profilu."]
@@ -47,7 +49,7 @@
}, },
{ {
"name": "Bavil Gravlax", "name": "Bavil Gravlax",
"desc": "Śpiący rękawek.", "desc": "śpiący rękawek.",
"img": "https://media.discordapp.net/attachments/795744664556535809/1055159702880784556/Awatar.jpg?width=657&height=657", "img": "https://media.discordapp.net/attachments/795744664556535809/1055159702880784556/Awatar.jpg?width=657&height=657",
"profile": { "profile": {
"bigdesc": ["Tutaj będzie kiedyś opis profilu."] "bigdesc": ["Tutaj będzie kiedyś opis profilu."]

View File

@@ -61,6 +61,11 @@ const PageInfo = () => {
<div> <div>
<h3>{el.name}</h3> <h3>{el.name}</h3>
<p>{el.desc || "brak opisu."}</p> <p>{el.desc || "brak opisu."}</p>
{el.devBadge ? (
<span className={styles.devBadge}>DEV</span>
) : (
""
)}
</div> </div>
</article> </article>
</Link> </Link>

View File

@@ -75,6 +75,16 @@
div { div {
min-width: 14rem; min-width: 14rem;
padding: 0 1rem; padding: 0 1rem;
position: relative;
.devBadge {
position: absolute;
bottom: 6px;
right: 8px;
background: rgba(violet, 0.18);
font-family: var(--fonts-bold);
padding: 1px 4px;
border-radius: 2px;
}
} }
&:hover { &:hover {
background: var(--black2); background: var(--black2);