Shakedown Social

15 posts15 participants0 posts today

MozFar too many websites today "You need to enable JavaScript to run this app"Yeah, the web is notorious for needing javascript to display text. There's literally no other way to do it.<a href="https://fosstodon.org/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://fosstodon.org/tags/GrumpyOldMan" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GrumpyOldMan</a>

alltechpacks<a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Programming</a> <a href="https://mastodon.social/tags/Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Python</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.social/tags/CSharp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSharp</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/Code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Code</a> <a href="https://mastodon.social/tags/Tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tech</a> <a href="https://mastodon.social/tags/DeepSeek" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DeepSeek</a> <a href="https://mastodon.social/tags/LLM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LLM</a> <a href="https://mastodon.social/tags/OpenAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenAI</a> <a href="https://mastodon.social/tags/Chatgpt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Chatgpt</a>

CSS by T. Afif :verified:💡 CSS Tip!A simple CSS code to smoothly stop the rotation of your element on hover. The rotation will resume smoothly on mouse-out as well.<a href="https://css-tip.com/stop-rotation/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tip.com/stop-rotation/</a><a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Maxi, wortschöpfungsverdrossen 🌺 :comfyblobcat:Hey <a href="https://corteximplant.com/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> bubble - can any of y'all recommend resources to learn about accessibility?I'm aware of the WCAG guidelines as the "golden standard", but I'm looking for something more bite sized / approachable than 75 pages of raw paragraphs and rulesBoosts welcome! :boost_request:<a href="https://corteximplant.com/tags/wcag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wcag</a> <a href="https://corteximplant.com/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://corteximplant.com/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a>

Mark Wyner Won’t Comply :vm:This is wild. I began designing and building websites in 1995. From today, in 2025, I’ve been designing and writing code for most of the internet’s existence. 👀<a href="https://mas.to/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Web</a> <a href="https://mas.to/tags/Internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Internet</a> <a href="https://mas.to/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mas.to/tags/Code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Code</a> <a href="https://mas.to/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mas.to/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mas.to/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://w3c.social/@w3c/114150554471950167" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://w3c.social/@w3c/114150554471950167</a>

Damon ThomasA lot of life opportunities work just this way. <a href="https://c.im/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a>

Tommi 🤯I got nostalgic, so I ended up browsing pictures from <a href="https://pan.rent/tags/DWebCamp2023" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DWebCamp2023</a>, and I found these wild shots of me and <a href="https://w3c.social/@timbl" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@timbl</a>. Almost two years have passed, and I still cannot completely believe that I spent time chatting with the creator of the <a href="https://pan.rent/tags/WorldWideWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WorldWideWeb</a> and that he autographed <a href="https://tommi.space/csss/" rel="nofollow noopener noreferrer" target="_blank">my thesis</a>!Unbelievable things happen at <a href="https://pan.rent/tags/DWebCamp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DWebCamp</a>.(Thanks to <a href="https://social.coop/@mai" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@mai</a> for the stolen shot 🌻)Fun fact: <a href="https://mastodon.archive.org/@mark" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@mark</a> kindly came and picked me up at the airport and he drove me and TBL to DWeb Camp. The first thing they asked me about while getting to the car was this patch I had, simulating the hammer and sickle communist symbol, but actually representing a sickle popping open an Aperol Spritz. So there was me, super jet-lagged and hungover (because I had my last exam of my bachelor the day before) trying to explain what that was to the creator of <a href="https://pan.rent/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> and the director of the <a href="https://pan.rent/tags/WaybackMachine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WaybackMachine</a>. It was super embarrassing but it is a great story to tell.<a href="https://social.coop/@dweb" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@dweb</a> <a href="https://pan.rent/tags/TBL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TBL</a> <a href="https://pan.rent/tags/WWW" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WWW</a> <a href="https://pan.rent/tags/Internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Internet</a> <a href="https://pan.rent/tags/InternetHistory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#InternetHistory</a> <a href="https://pan.rent/tags/decentralization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#decentralization</a> <a href="https://pan.rent/tags/HTTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTTP</a> <a href="https://pan.rent/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Web</a>

