devbadge on profiles & description adjustments

data/administracja.json

@@ -1,8 +1,9 @@
 [
 	{
 		"name": "jamesen",
-		"desc": "Frontendowiec nie jebany.",
+		"desc": "project pioneer.",
 		"img": "https://pbs.twimg.com/profile_images/1605591811921149953/Ogr8ALPa_400x400.jpg",
+		"devBadge": true,
 		"profile": {
 			"bigdesc": ["Tutaj będzie kiedyś opis profilu."],
 			"links": [
@@ -15,7 +16,7 @@
 	},
 	{
 		"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",
 		"profile": {
 			"bigdesc": ["Tutaj będzie kiedyś opis profilu."]
@@ -23,7 +24,7 @@
 	},
 	{
 		"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",
 		"profile": {
 			"bigdesc": ["Tutaj będzie kiedyś opis profilu."]
@@ -31,15 +32,16 @@
 	},
 	{
 		"name": "Dzioba",
-		"desc": "Backendowiec jebany.",
+		"desc": "backend bastard.",
 		"img": "https://avatars.githubusercontent.com/u/62724833?v=4",
+		"devBadge": true,
 		"profile": {
 			"bigdesc": ["Tutaj będzie kiedyś opis profilu."]
 		}
 	},
 	{
 		"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",
 		"profile": {
 			"bigdesc": ["Tutaj będzie kiedyś opis profilu."]
@@ -47,7 +49,7 @@
 	},
 	{
 		"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",
 		"profile": {
 			"bigdesc": ["Tutaj będzie kiedyś opis profilu."]

pages/o-gractwie.tsx

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

styles/oGractwie.module.scss

@@ -75,6 +75,16 @@
 			div {
 				min-width: 14rem;
 				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 {
 				background: var(--black2);