CentminMod.com Site Redesign Preview !

The official centminmod.com site is long overdue for a new site redesign to match the forums. Being very busy, I haven't had the time so thought out outsourcing the design but bids/quotes seem quite high for just static html templates. So sat down today to work on it myself using a ThemeForest html template as the base template for the redesign and I am pretty happy with what I came up with so far for the index page.

---

Draft preview of Index page below

 

Mobile Portrait and Landscape views



Landscape

 

Revised draft with a few changes with the icons and added tabbed content. Trying to cram as much info onto the index page



Resources dropdown menu (icons need better matching heh)



Forums dropdown menu



PHP dropdown menu



Wow the default html template includes icomoon icon font set with 4,096+ icons and ttf/woff file comes to 849KB in size !. I reduced that to just 33 icons I will use and ttf/woff file size is now 840+ KB smaller at 8.3KB

Code:

ls -lAhrt | grep icomoon
-rw-r--r-- 1 root nginx 849K Jul  1 08:27 icomoon.eot
-rw-r--r-- 1 root nginx 2.8M Jul  1 08:27 icomoon.svg
-rw-r--r-- 1 root nginx 849K Jul  1 08:27 icomoon.ttf
-rw-r--r-- 1 root nginx 849K Jul  1 08:27 icomoon.woff
-rw-r--r-- 1 root nginx 8.3K Jul  1 08:27 icomoon-set8.woff
-rw-r--r-- 1 root nginx 8.2K Jul  1 08:27 icomoon-set8.ttf
-rw-r--r-- 1 root nginx  22K Jul  1 08:27 icomoon-set8.svg
-rw-r--r-- 1 root nginx 8.3K Jul  1 08:27 icomoon-set8.eot

 

Started first draft of Nginx pages

 

Getting rid of fontawesome icons and replacing them with right arrow on Resources drop down menu

 

The entire site development is being housed in a Gitlab Repository so I can easily deploy it across centminmod.com's load balanced cluster

New guides and sections are planned

Code:

Updating 5222fa5..c7ed3a4
Fast-forward
nginx-blesta.html    | 693 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
nginx-discourse.html | 693 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
nginx-laravel.html   | 693 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
nginx-magento.html   | 693 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
nginx-nodebb.html    | 693 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
nginx-piwik.html     | 693 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
nginx-sendyco.html   | 693 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
nginx-whmcs.html     | 693 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
8 files changed, 5544 insertions(+)
create mode 100644 nginx-blesta.html
create mode 100644 nginx-discourse.html
create mode 100644 nginx-laravel.html
create mode 100644 nginx-magento.html
create mode 100644 nginx-nodebb.html
create mode 100644 nginx-piwik.html
create mode 100644 nginx-sendyco.html
create mode 100644 nginx-whmcs.html

 

Latest index page draft

 

FYI, I have setup a staging test site for the new centminmod.com redesign. Not all text, content or links are done yet. But if folks would like to preview it or help me with testing and feedback, then send me a private conversation message and I'll give you the staging test site url link.

It would help if you have access to multiple smartphones and tablet devices too as the site is meant to be responsive so want to see how it looks on various devices

 

Without any ngx_pagespeed optimisions base index gtmetrix result. The default html template had 1.4+ MB sized page ! Reducing icomoon font set from 849KB to <9KB was the biggest improvement

 

Something I've been wanting to do to reference the default Nginx vhost templates and be able to regenerate them

 

Taking the Nginx vhost generator further

 

centminmod.com new geo cluster coming along nicely



centminmod.com server locations map

 

extended stats for bandwidth

 

I love my stats - per server nginx stats added

 

New site design is live now CentminMod.com LEMP Nginx web stack for CentOS