Join us in person or on Facebook live again Sunday at 10am
(11-24-2024)
(11-24-2024)
This box (and all boxes on the page like it) will describe how the section below the box works.
PHP is used throughout the site to create dynamic content, as opposed to static content. Dynamic content automatically created by reading data from a database, randomly displaying data, calculating things, figuring out dates, and the like. Static content is typed in and doesn't change until you manually change it.
PHP is used to include the navigation menu on every page so any change made to the navigation and header is reflected on the entire site.
The navigation menu contains text links to the main pages of this website. This menu (and entire site) uses "Responsive Design" so it works on all devices (i.e. laptops, tablets, and smart phones). The menu items stack when the page is skinny (smartphone size). CSS (Cascading Style Sheets) are used to accomplish making the site responsive. You can test it by changing the width of your web browser window. You will see things on the page change as you change the width.
The design of this navigation menu is a site-wide (green) background color with white text. The menu item background color changes (purplish-brown) when you hover over the items to indicate what item you're on.
Behind the scenes, many the other items in the header can be seen when viewing the page source code. The link rel="icon" type="image/png" sets an icon that some web browsers display next to the URL (web address); here the church logo is used.
Also in the header are:
A random file grabber is used throughout the site to keep the site looking fresh. This is some of the dynamic content previously mentioned. Every time you load (or reload) a page, you may see different things. Photos (except in the photo gallery) will typically change every time you load a page.
Administrators can "log out" from any page that includes the site header once logged in.
Redirect lines (RewriteRule) were added to the .htaccess file to send URL's that contain special words like "about-us" to https://harrisonlegacy.com/about_us.php which takes care of links previously published.
Here is a sample .htaccess file
RewriteOptions inherit
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteCond %{REQUEST_URI} !^/\.well-known/acme-challenge/[0-9a-zA-Z_-]+$
RewriteCond %{REQUEST_URI} !^/\.well-known/cpanel-dcv/[0-9a-zA-Z_-]+$
RewriteCond %{REQUEST_URI} !^/\.well-known/pki-validation/[A-F0-9]{32}\.txt(?:\ Comodo\ DCV)?$
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
RewriteRule ministries-zone https://harrisonlegacy.com/sermons.php
RewriteRule about-us https://harrisonlegacy.com/about_us.php
RewriteRule get_connected https://harrisonlegacy.com/people.php?ShowThis=find_a_group
RewriteRule youth--children https://harrisonlegacy.com/
RewriteRule files https://harrisonlegacy.com/
RewriteRule filerequest https://harrisonlegacy.com/
RewriteRule pageredir https://harrisonlegacy.com/
RewriteRule HarrisonLegacy/ https://harrisonlegacy.com/
# Use PHP56 as default
AddHandler application/x-httpd-php56 .php
PHP sessions are used so that users that are logged in can stay logged in from page to page.
The bigger the file (web page) size, the longer the page takes to load. You can use speedtest to see what your internet connection speed is.
If your web browser's description contains "iPod", "iPad", "iPhone", "iOS", or "Android" you will see a randomly selected photo every time you reload the page.
If your web browser's description does not contain one of those words, you will see a randomly selected video every time you reload the page.
All photos are the same dimensions (but do not have to be the same dimensions for this responsive design to work) and are targetted to be less than .5MB (500KB).
All videos are the same dimensions (but do not have to be the same dimensions for this responsive design to work) and are targetted to be less than 2MB (200KB). Most are 1.2MB.
It's good to be consistent, so all photos and videos were made with the same dimensions so when you reload the page or go from page to page, the image changes but remains the same size on the browser so things don't jump around on the user.
Tablets and Smartphones show one frame of a video instead of playing videos automatically, so we show photos for these devices instead, which are also smaller (file sizes) and take less time to load. These devices are typically on slower connections as well. By displaying photos instead of videos, these users have a better experience.
Photos and videos are original content created by members of the church.
Your browser's description is: "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)".
Since your browser description does not contain "iPod", "iPad", "iPhone", "iOS", or "Android" in the description, you are seeing a video below.
This site was the live website for harrisonlegacy.com from 01-16-2019 through 02-01-2023.
In conjunction with a web design class that I taught at a local university, I added an option to see information about how the site was built. Since the site is no longer being used as the main site, I decided to share this information with anyone curious about web design and cool things that you can do with PHP.
The "Plan a Visit" content is static (does not change) and targets people unfamiliar with the church.
People logged in (administrators) can setup new Upcoming Events.
The purpose of this section is to keep the site fresh (content is actively managed), keep parents and kids informed on music used in worship, display photos of the kids that attend, and show that kids are an important part of the church at Legacy Christian Church.
The purpose of this section is to keep the site fresh (content is actively managed) and allow folks who missed the service or want to re-hear the sermon to listen to it (by following the link).
The purpose of this section is to keep the site fresh (content is not actively managed) but gives people an idea of what to expect at Legacy Christian Church.
The church logo is displayed here for aesthetic reasons and to tie the site to the physical location (i.e. branding), where the logo is also used.
The purpose of this section is to keep the site fresh (content is periodically managed). Links to recently uploaded photo galleries are sent out using social media, directly to the gallery. With this in place, they can be sent to the home page instead.
Like the navigation menu, the footer is included on every page on the site. This section includes social media links for the church (that open in a new tab or window), church address, contact information, worship service times, and information on how to "Create an app icon" on a smart phone.
A "Google Custom Search" field is in the footer allowing the user to search the site. The search box was customized to match the color scheme of the site.