Our use of the website has evolved over time. What we used to use, is in some case not used, because its easier to do things a different way. Notices are no longer pasted in (using paste as word), it was taking too long, and there were too many late changes. So now the whole notices are attached as PDF to the home page. This also makes it easier to say download notices from the home page.
- Less key strokes, more images, less text CB
- Login via a separate login (not the current process with a login on every page) - stick with the out of the box processes
- make pages responsive, don't use so many tables, or those that we do are based on percentages
- consider whether to have a non-white background, OR to use a white background just to text - better for the eyes
- fonts & font pairings
Things to look for in pages
- characters - use html code names for quotes, copyright etc but some seem to crash ckeditor!
- think responsive, a different way to work with images etc (there are some new classes to use - basically need a container, with some items which flex within the container) - see Responsive Pictures Test
- widths - don't use absolute number of pixels, think in percentages of page width
- links in tables, or other entities (they should be in the appropriate font for that entity - we are fixing for each one in the CSS)
Fonts & Font Pairing
See the Font page for a discussion on which fonts families to use.
At one time, we tended to use a sans-serif font for screen and a serif font for page. But with better quality devices, that no longer is necessarily the case. Now we may use a mix with perhaps one font family for body text and another for headings and emphasis (called font pairing). We are currently using
- Verdana - for body text
- Merriweather - for headings and emphasis
- Barlow - for navigation (because it's more compact than verdana & is available/works)
CKeditor Config Issues
Ckeditor issues are demostrated in the following tests:
They have been removed from this regression test, because the text needs to be recreated each edit, and therefore makes this page harder to maintain.
Tables Tests (H2)
This is whitewater, with text buttons as per giving
Changing this table format - to not use cellpadding/cellspacing & to be more inline with whitewater table
Our typical pattern of services is (this is a whitewater table class, with headings - but nested tables)
Modified to include class outer on the outer table
This is pewsheet table
Col 3:12-17, Matt 13:24b-30
St John’s Church, Hook
President & Preacher
Isa 58:1-9a, 1 Cor 2:1-12, Matt 5:13-20
This is a H1
Another Heading (h2)
St John’s Annual Report – as we prepare for the APCM on Sunday 6th April in order to ensure that our report is open, inclusive and interesting I would like to invite the leaders of the many teams and groups at St John’s to promote the varied activities of the church by contributing to the report. I have sent emails to various people, but if you have not heard from me and would like to contribute please write about 100-150 words highlighting: the objectives of your group, what you have achieved and your plans and objectives for the next year.
The Church of England General Synod (a H3)
meeting from Monday 10th to Wednesday 12th February. During this time the Archbishops of Canterbury and York would like to encourage people throughout the Dioceses and parishes to pray for the work and life of the General Synod. An outline of the agenda items:
- Monday – Ethical investments, gender-based violence debate
- Tuesday – Women in the episcopate
- Wednesday – Archbishop of Canterbury’s address, human sexuality, environmental issues, a private members motion on Girl Guiding.