In my mind the question is whether the technical chops would outweigh the silly/comedic image, and that might be something I can't know. I would hope that the impressive use of CSS would interest other developers, but a manager might be turned off by a "motherfucking website".
If you arrange your portfolio site as mostly completely professional and then have a "beer coding fun projects" category it should just show you have a sense of humor and like tech enough to do stuff outside of work. If your "beer coding" section is going to be the majority of your site then maybe you should have a separate site for that content?
Usually hiring managers won't check out blogs or github until you have made a shortlist of some sort. The resumes left are people that match the criteria, they are interested enough to schedule an interview. So it would have to be really offensive or something demonstrating poor character to eliminate you at that point.
That would be my hope. All of these side projects are done outside of work, so part of the goal is to demonstrate interest/drive. I have plenty of professional work examples I can show should the need arise.
This will kill your creative vent for sure. Wouldn't it be better to have two identities: 1st pro blog with your real name on it, and 2nd some hacker pseudo with silly outrageous venting. If something pans out from the 2nd you can promote selected creation into your professional profile.