From: Sam White Date: Wed, 8 Dec 2021 15:53:19 +0000 (+0000) Subject: Add more content to home about page, move founding members info to new page and add... X-Git-Url: https://git.dalvak.com/public/?a=commitdiff_plain;h=b9face237462643c8d14e1ad2179ef3f135cb1af;p=ycra.git Add more content to home about page, move founding members info to new page and add some images. --- diff --git a/public_html/css/common.css b/public_html/css/common.css index b42d07d..6545512 100644 --- a/public_html/css/common.css +++ b/public_html/css/common.css @@ -21,7 +21,6 @@ body { div#page-content { /* Centre text and pad from page top and sides. */ margin: 0 auto; - padding: 1% 10%; } /* Justify text in paragraphs. */ @@ -31,7 +30,7 @@ div#page-content p { /* Appropriately pad page sections. */ div.section { - padding: 1% 0; + padding: 1% 15%; } /* Keep sections separate when floating occurs. */ @@ -59,6 +58,7 @@ th,td{ /* Styling for figures and captions.*/ figure { display: table; + width: 100%; } figure figcaption { display: table-caption; @@ -66,6 +66,16 @@ figure figcaption { text-align: justify; } +/* Flex containers for e.g. side-by-side alignment. */ +div.flexcontainer { + display: flex; +} + +/* Pad bottoms of forms.*/ +form { + padding-bottom: 1%; +} + footer { padding: 2em; @@ -84,10 +94,13 @@ footer a:link { } /* Conditional styling for small screen devices. */ -@media screen and (max-width: 800px){ +@media screen and (max-width: 990px){ /* Reduce padding as screen is smaller. */ div#page-content { - padding: 0.7% 4%; + padding-bottom: 0.7%; + } + div.section { + padding: 1% 7%; } figure { @@ -98,4 +111,8 @@ footer a:link { th,td { padding: 0.1em; } + + div.flexcontainer { + display: inline; + } } diff --git a/public_html/css/index.css b/public_html/css/index.css new file mode 100644 index 0000000..778de16 --- /dev/null +++ b/public_html/css/index.css @@ -0,0 +1,43 @@ +/* Styling specific to index page. */ + +#intro { + background-image: url('../images/worcester/ycra-stall.jpg'); + background-size: cover; + background-position: center bottom; + padding-top: 45vh; +} + +#intro div.section { + background: rgba(80, 80, 80, 0.8); + color: #ffffff; +} + +#intro div.section a { + color: lightblue; +} + +#key-elements { + background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), + url('../images/worcester/rwnyc-results.jpg'); + background-size: cover; + background-position: center bottom; +} + +#structure { + background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), + url('../images/methods/double-norwich-major.png'); +} + +#pricing { + background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), + url('../images/stock/badges.jpg'); + background-size: cover; + background-position: center center; +} + +/* Conditional styling for small screen devices. */ +@media screen and (max-width: 800px){ + #intro { + padding-top: 0; + } +} diff --git a/public_html/founding-members.php b/public_html/founding-members.php new file mode 100644 index 0000000..a369e58 --- /dev/null +++ b/public_html/founding-members.php @@ -0,0 +1,85 @@ + +
+

+ <?php esc($name);?> portrait /> + +
+
Why did you want to create the YCRA?' + . "

$why_create

"; + return bio($name, + 'founding-members/'.strtolower(str_replace(' ', '-', $name)).'.jpg', + $desc); +} + +function page_title() { + return 'Founding Members'; +} + +function additional_stylesheets() { + stylesheet('bio'); +} + +function content() {?> +
+

Who are the founding members?

+ +

Here is a little bit of information about the people who founded the YCRA.

