Add more content to home about page, move founding members info to new page and add...
authorSam White <webmaster@ycra.org.uk>
Wed, 8 Dec 2021 15:53:19 +0000 (15:53 +0000)
committerSam White <webmaster@ycra.org.uk>
Wed, 8 Dec 2021 15:53:19 +0000 (15:53 +0000)
public_html/css/common.css
public_html/css/index.css [new file with mode: 0644]
public_html/founding-members.php [new file with mode: 0644]
public_html/images/methods/double-norwich-major.png [new file with mode: 0644]
public_html/images/stock/badges.jpg [new file with mode: 0644]
public_html/images/worcester/elena-member.jpg [new file with mode: 0644]
public_html/images/worcester/rwnyc-results.jpg [new file with mode: 0644]
public_html/images/worcester/rwnyc.jpg [new file with mode: 0644]
public_html/images/worcester/ycra-stall.jpg [new file with mode: 0644]
public_html/includes/navbar.php
public_html/index.php

index b42d07d83eb3168d7faaa2a8deade6437c6b8924..6545512fe9b699121e618666b852aa3d757524c9 100644 (file)
@@ -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 (file)
index 0000000..778de16
--- /dev/null
@@ -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 (file)
index 0000000..a369e58
--- /dev/null
@@ -0,0 +1,85 @@
+<?php
+require_once('includes/html-templating.php');
+
+function bio($name, $img_path, $description) {?>
+  <div class="bio">
+    <h3><?php esc($name);?></h3>
+    <img alt="<?php esc($name);?> portrait"
+            <?php src("images/$img_path");?> />
+    <?php echo $description;?>
+  </div>
+  <div class="clear"></div><?php
+}
+
+function founding_member_bio($name, $why_create) {
+  $desc = '<h4>Why did you want to create the YCRA?</h4>'
+        . "<p>$why_create</p>";
+  return bio($name,
+            'founding-members/'.strtolower(str_replace(' ', '-', $name)).'.jpg',
+            $desc);
+}
+
+function page_title() {
+  return 'Founding Members';
+}
+
+function additional_stylesheets() {
+  stylesheet('bio');
+}
+
+function content() {?>
+  <div class="section" id="core-7">
+    <h1>Who are the founding members?</h1>
+
+    <p>Here is a little bit of information about the people who founded the YCRA.</p>
+
+    <?php
+    $why_create = "I came to the realisation that there were ringers in my area I had
+      never heard of, and that this wasn't just a one off. I wanted to help
+      connect young ringers together so they can derive as much happiness from
+      ringing as I do! Plus, I want people to ring with when I'm old.";
+    founding_member_bio('Matthew Jerome', $why_create);
+
+    $why_create = "I haven't had a lot of chance to participate in many youth ringing
+      activities in the county so I wanted to be a part of something that would
+      give me, and others, this opportunity.";
+    founding_member_bio('Elisha Small', $why_create);
+
+    $why_create = "I was excited about getting involved with YCRA and helping to secure
+      the future of ringing. Young people are the ringing leaders of the future!
+      I had been looking for ways to connect with other young ringers for a
+      while and the opportunity to get involved with YCRA was too good to miss!";
+    founding_member_bio('Elena Brake', $why_create);
+
+    $why_create = "The ringing community is unlike any other, and I believe that it's
+      crucial that we allow young ringers to connect and develop as human
+      beings. If anything, it's for the survival of our art. Young ringers are
+      our future tower captains, teachers, and committee members – the ringing
+      community need to give them the space and tools so that they can, one day,
+      fill those roles. I believe that the YCRA will do just that, with the
+      mentoring scheme being a good opportunity to ease young ringers into roles
+      of responsibility whilst, at the same time, providing a support network.";
+    founding_member_bio('Emily Hall', $why_create);
+
+    $why_create = "As someone without a <q>ringing family</q>, 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);?>
+  </div><?php
+}
+
+include_once('includes/template.php');?>
diff --git a/public_html/images/methods/double-norwich-major.png b/public_html/images/methods/double-norwich-major.png
new file mode 100644 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
index 0000000..b9c6f5e
Binary files /dev/null and b/public_html/images/worcester/ycra-stall.jpg differ
index 5263b388f396a51e4cf64076363bd5b2650c8136..5b6deb9885f75479317040bf482d803820bbbc1e 100644 (file)
@@ -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',
index 20aeabb06ee245ef117e5eedece65f80e6db7de2..1455b4cf14f5c95c68df10a4225d74a65f1147b7 100644 (file)
 <?php
 require_once('includes/html-templating.php');
 
