diff --git a/webapp/components/Badges.vue b/webapp/components/Badges.vue
index 123e5eff3..48c23f32b 100644
--- a/webapp/components/Badges.vue
+++ b/webapp/components/Badges.vue
@@ -37,7 +37,7 @@ export default {
$offset-y: ($badge-size-y) / 2 - 2 * $gap-x;
width: calc($main-badge-size-x + 4 * $badge-size-x + 4 * $gap-x);
- height: calc(3 * $badge-size-y + 4 * $gap-y);
+ height: calc($offset-y + 3 * $badge-size-y + 4 * $gap-y);
margin: auto;
.hc-badge-container {
@@ -67,7 +67,22 @@ export default {
height: $main-badge-size-y;
top: $offset-y + calc($gap-y / 2) - 1;
left: 0;
- font-size: 20px; /* Doubled font size for first slot */
+ color: #777777;
+ font-size: 17px;
+ background-image: url('/img/badges/slot-main.svg');
+ }
+
+ .hc-badge-container:nth-child(1)::before {
+ content: '';
+ position: absolute;
+ top: -20px;
+ left: 0;
+ width: 100%;
+ height: 20px;
+ background-image: url('/img/badges/stars.svg');
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: contain;
}
.hc-badge-container:nth-child(2) {
@@ -116,7 +131,7 @@ export default {
}
.nordrhein-westfalen::after {
- content: "NW";
+ content: 'NW';
}
.test-express,
@@ -137,43 +152,43 @@ export default {
}
.test-express::after {
- content: "TE";
+ content: 'TE';
}
.liberation-express::after {
- content: "LE";
+ content: 'LE';
}
.nachweis-express::after {
- content: "NE";
+ content: 'NE';
}
.maskenfrei-express::after {
- content: "ME";
+ content: 'ME';
}
.beitragsblocker::after {
- content: "BB";
+ content: 'BB';
}
.beitragsstopper::after {
- content: "BS";
+ content: 'BS';
}
.masern-impfbloker::after {
- content: "MI";
+ content: 'MI';
}
.rundfunk-alarm::after {
- content: "RA";
+ content: 'RA';
}
.freunde-der-demokratie::after {
- content: "FD";
+ content: 'FD';
}
.restart-democracy::after {
- content: "RD";
+ content: 'RD';
}
}
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index 54f544a6e..8f2328886 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -270,11 +270,11 @@ export default {
{ key: 'NE', title: 'Nachweis-Express', type: 'nachweis-express', icon: null },
{ key: 'ME', title: 'Maskenfrei.Express', type: 'maskenfrei-express', icon: null },
{ key: 'BB', title: 'Beitragsblocker', type: 'beitragsblocker', icon: null },
- { key: 'BS', title: 'Beitragsstopper', type: 'beitragsstopper', icon: null },
- { key: 'MI', title: 'Masern-Impfbloker', type: 'masern-impfbloker', icon: null },
+ // { key: 'BS', title: 'Beitragsstopper', type: 'beitragsstopper', icon: null },
+ // { key: 'MI', title: 'Masern-Impfbloker', type: 'masern-impfbloker', icon: null },
// { key: 'RA', title: 'Rundfunk-Alarm', type: 'rundfunk-alarm', icon: null },
- // { key: 'FD', title: 'Freunde der Demokratie', type: 'freunde-der-demokratie', icon: null },
- // { key: 'RD', title: 'Restart Democracy', type: 'restart-democracy', icon: null }
+ { key: 'FD', title: 'Freunde der Demokratie', type: 'freunde-der-demokratie', icon: null },
+ { key: 'RD', title: 'Restart Democracy', type: 'restart-democracy', icon: null },
{ title: '', type: 'empty', icon: null },
{ title: '', type: 'empty', icon: null },
]
diff --git a/webapp/static/img/badges/slot-blue.svg b/webapp/static/img/badges/slot-blue.svg
index 1d9caa53d..d666ec882 100644
--- a/webapp/static/img/badges/slot-blue.svg
+++ b/webapp/static/img/badges/slot-blue.svg
@@ -1,62 +1,3 @@
-
+
-
-
+
diff --git a/webapp/static/img/badges/slot-main.svg b/webapp/static/img/badges/slot-main.svg
new file mode 100644
index 000000000..a092c43cb
--- /dev/null
+++ b/webapp/static/img/badges/slot-main.svg
@@ -0,0 +1,18 @@
+
+
+
diff --git a/webapp/static/img/badges/slot-orange.svg b/webapp/static/img/badges/slot-orange.svg
index 2c8d54af7..9a48c78e8 100644
--- a/webapp/static/img/badges/slot-orange.svg
+++ b/webapp/static/img/badges/slot-orange.svg
@@ -1,62 +1,3 @@
-
+
-
-
+