Restore scrolling/spinning logo animation by separating canvas and React modal card

This commit is contained in:
2026-07-10 13:40:00 +05:30
parent ecfc9d3b43
commit cdf50ed99c
3 changed files with 33 additions and 37 deletions

View File

@@ -20,6 +20,10 @@ def port_html():
display: none !important;
}
#stage, .hint {
background: transparent !important;
box-shadow: none !important;
}
.count, .panel, .hint {
display: none !important;
}
"""
@@ -39,6 +43,13 @@ def port_html():
"""
html = re.sub(r"const parseTarget=\(\)=>\{.*?\};", parse_target_replacement, html, flags=re.DOTALL)
# 3. Replace the huge base64 logo image in .badge class with the local PragatiVeer SVG logo
new_badge_css = """ .badge{
position:absolute; inset:0; border-radius:50%;
background: url('/PragatiVeer_Logo/SVG_Logos/Square_dark_background.svg') center/cover no-repeat !important;
}"""
html = re.sub(r"\.badge\s*\{[^}]*\}", new_badge_css, html, flags=re.DOTALL)
with open(dest_path, 'w', encoding='utf-8') as f:
f.write(html)
print("Ported successfully to public/streak-animation.html")