+ + ringing family, I was + really lucky to find a group of friends who supported me in ringing and + helped me navigate ringing etiquette. I wanted to help create a group that + would create a safe space for other young ringers to find friends + like I did."; + founding_member_bio('Josephine Leggett', $why_create); + + $why_create = "It's a great way to get more kids involved in the larger + ringing community so that everyone has the opportunities that some of us + take for granted."; + founding_member_bio('Charlie Linford', $why_create); + + $why_create = "To help other young ringers find a group of like-minded + people to help, support and encourage them while learning to ring. I was + fortunate enough to have this while ringing at university (and when I went + to ring elsewhere over the summer) and it is definitely one of the main + reasons I enjoy ringing so much."; + founding_member_bio('Sam White', $why_create);?> +
diff --git a/public_html/images/methods/double-norwich-major.png b/public_html/images/methods/double-norwich-major.png new file mode 100644 index 0000000..7f437a6 Binary files /dev/null and b/public_html/images/methods/double-norwich-major.png differ diff --git a/public_html/images/stock/badges.jpg b/public_html/images/stock/badges.jpg new file mode 100644 index 0000000..f6e2b5d Binary files /dev/null and b/public_html/images/stock/badges.jpg differ diff --git a/public_html/images/worcester/elena-member.jpg b/public_html/images/worcester/elena-member.jpg new file mode 100644 index 0000000..119e774 Binary files /dev/null and b/public_html/images/worcester/elena-member.jpg differ diff --git a/public_html/images/worcester/rwnyc-results.jpg b/public_html/images/worcester/rwnyc-results.jpg new file mode 100644 index 0000000..f670dc2 Binary files /dev/null and b/public_html/images/worcester/rwnyc-results.jpg differ diff --git a/public_html/images/worcester/rwnyc.jpg b/public_html/images/worcester/rwnyc.jpg new file mode 100644 index 0000000..bab60c1 Binary files /dev/null and b/public_html/images/worcester/rwnyc.jpg differ diff --git a/public_html/images/worcester/ycra-stall.jpg b/public_html/images/worcester/ycra-stall.jpg new file mode 100644 index 0000000..b9c6f5e Binary files /dev/null and b/public_html/images/worcester/ycra-stall.jpg differ diff --git a/public_html/includes/navbar.php b/public_html/includes/navbar.php index 5263b38..5b6deb9 100644 --- a/public_html/includes/navbar.php +++ b/public_html/includes/navbar.php @@ -5,14 +5,12 @@ include_once('includes/config.php'); function get_menu_pages() { return [ - 'home' => [ 'name' => 'Home', - 'path' => 'index.php' + 'home' => [ + 'name' => 'About', + 'path' => '' ], - /* - 'about' => [ 'name' => 'About', - 'path' => '#' - ],*/ - 'join' => [ 'name' => 'Join', + 'join' => [ + 'name' => 'Join', 'path' => 'join.php' ], 'winter-event' => [ @@ -22,7 +20,12 @@ function get_menu_pages() { 'links' => [ 'name' => 'Useful Links', 'path' => '#' ],*/ - 'documents' => [ 'name' => 'Documents', + 'founders' => [ + 'name' => 'Founding members', + 'path' => 'founding-members.php' + ], + 'documents' => [ + 'name' => 'Documents', 'path' => 'documents.php' ],/* 'login' => [ 'name' => 'Login', diff --git a/public_html/index.php b/public_html/index.php index 20aeabb..1455b4c 100644 --- a/public_html/index.php +++ b/public_html/index.php @@ -1,109 +1,113 @@ -
-

- <?php esc($name);?> portrait /> - -
-
Why did you want to create the YCRA?' - . "

$why_create

"; - return bio($name, - 'founding-members/'.strtolower(str_replace(' ', '-', $name)).'.jpg', - $desc); -} - function page_title() { return 'Young Change Ringers Association'; } +// TODO - make sub navigation bar. +/* +function sub_nav() { + return ['key-elements' => 'Key elements', + 'structure' => 'Structure', + 'pricing' => 'Pricing']; +} +*/ + function additional_stylesheets() { - stylesheet('bio'); + stylesheet('index'); } function content() {?> -
-

Young Change Ringers Association

- -

The Young Change Ringers Association (YCRA) is a non-territorial - association for anyone young enough to handle a bell, up to the age of 30. - We aim to be an Association for young ringers, by young ringers.

+
+
+

Young Change Ringers Association

-

For more information about us check out our article on - page 2021/820 of - The Ringing World.

+

The Young Change Ringers Association (YCRA) was launched in September + 2021.

-

Alternatively, come and speak to us on the 11th of September at the - Ringing World National Youth - Contest in Worcester.

+

We are an Association for anyone young enough to handle a bell, up to + the age of 30, with the aim to be an Association for young ringers, by young + ringers.

- +
+

Key elements

+ +
+
+

There are two key elements to the YCRA. The first is a mentoring scheme, + allowing young ringers to be matched to a mentor or become a mentor + themselves. Mentors will be over 18 and assist mentees with anything from + method ringing, to bell maintenance, to organising an outing, to mental + wellbeing. This scheme will be launched in early 2022, so keep your eyes + pealed for the launch of this.

+ +

The second element is three large, organised events a year, spread + throughout the country around the Easter, Summer and Christmas school holidays. + The aim of this is to show young ringers that there are lots of other young + ringers about, who they can ring and have fun with.

+ +

The Association aims to give members the tools to develop as ringers and + as people, too. Ringing is an extremely valuable skill to have on a CV – think + of everything it gives you (teamwork, independent study, leadership to name a + few). It is understandable why young people would not want to continue a hobby + where they are the youngest by 20, 30, 40 years, and so it is hoped this + association will allow young ringers to connect with other people and realise + other young ringers do exist!

+
+ +
+ alt="Happy YCRA member"/> +
+
-
-

Who are the founding members?

- - ringing family, I was - really lucky to find a group of friends who supported me in ringing and - helped me navigate ringing etiquette. I wanted to help create a group that - would create a safe space for other young ringers to find friends - like I did."; - founding_member_bio('Josephine Leggett', $why_create); - - $why_create = "It's a great way to get more kids involved in the larger - ringing community so that everyone has the opportunities that some of us - take for granted."; - founding_member_bio('Charlie Linford', $why_create); - - $why_create = "To help other young ringers find a group of like-minded - people to help, support and encourage them while learning to ring. I was - fortunate enough to have this while ringing at university (and when I went - to ring elsewhere over the summer) and it is definitely one of the main - reasons I enjoy ringing so much."; - founding_member_bio('Sam White', $why_create);?> +
+

Structure

+ +

The Association will be entirely run by its members. We intend that + our integrated mentoring scheme will naturally encourage young ringers into + leadership roles, both within the YCRA and the wider ringing community.

+ +

The YCRA's age limit will provide a natural bound on the length of term + which its committee members can serve. This will ensure the committee + positions are refreshed every few years preventing it from becoming outdated + and stagnating. The multitude of available positions of responsibility + available below the committee level should ensure that committee members are + sufficiently prepared for the challenges involved with sitting on the + committee.

+ + +
+

Pricing

+

We have set an annual subscription to the Association at £15. For this, + you get access to the all the events being held in the year as well as the + mentoring scheme and a membership pack (this includes a YCRA pin badge, pen, + certificate, and booklet).

+ +

The booklet explains what the YCRA is and provides + information such as the events and safeguarding information. It also includes a + 101 guide for young ringers, for example, what to do if you visit an unfamiliar + tower on your own.

+ +

We think this is good value for money, especially when you + might pay the same for an hour of football training or a music lesson and is + similar to other local guild subscriptions!

+