Mark Wyner Won’t Comply :vm:Nintendo out here with “coded messages.”<a href="https://mas.to/tags/PunIntended" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PunIntended</a> <a href="https://mas.to/tags/Nintendo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Nintendo</a> <a href="https://mas.to/tags/Code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Code</a> <a href="https://mas.to/tags/Gaming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Gaming</a> <a href="https://mas.to/tags/Email" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Email</a> <a href="https://mas.to/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Ivaan Srivastava - LeaperGuys <a href="https://mastodon.social/tags/certificates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#certificates</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#programming</a>

CSS by T. Afif :verified:💫 New CSS Loaders!The "glowing" collection: <a href="https://css-loaders.com/glowing/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-loaders.com/glowing/</a>Single-element and 100% CSS magic! 🪄 Pick your favorite one 👇<a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Alvaro MontoroStep 1: Take a previously single-div drawingStep 2: Copy the code into a custom toggle switchStep 3: ???Step 4: Profit---Source code on <a href="https://codepen.io/alvaromontoro/pen/ZYEXGeB" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/alvaromontoro/pen/ZYEXGeB</a><a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://front-end.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://front-end.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdevelopment</a> <a href="https://front-end.social/tags/component" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#component</a> <a href="https://front-end.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a> <a href="https://front-end.social/tags/space" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#space</a>

Joe CrawfordWould a Zoom call where you join a handful of folks to solve <a href="https://xoxo.zone/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> and <a href="https://xoxo.zone/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> conundrums interest you? I learn something new <a href="https://xoxo.zone/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEnd</a> every time. Front End Study Hall on the <a href="https://xoxo.zone/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> -- See you tomorrow! <a href="https://events.indieweb.org/2025/03/front-end-study-hall-023-WmHNZ7nKEp1Z" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://events.indieweb.org/2025/03/front-end-study-hall-023-WmHNZ7nKEp1Z</a>

alexandrathis is it, folks! we are in the final week before submissions are due for GOOD INTERNET, a new print periodical magazine about all the things that make the <a href="https://tilde.zone/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> fun: things like the <a href="https://tilde.zone/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#smallweb</a>, the fediverse, the <a href="https://tilde.zone/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a>, and efforts to actively fight <a href="https://tilde.zone/tags/enshittification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#enshittification</a>. submissions are open until MARCH 15.check the submission guidelines or sign up for email alerts to be notified when we publish in may!<a href="https://goodinternetmagazine.com" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://goodinternetmagazine.com</a>if this is your first time hearing about this, you still have enough time to come up with and write an article or complete a digital <a href="https://tilde.zone/tags/art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#art</a> piece, if you're passionate about the <a href="https://tilde.zone/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#internet</a> and want to write about it! :) bloggers, it's your time to shine!~ i can't wait to show y'all the incredible stories that have been submitted from all over the 'net, and some of the coolest art i've seen about the web!thank you to everyone who's been so supportive of this project already. this is why this side of the internet is amazing. ❤️ please boost, if you can; i want to make sure i did everything i could to include as many diverse voices as i can.thank you! 🤟 original post: <a href="https://tilde.zone/@xandra/113913277766098384" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://tilde.zone/@xandra/113913277766098384</a><a href="https://tilde.zone/tags/writing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#writing</a> <a href="https://tilde.zone/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#blogging</a> <a href="https://tilde.zone/tags/personalweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#personalweb</a> <a href="https://tilde.zone/tags/personalwebsites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#personalwebsites</a> <a href="https://tilde.zone/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://tilde.zone/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://tilde.zone/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://tilde.zone/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://tilde.zone/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://tilde.zone/tags/magazine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#magazine</a> <a href="https://tilde.zone/tags/publishing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#publishing</a> <a href="https://tilde.zone/tags/codingisart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#codingisart</a> <a href="https://tilde.zone/tags/indie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indie</a> <a href="https://tilde.zone/tags/writers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#writers</a> <a href="https://tilde.zone/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fediverse</a> <a href="https://tilde.zone/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://tilde.zone/tags/digitalart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#digitalart</a> <a href="https://tilde.zone/tags/artist" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#artist</a>

