Help Design a new Nginx vhost index.html page template

This is your chance to how contribute to Centmin Mod development. When you create a Centmin Mod Ngixn vhost via centmin.sh menu option 2, 22 or /usr/bin/nv command methods, a default site domain index.html template is created and it looks like this



I am thinking of spicing up the design and look purely with CSS3 markup and no images. So for folks with CSS3/Web design experience, here's your chance to get your work featured as the new default index.html template

You can use CodePen.io to test and share your forked designs. And here's the default html template posted on my CodePen.io account at centminmod.com default site index.html template

Looking forward to what folks come up with design wise

---

 

My first revision using PureCSS on codepen centminmod.com default site index.html template - purecss edition

Full page CodePen - centminmod.com default site index.html template - purecss edition

comes in at about 6.8KB in size for index.html and all requests downloaded

 

without the avatar image centminmod.com default site index.html template - purecss edition minus avatar

Full CodePen - centminmod.com default site index.html template - purecss edition minus avatar

edit: added this template to 123.09beta01 to try it out Beta Branch - update nginx vhost index.html placeholder template in 123.09beta01 | Centmin Mod Community

 

doh the new template added to 123.09beta01 has yahoo purecss links which are hardcoded to http and on a https default site, it breaks as yahoo urls do not support HTTPS at all !

Code (Text):

domain.com/:6 Mixed Content: The page at 'https://domain.com/' was loaded over HTTPS, but requested an insecure stylesheet 'http://yui.yahooapis.com/pure/0.6.0/pure-min.css'. This request has been blocked; the content must be served over HTTPS.
domain.com/:10 Mixed Content: The page at 'https://domain.com/' was loaded over HTTPS, but requested an insecure stylesheet 'http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css'. This request has been blocked; the content must be served over HTTPS.

fixed in update to use local centminmod.com mirrored links for css instead https://community.centminmod.com/th...to-use-local-purecss-links-in-123-09be….8887/

you benefit from centminmod.com serving HTTPS static files over Brotli compression with content encoding = br too