+ icon-menu0x2630 +

+ icon-cancel0x2716 +

+ + + diff --git a/public_html/font/fontello-7a886015/font/fontello.eot b/public_html/font/fontello-7a886015/font/fontello.eot new file mode 100644 index 0000000..3048c87 Binary files /dev/null and b/public_html/font/fontello-7a886015/font/fontello.eot differ diff --git a/public_html/font/fontello-7a886015/font/fontello.svg b/public_html/font/fontello-7a886015/font/fontello.svg new file mode 100644 index 0000000..c45cb7e --- /dev/null +++ b/public_html/font/fontello-7a886015/font/fontello.svg @@ -0,0 +1,14 @@ + + + diff --git a/public_html/font/fontello-7a886015/font/fontello.ttf b/public_html/font/fontello-7a886015/font/fontello.ttf new file mode 100644 index 0000000..07a8ca0 Binary files /dev/null and b/public_html/font/fontello-7a886015/font/fontello.ttf differ diff --git a/public_html/font/fontello-7a886015/font/fontello.woff b/public_html/font/fontello-7a886015/font/fontello.woff new file mode 100644 index 0000000..d46a600 Binary files /dev/null and b/public_html/font/fontello-7a886015/font/fontello.woff differ diff --git a/public_html/font/fontello-7a886015/font/fontello.woff2 b/public_html/font/fontello-7a886015/font/fontello.woff2 new file mode 100644 index 0000000..6119336 Binary files /dev/null and b/public_html/font/fontello-7a886015/font/fontello.woff2 differ diff --git a/public_html/font/fontello.eot b/public_html/font/fontello.eot new file mode 100644 index 0000000..3048c87 Binary files /dev/null and b/public_html/font/fontello.eot differ diff --git a/public_html/font/fontello.svg b/public_html/font/fontello.svg new file mode 100644 index 0000000..c45cb7e --- /dev/null +++ b/public_html/font/fontello.svg @@ -0,0 +1,14 @@ + + + diff --git a/public_html/font/fontello.ttf b/public_html/font/fontello.ttf new file mode 100644 index 0000000..07a8ca0 Binary files /dev/null and b/public_html/font/fontello.ttf differ diff --git a/public_html/font/fontello.woff b/public_html/font/fontello.woff new file mode 100644 index 0000000..d46a600 Binary files /dev/null and b/public_html/font/fontello.woff differ diff --git a/public_html/font/fontello.woff2 b/public_html/font/fontello.woff2 new file mode 100644 index 0000000..6119336 Binary files /dev/null and b/public_html/font/fontello.woff2 differ diff --git a/public_html/font/fontello.zip b/public_html/font/fontello.zip new file mode 100644 index 0000000..09e0cc8 Binary files /dev/null and b/public_html/font/fontello.zip differ diff --git a/public_html/images/founding-members/charlie-linford.jpg b/public_html/images/founding-members/charlie-linford.jpg new file mode 100644 index 0000000..037deac Binary files /dev/null and b/public_html/images/founding-members/charlie-linford.jpg differ diff --git a/public_html/images/founding-members/elena-brake.jpg b/public_html/images/founding-members/elena-brake.jpg new file mode 100644 index 0000000..57ce08a Binary files /dev/null and b/public_html/images/founding-members/elena-brake.jpg differ diff --git a/public_html/images/founding-members/elisha-small.jpg b/public_html/images/founding-members/elisha-small.jpg new file mode 100644 index 0000000..66b34f7 Binary files /dev/null and b/public_html/images/founding-members/elisha-small.jpg differ diff --git a/public_html/images/founding-members/emily-hall.jpg b/public_html/images/founding-members/emily-hall.jpg new file mode 100644 index 0000000..adc5de6 Binary files /dev/null and b/public_html/images/founding-members/emily-hall.jpg differ diff --git a/public_html/images/founding-members/josephine-leggett.jpg b/public_html/images/founding-members/josephine-leggett.jpg new file mode 100644 index 0000000..6778dd1 Binary files /dev/null and b/public_html/images/founding-members/josephine-leggett.jpg differ diff --git a/public_html/images/founding-members/matthew-jerome.jpg b/public_html/images/founding-members/matthew-jerome.jpg new file mode 100644 index 0000000..8ced58c Binary files /dev/null and b/public_html/images/founding-members/matthew-jerome.jpg differ diff --git a/public_html/images/founding-members/sam-white.jpg b/public_html/images/founding-members/sam-white.jpg new file mode 100644 index 0000000..ac504b6 Binary files /dev/null and b/public_html/images/founding-members/sam-white.jpg differ diff --git a/public_html/images/logo/logo.png b/public_html/images/logo/logo.png new file mode 100644 index 0000000..f68fb11 Binary files /dev/null and b/public_html/images/logo/logo.png differ diff --git a/public_html/images/logo/text.png b/public_html/images/logo/text.png new file mode 100644 index 0000000..a895cd2 Binary files /dev/null and b/public_html/images/logo/text.png differ diff --git a/public_html/images/logo/y.png b/public_html/images/logo/y.png new file mode 100644 index 0000000..68304f8 Binary files /dev/null and b/public_html/images/logo/y.png differ diff --git a/public_html/includes/html-templating.php b/public_html/includes/html-templating.php new file mode 100644 index 0000000..aac4210 --- /dev/null +++ b/public_html/includes/html-templating.php @@ -0,0 +1,27 @@ + + "> + [ 'name' => 'Home', + 'path' => 'index.php' + ], + /* + 'about' => [ 'name' => 'About', + 'path' => '#' + ], + 'join' => [ 'name' => 'Join', + 'path' => '#' + ], + 'links' => [ 'name' => 'Useful Links', + 'path' => '#' + ], + 'register' => [ 'name' => 'Register', + 'path' => '#' + ], + 'login' => [ 'name' => 'Login', + 'path' => '#' + ]*/ + ]; +} + +function navbar() { + $pages = get_menu_pages();?> + + diff --git a/public_html/includes/template.php b/public_html/includes/template.php new file mode 100644 index 0000000..38ab376 --- /dev/null +++ b/public_html/includes/template.php @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + YCRA<?php + if (function_exists('page_title')) esc(' | ' . page_title());?> + + + +

