Skip to content

Commit b7ffcfe

Browse files
Bikram GoleBikram Gole
authored andcommitted
Show Android mascot day-only badge and classic bot styling
1 parent 5d901e2 commit b7ffcfe

2 files changed

Lines changed: 46 additions & 48 deletions

File tree

script.js

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -763,7 +763,7 @@ function initPenguinDateBadge() {
763763

764764
const tick = async () => {
765765
const adDate = getNepalAdDate();
766-
if (adDate === lastAdDate && (penguinBelly?.dataset.day || androidDateBadge?.dataset.bs)) return;
766+
if (adDate === lastAdDate && (penguinBelly?.dataset.day || androidDateBadge?.dataset.day)) return;
767767

768768
let bsDate = null;
769769
const converter = await loadBsConverter();
@@ -782,11 +782,9 @@ function initPenguinDateBadge() {
782782
penguinBelly.dataset.day = String(bsDate?.day || fallbackDay);
783783
}
784784
if (androidDateBadge) {
785-
const bsText = bsDate
786-
? `BS ${String(bsDate.year).padStart(4, "0")}/${String(bsDate.month).padStart(2, "0")}/${String(bsDate.day).padStart(2, "0")}`
787-
: `BS day ${fallbackDay}`;
788-
androidDateBadge.textContent = bsText;
789-
androidDateBadge.dataset.bs = bsText;
785+
const dayText = String(bsDate?.day || fallbackDay);
786+
androidDateBadge.textContent = dayText;
787+
androidDateBadge.dataset.day = dayText;
790788
}
791789
lastAdDate = adDate;
792790
};

styles.css

Lines changed: 42 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1936,72 +1936,72 @@ body.browser-vivaldi .penguin-glasses {
19361936
z-index: 2;
19371937
transform-origin: center 82%;
19381938
animation: android-idle 4.4s ease-in-out infinite;
1939-
filter: drop-shadow(0 12px 18px rgba(24, 94, 74, 0.3));
1939+
filter: drop-shadow(0 12px 18px rgba(36, 107, 47, 0.32));
19401940
}
19411941

19421942
.android-head {
19431943
position: absolute;
1944-
left: 33px;
1945-
top: 18px;
1944+
left: 30px;
1945+
top: 20px;
19461946
width: 80px;
1947-
height: 52px;
1948-
border-radius: 36px 36px 22px 22px;
1949-
background: linear-gradient(175deg, #8ceec2 0%, #43c27e 62%, #2ca569 100%);
1950-
box-shadow: inset 0 5px 8px rgba(219, 255, 240, 0.38), inset 0 -6px 9px rgba(0, 0, 0, 0.15);
1947+
height: 48px;
1948+
border-radius: 40px 40px 14px 14px;
1949+
background: #a4c639;
1950+
box-shadow: inset 0 1px 0 rgba(237, 255, 192, 0.32), 0 6px 12px rgba(35, 91, 47, 0.24);
19511951
}
19521952

19531953
.android-antenna {
19541954
position: absolute;
1955-
top: -12px;
1956-
width: 3px;
1955+
top: -14px;
1956+
width: 4px;
19571957
height: 14px;
19581958
border-radius: 999px;
1959-
background: #8ceec2;
1959+
background: #a4c639;
19601960
}
19611961

1962-
.android-antenna.left { left: 20px; transform: rotate(-22deg); }
1963-
.android-antenna.right { right: 20px; transform: rotate(22deg); }
1962+
.android-antenna.left { left: 17px; transform: rotate(-26deg); }
1963+
.android-antenna.right { right: 17px; transform: rotate(26deg); }
19641964

19651965
.android-eye {
19661966
position: absolute;
1967-
top: 20px;
1968-
width: 7px;
1969-
height: 7px;
1967+
top: 19px;
1968+
width: 6px;
1969+
height: 6px;
19701970
border-radius: 999px;
1971-
background: #0f3829;
1971+
background: #ffffff;
19721972
}
19731973

1974-
.android-eye.left { left: 24px; }
1975-
.android-eye.right { right: 24px; }
1974+
.android-eye.left { left: 23px; }
1975+
.android-eye.right { right: 23px; }
19761976

19771977
.android-body {
19781978
position: absolute;
1979-
left: 27px;
1980-
top: 72px;
1981-
width: 92px;
1982-
height: 72px;
1983-
border-radius: 18px;
1984-
background: linear-gradient(175deg, #7ce6b6 0%, #3dbb78 62%, #2d9f66 100%);
1985-
box-shadow: inset 0 6px 8px rgba(217, 255, 238, 0.36), inset 0 -8px 10px rgba(0, 0, 0, 0.18);
1979+
left: 25px;
1980+
top: 70px;
1981+
width: 96px;
1982+
height: 74px;
1983+
border-radius: 12px;
1984+
background: #a4c639;
1985+
box-shadow: inset 0 1px 0 rgba(237, 255, 192, 0.28), 0 8px 14px rgba(35, 91, 47, 0.24);
19861986
}
19871987

19881988
.android-date-badge {
19891989
position: absolute;
19901990
left: 50%;
1991-
top: 24px;
1991+
top: 26px;
19921992
transform: translateX(-50%);
1993-
min-width: 76px;
1993+
min-width: 34px;
19941994
text-align: center;
1995-
border-radius: 999px;
1996-
border: 1px solid rgba(186, 255, 226, 0.76);
1997-
background: rgba(10, 57, 40, 0.78);
1998-
color: #d6ffe9;
1995+
border-radius: 8px;
1996+
border: 1px solid rgba(58, 96, 33, 0.42);
1997+
background: rgba(236, 255, 197, 0.88);
1998+
color: #264416;
19991999
font-family: "JetBrains Mono", "Fira Mono", "Courier New", monospace;
2000-
font-size: 10px;
2000+
font-size: 11px;
20012001
font-weight: 700;
2002-
letter-spacing: 0.02em;
2003-
padding: 2px 7px;
2004-
box-shadow: 0 0 9px rgba(97, 235, 172, 0.4);
2002+
letter-spacing: 0.01em;
2003+
padding: 2px 8px;
2004+
box-shadow: 0 2px 7px rgba(47, 88, 29, 0.2);
20052005
}
20062006

20072007
.android-date-badge:empty {
@@ -2016,25 +2016,25 @@ body.browser-vivaldi .penguin-glasses {
20162016
}
20172017

20182018
.android-arm {
2019-
top: 76px;
2019+
top: 74px;
20202020
width: 14px;
20212021
height: 52px;
20222022
}
20232023

2024-
.android-arm.left { left: 12px; }
2025-
.android-arm.right { right: 12px; }
2024+
.android-arm.left { left: 6px; }
2025+
.android-arm.right { right: 6px; }
20262026

20272027
.android-leg {
20282028
top: 136px;
20292029
width: 16px;
2030-
height: 26px;
2030+
height: 28px;
20312031
}
20322032

2033-
.android-leg.left { left: 51px; }
2034-
.android-leg.right { left: 79px; }
2033+
.android-leg.left { left: 48px; }
2034+
.android-leg.right { left: 82px; }
20352035

20362036
body[data-theme="material3"] .avatar-glow {
2037-
background: radial-gradient(circle, rgba(144, 238, 186, 0.46) 0%, rgba(89, 214, 157, 0.17) 58%, transparent 100%);
2037+
background: radial-gradient(circle, rgba(181, 230, 78, 0.42) 0%, rgba(123, 181, 38, 0.16) 58%, transparent 100%);
20382038
}
20392039

20402040
body:not([data-theme="material3"]) .avatar-card .android-avatar {

0 commit comments

Comments
 (0)