Difference between revisions of "Website Technical Overview"
Marc.maier (talk | contribs) (→Templates) |
Marc.maier (talk | contribs) |
||
| Line 24: | Line 24: | ||
* Twitter Bootstrap/CSS 3 for responsive styling the pages. | * Twitter Bootstrap/CSS 3 for responsive styling the pages. | ||
* JQuery for dynamic client side content access and manipulation. | * 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. | ||
Revision as of 21:31, 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.
Contents
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.
