Difference between revisions of "Website Technical Overview"

From CCCWiki
Jump to: navigation, search
Line 28: Line 28:
 
=== Pintrest-Style Tag Layouts ===
 
=== Pintrest-Style Tag Layouts ===
 
To turn a normal list of tagged items in to a pintrest-style layout, add ''-pintrest'' in Page Class field of the menu item.
 
To turn a normal list of tagged items in to a pintrest-style layout, add ''-pintrest'' in Page Class field of the menu item.
 +
 +
=== Custom Fields ===
 +
The following file contains the name of the tab that is displayed in the editor: ''language/en-GB/en-GB.tpl_uber.sys.ini''. The fields are define in the XML files in this directory: ''templates/uber/etc/extrafields''

Revision as of 23:49, 8 August 2015

This is a technical overview over the most important aspect of the website. Note that the main office infrastructure is hosted on Office 365, which is completely separate from the website.

Hosting

The website is at 1&1 on a virtual machine. To log in, please go to the login page and enter ccchislehurst.org as Customer ID.

The hosting platform has the following characteristics:

  • OS: CentOS Linux, 64 bit
  • Resources: 2 CPUs and 512 MB of RAM, although this can be dynamically adjusted
  • Web server: Apache with FastCGI and PHP 5.5
  • Database: MySQL
  • User account: ccchislehurst.org
  • Domains: ccchislehurst.org, christchurchchislehurst.org

Content Delivery Network

The website leverages are Content Delivery Network (CDN) called CloudFlare to speed up page load time and increase security. To configure it, go to the CloudFlare login page. CloudFlare also host a free SSL certificate.

Joomla!

The website is based on a CMS called Joomla! which is a popular, free open source Content Management System (CMS) based on the programming language PHP. Joomla! can be customised in many way to adpat it to specific requirements, including extensions and https://docs.joomla.org/Template templates].

Template

The current Joomla! tempate is based on Uber template from JoomlaArt which in turn is based on the T3 framework. Therefore the key technologies that the template uses are:

  • PHP 5.5 for dynamically generating the pages.
  • HTML5 for rendering the pages.
  • Twitter Bootstrap/CSS 3 for responsive styling the pages.
  • JQuery for dynamic client side content access and manipulation.

Customations

Pintrest-Style Tag Layouts

To turn a normal list of tagged items in to a pintrest-style layout, add -pintrest in Page Class field of the menu item.

Custom Fields

The following file contains the name of the tab that is displayed in the editor: language/en-GB/en-GB.tpl_uber.sys.ini. The fields are define in the XML files in this directory: templates/uber/etc/extrafields