AlanCurrently working on a project that involves going back to raw <a href="https://aus.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> and <a href="https://aus.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>. No page builders, JS or frameworks.It's been a long time so I'm brushing up - yes, there are a lot of fancy features coming out (and I can't wait to try them out) but the core of HTML is still there, being awesome.It's been too long. Everyone should go and build something in HTML right now.<a href="https://aus.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

tapirI overhauled my little link/microblog "Found; Not Lost" over at <a href="https://kaikuehne.net/found" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kaikuehne.net/found</a>. I generally prefer light themes; especially this one I've made here. For the dark version, I tried inverting the light variant, but that didn't look good. Feedback welcome.<a href="https://mastodon.gamedev.place/tags/screenshotsaturday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#screenshotsaturday</a> <a href="https://mastodon.gamedev.place/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.gamedev.place/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mastodon.gamedev.place/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

LeanpubGame Studio Starter Kit (6 Game Collection) <a href="http://leanpub.com/set/leanpub/ugsskitc" rel="nofollow noopener noreferrer" translate="no" target="_blank">http://leanpub.com/set/leanpub/ugsskitc</a> by Stephen Gose is the featured Track on the Leanpub homepage! <a href="https://leanpub.com" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://leanpub.com</a> <a href="https://mastodon.social/tags/ProjectManagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProjectManagement</a> <a href="https://mastodon.social/tags/GameDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GameDevelopment</a> <a href="https://mastodon.social/tags/Html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Html</a> <a href="https://mastodon.social/tags/Javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Javascript</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/Education" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Education</a> <a href="https://mastodon.social/tags/Diy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Diy</a> <a href="https://mastodon.social/tags/gaming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gaming</a> <a href="https://mastodon.social/tags/contentcreator" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#contentcreator</a>

CSS by T. Afif :verified:📝 The second part is live!This time, I am using scroll-driven animation to create the star rating component! It's a good exercise to discover some modern features.<a href="https://css-tricks.com/a-css-only-star-rating-component-and-more-part-2/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-tricks.com/a-css-only-star-rating-component-and-more-part-2/</a> via <a href="https://mastodon.social/@csstricks" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@csstricks</a> Single element and 100% CSS magic!<a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Jake in the desertToday I ran across <a href="https://mastodon.social/@ricmac" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@ricmac</a> and his new, truly expansive piece on the history of (the admittedly centralized) GeoCities and its origins. I had a GeoCities site myself in the 90s (that is sadly lost to time now), and I didn't know all this wild history Richard dug up for this. A must-read if you're into the whole 90s early web thing: <a href="https://cybercultural.com/p/geocities-1995" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://cybercultural.com/p/geocities-1995</a><a href="https://c.im/tags/GeoCities" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GeoCities</a> <a href="https://c.im/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://c.im/tags/90s" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#90s</a> <a href="https://c.im/tags/90sWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#90sWeb</a> <a href="https://c.im/tags/1990s" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#1990s</a> <a href="https://c.im/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://c.im/tags/BHI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BHI</a> <a href="https://c.im/tags/BeverlyHillsInternet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BeverlyHillsInternet</a> <a href="https://c.im/tags/history" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#history</a> <a href="https://c.im/tags/WebHistory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebHistory</a>

Jens Oliver MeiertDeepSeek and HTML:“What is the most minimal valid HTML document?”, DeepSeek-R1 edition.<a href="https://meiert.com/en/blog/deepseek-and-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://meiert.com/en/blog/deepseek-and-html/</a><a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mas.to/tags/conformance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#conformance</a> <a href="https://mas.to/tags/minimalism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#minimalism</a> <a href="https://mas.to/tags/ai" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ai</a> <a href="https://mas.to/tags/deepseek" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#deepseek</a>

Hacker News 50Introducing command And commandfor In HTMLLink: <a href="https://developer.chrome.com/blog/command-and-commandfor" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.chrome.com/blog/command-and-commandfor</a> Discussion: <a href="https://news.ycombinator.com/item?id=43292056" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://news.ycombinator.com/item?id=43292056</a><a href="https://social.lansky.name/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a>

Recent searches

Search options

Administered by:

Server stats:

#html