-
-function bio($name, $img_path, $description) {?>
-  <div class="bio">
-    <h3><?php esc($name);?></h3>
-    <img alt="<?php esc($name);?> portrait"
-            <?php src("images/$img_path");?> />
-    <?php echo $description;?>
-  </div>
-  <div class="clear"></div><?php
-}
-
-function founding_member_bio($name, $why_create) {
-  $desc = '<h4>Why did you want to create the YCRA?</h4>'
-        . "<p>$why_create</p>";
-  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() {?>
-  <div class="section">
-    <h1>Young Change Ringers Association</h1>
-
-    <p>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.</p>
+  <div id="intro">
+    <div class="section">
+      <h1>Young Change Ringers Association</h1>
 
-    <p>For more information about us check out our article on
-    <a href="https://bb.ringingworld.co.uk/issues/2021/820">page 2021/820</a> of 
-    <i><a href="https://ringingworld.co.uk/">The Ringing World</a></i>.</p>
+      <p>The Young Change Ringers Association (YCRA) was launched in September
+      2021.</p>
 
-    <p>Alternatively, come and speak to us on the 11th of September at the
-    <a href="https://rwnyc.ringingworld.co.uk/">Ringing World National Youth 
-    Contest</a> in Worcester.</p>
+      <p>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.</p>
 
-    <!--p>The primary aims are to:</p>
+      <p>For more information about us check out our article on
+      <a href="https://bb.ringingworld.co.uk/issues/2021/820">page 2021/820</a> of
+      <i><a href="https://ringingworld.co.uk/">The Ringing World</a></i>.</p>
+    </div>
+  </div>
 
-    <ul>
-      <li>Promote young ringing.</li>
-      <li>Recruit ringers.</li>
-      <li>Support the development of young ringers.</li>
-    </ul-->
+  <div class="section" id="key-elements">
+    <h2>Key elements</h2>
+
+    <div class="flexcontainer">
+      <div>
+        <p>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
+        <q>pealed</q> for the launch of this.</p>
+
+        <p>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.</p>
+
+        <p>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!</p>
+      </div>
+
+      <figure>
+        <img style="max-height: 40vh;"
+          <?php src('images/worcester/elena-member.jpg');?> alt="Happy YCRA member"/>
+      </figure>
+    </div>
   </div>
 
-  <div class="section" id="core-7">
-    <h2>Who are the founding members?</h2>
-
-    <?php
-    $why_create = "I came to the realisation that there were ringers in my area I had 
-      never heard of, and that this wasn't just a one off. I wanted to help 
-      connect young ringers together so they can derive as much happiness from 
-      ringing as I do! Plus, I want people to ring with when I'm old.";
-    founding_member_bio('Matthew Jerome', $why_create);
-    
-    $why_create = "I haven't had a lot of chance to participate in many youth ringing 
-      activities in the county so I wanted to be a part of something that would 
-      give me, and others, this opportunity.";
-    founding_member_bio('Elisha Small', $why_create);
-    
-    $why_create = "I was excited about getting involved with YCRA and helping to secure 
-      the future of ringing. Young people are the ringing leaders of the future! 
-      I had been looking for ways to connect with other young ringers for a 
-      while and the opportunity to get involved with YCRA was too good to miss!";
-    founding_member_bio('Elena Brake', $why_create);
-    
-    $why_create = "The ringing community is unlike any other, and I believe that it's 
-      crucial that we allow young ringers to connect and develop as human 
-      beings. If anything, it's for the survival of our art. Young ringers are 
-      our future tower captains, teachers, and committee members – the ringing 
-      community need to give them the space and tools so that they can, one day, 
-      fill those roles. I believe that the YCRA will do just that, with the 
-      mentoring scheme being a good opportunity to ease young ringers into roles 
-      of responsibility whilst, at the same time, providing a support network.";
-    founding_member_bio('Emily Hall', $why_create);
-    
-    $why_create = "As someone without a <q>ringing family</q>, 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);?>
+  <div class="section" id="structure">
+    <h2>Structure</h2>
+
+    <p>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.</p>
+
+    <p>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.</p>
   </div>
 
+  <!--div class="section">
+    <h2>Safeguarding</h2>
+    <p>We know how important safeguarding and so have a separate tab above
+    dedicated to this above. There you can find our safeguarding policy and code of
+    conduct.</p>
+  </div-->
+
+  <div class="section" id="pricing">
+    <h2>Pricing</h2>
+      <p>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).</p>
+
+      <p>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.</p>
+
+      <p>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!</p>
+  </div>
   <?php
 }