+ + + diff --git a/public_html/includes/utils.php b/public_html/includes/utils.php new file mode 100644 index 0000000..ee5bb6c --- /dev/null +++ b/public_html/includes/utils.php @@ -0,0 +1,46 @@ + + + + Young Change Ringers Association + + +

Young Change Ringers Association

Coming soon...

+ + diff --git a/public_html/index.php b/public_html/index.php new file mode 100644 index 0000000..45bfa78 --- /dev/null +++ b/public_html/index.php @@ -0,0 +1,109 @@ + +

/> + +

Why did you want to create the YCRA?' + . "

$why_create

"; + return bio($name, + 'founding-members/'.strtolower(str_replace(' ', '-', $name)).'.jpg', + $desc); +} + +function additional_stylesheets() { + stylesheet('bio'); +} + +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.

+ +

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

+ +

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

+ + +

+ +

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);?> +

+ + diff --git a/public_html/js/scroll.js b/public_html/js/scroll.js new file mode 100644 index 0000000..3f9d9f7 --- /dev/null +++ b/public_html/js/scroll.js @@ -0,0 +1,36 @@ +/* + * Scroll to selected navigation link location. +*/ + +document.querySelectorAll('a[href^="#"]').forEach(anchor => { + // for every in-page link + anchor.addEventListener('click', function(e) { + // Stop the default behaviour. + e.preventDefault(); + + // Get body position relative to user's viewport. + var bodyPosition = document.body.getBoundingClientRect().top; + + // Handle requests to scroll to top of page. + if (this.getAttribute('href') == "#top") + elementPosition = bodyPosition; + else + { + // Get element to scroll to and position relative to viewport. + var element = document.querySelector(this.getAttribute('href')); + var elementPosition = element.getBoundingClientRect().top; + } + + // Get position to scroll to relative to top of page, compensating height + // of navbars. + var headerOffset = document.getElementById('mainnav').scrollHeight + + document.getElementById('subnav').scrollHeight; + var offsetPosition = elementPosition - bodyPosition - headerOffset; + + // Scroll. + window.scrollTo({ + top: offsetPosition, + behavior: "smooth" + }); + }); +}); diff --git a/public_html/js/scrollactivehighlight.js b/public_html/js/scrollactivehighlight.js new file mode 100644 index 0000000..fdd16db --- /dev/null +++ b/public_html/js/scrollactivehighlight.js @@ -0,0 +1,76 @@ +/* + * Sets navigation item to active if in view. +*/ + +/* Return the percentage of the elem given visible to the user. Accounts for + * header offset if provided. */ +function getPercentVisible(elem, headerOffset = 0) +{ + var elementHeight = elem.clientHeight; + + /* Find location of top and bottom of element bounding box relative to top + * of viewport accounting for header offset given. */ + var rect = elem.getBoundingClientRect(); + var elemTop = rect.top - headerOffset; + var elemBottom = rect.bottom - headerOffset; + + // Viewport height excluding headers. + var viewHeight = window.innerHeight - headerOffset; + + /* Determine pixels of element visible. */ + var amountVisble = 0; + // Element not in view. + if (elemBottom <= 0 || elemTop >= viewHeight) + amountVisible = 0; + // Top of element not in view. + else if (elemTop < 0 && elemBottom > 0) + amountVisible = elemBottom; + // Element fills entire view. + else if (elemTop < 0 && elemBottom > viewHeight) + amountVisible = viewHeight; + // Whole element in view. + else if (elemTop >= 0 && elemBottom <= viewHeight) + amountVisible = elementHeight; + // Bottom of element not in view. + else if (elemTop >= 0 && elemBottom > viewHeight) + amountVisible = viewHeight - elemTop; + + // Return the percentage of the element in view. + return amountVisible / elementHeight * 100; +} + + +// Get all sub-navbar elements. +var subnavbarElem = document.querySelectorAll("nav#subnav a"); + +// Get height of header. +var headerOffset = document.getElementById('mainnav').offsetHeight + + document.getElementById('subnav').offsetHeight; + +// Run whenever page is scrolled. +window.addEventListener('scroll', function (event) { + // Create 2D array. + vis = new Array(2); + vis[0] = new Array(subnavbarElem.length); + vis[1] = new Array(subnavbarElem.length); + + // For each subnavbar element. + for (var i = 0; i < subnavbarElem.length; i++) + { + // Remove any already set active classes. + subnavbarElem[i].classList.remove("active"); + + // Get the section element the navbar link refers to. + sectionId = subnavbarElem[i].getAttribute('href'); + section = document.querySelector(sectionId); + + // Store the navbar link element and the percentage of the section visible. + vis[0][i] = subnavbarElem[i]; + vis[1][i] = getPercentVisible(section, headerOffset); + } + + // Find index of element with greatest percentage visible and make this the active element. + let imax = vis[1].indexOf(Math.max(...vis[1])); + vis[0][imax].classList.add("active"); +}, false); +

fontello font demo

Young Change Ringers Association

Young Change Ringers Association

Who are the founding members?