Make-your-own-April's-Fool

[RMerlin]

For those wishing to (temporarily) re-implement the melting webui from past April 1st, here's how to easily do it over SSH. Simply copy and paste this whole block of text:

cp /www/state.js /tmp
cp /www/index_style.css /tmp

cat << EOF >> /tmp/index_style.css
.banner41{
       width:998px;
       height:54px;
       position:relative;
       background:url(images/New_ui/title_bg.png) 0 0 no-repeat;
       margin:0px auto;
       z-index: 1;
       -webkit-transform: rotate(5deg);
       transform: rotate(5deg);
       -webkit-box-shadow: 0 35px 200px #F42;
       box-shadow: 0 35px 200px #F42;
       -webkit-transition: all 2s cubic-bezier(1,0,1,1);
       transition: all 2s cubic-bezier(1,0,1,1);
       -webkit-transform-origin: 0% 50%;
       transform-origin: 0% 50%;
}


.banner41:hover{
       -webkit-box-shadow: 0 35px 200px #27F;
       box-shadow: 0 35px 200px #27F;
       -webkit-transition: all 0.5s linear;
       transition: all 0.5s linear;
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
       -webkit-transform-origin: 0% 50%;
       transform-origin: 0% 50%;
}
EOF

echo "setTimeout(\"document.getElementById('banner1').className = 'banner41';\",3000);" >> /tmp/state.js
mount -o bind /tmp/state.js /www/state.js
mount -o bind /tmp/index_style.css /www/index_style.css

This will re-apply the melting UI CSS. To remove, either reboot the router, or run the following over SSH:

umount /www/state.js
umount /www/index_style.css

 

[thelonelycoder]

I came here to look for an April fools day prank thread and was not expecting to see this!
I personally liked last years feature. But I knew you would not do it again after some were ranting about it not being "professional".
Thank you RMerlin for being a great guy!