Welcome to Centmin Mod Community
Register Now

CentminMod.com Site Redesign Preview !

Discussion in 'Centmin Mod News' started by eva2000, Jun 30, 2015.

Thread Status:
Not open for further replies.
  1. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    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 :)

    centminmodcom_index_draft02_tn.png
     
    • Like Like x 11
  2. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    Mobile Portrait and Landscape views

    centminmodcom_index_draft02_mobile_portrait_00.png centminmodcom_index_draft02_mobile_portrait_01.png

    Landscape

    centminmodcom_index_draft02_mobile_landscape_00.png
    centminmodcom_index_draft02_mobile_landscape_01.png
     
    • Like Like x 4
  3. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    Revised draft with a few changes with the icons and added tabbed content. Trying to cram as much info onto the index page :LOL: :)

    centminmodcom_index_draft03_tn.png

    Resources dropdown menu (icons need better matching heh)

    centminmodcom_index_draft03_resources_dropdown_tn.png

    Forums dropdown menu

    centminmodcom_index_draft03_forums_dropdown_tn.png

    PHP dropdown menu

    centminmodcom_index_draft04_php_dropdown_tn.png

    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
     
    Last edited: Jul 1, 2015
    • Like Like x 4
  4. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    Started first draft of Nginx pages

    centminmodcom_nginx_draft01.png
     
    • Like Like x 2
  5. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    Getting rid of fontawesome icons and replacing them with right arrow on Resources drop down menu :)

    centminmodcom_index_draft04_resources_dropdown_tn.png
     
    • Like Like x 2
  6. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    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 :D

    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
     
    • Like Like x 4
  7. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    Latest index page draft :)

    new-centminmodcom-index_00.gif
     
    • Like Like x 3
  8. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    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 :)
     
    • Like Like x 4
  9. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    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 :)

    gtmetrix_index_nopagespeed_00.png
     
    • Like Like x 1
    • Informative Informative x 1
  10. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    Something I've been wanting to do to reference the default Nginx vhost templates and be able to regenerate them ;) :D

    centminmodcom_vhost_draft00.png

    centminmodcom_vhost_draft03_tn.png
     
    • Like Like x 4
  11. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    Taking the Nginx vhost generator further :D

    centminmodcom_vhost2_draft00.png

    centminmodcom_vhost2_draft02.png
     
    • Like Like x 4
  12. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    centminmod.com new geo cluster coming along nicely :)

    cmm-location-map.png

    centminmod.com server locations map :D

    cmm-location-map-la.png cmm-location-map-la2.png cmm-location-map-london.png cmm-location-map-london2.png
    cmm-location-map-singapore.png cmm-location-map-singapore2.png cmm-location-map-syd1.png cmm-location-map-syd2.png
     
    Last edited: Jul 17, 2015
    • Like Like x 2
    • Informative Informative x 1
    • Friendly Friendly x 1
  13. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    :D

    cmm-server-locations-250715-00.png
     
    Last edited: Jul 25, 2015
    • Like Like x 1
    • Informative Informative x 1
  14. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    extended stats for bandwidth :)

    cmm-server-locations-250715-01tn.png
     
    • Like Like x 1
    • Informative Informative x 1
  15. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    I love my stats - per server nginx stats added :cool:

    cmm-server-locations-260715-00_tn.png
     
    • Like Like x 1
  16. eva2000

    eva2000 Administrator Staff Member

    30,168
    6,785
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +10,137
    Local Time:
    7:24 AM
    Nginx 1.13.x
    MariaDB 5.5
    • Like Like x 3
Thread Status:
Not open for further replies.