--
HilltopAlliance.com is a responsive static site with blog-aware functionality. As such, it relies on no databases, has no bloat like a content management system would, and loads dramatically faster than most sites with blogging and commenting. It is powered by the static site generator Jekyll, and was coded by hand custom for your business. My understanding from discussions is that Hilltop needs a clean, no-frills, yet bold and serious aesthetic with a simple user interface and basic navigation. The design and interface, then, limit visual clutter and cognitive overload in any way possible. The final iteration of the site has a modern, bold-looking background color (Pantone: Greenery; Hex: #88B14B) with white text set to use the free Google Web Font Montserrat.
Because the site does not run on a database and is not powered by a CMS such as WordPress, there should be zero maintenance needed to keep the site protected from malware. No updates needed, no plugins to be reconfigured, no malware to have to pay $50 a month to purchase site protection. It just works. It's future-proof.
At the same time, you have the ability to create dynamic content (blog posts) with timestamps. You can also at any time edit any text content on the site in a relatively easy manner, which I will detail in the folllowing steps.
I have set up a simple backend editor that allows you to make changes to any site text, content or to write a new blog post. To access the editor, you'll need to navigate to /update.
If you're in your web browser, simply type in http://hilltopalliance.com/update. You should then see the following login screen I have configured:
To make the process easiest for multiple users, there is simply one password to enter and no usernames. You should have received the password by email. If you at any time forget the password, please contact me at [email protected].
Once you've successfully logged in, you'll see the inline content editor allows you to edit any text on the site. In the left sidebar, ensure that you have selected Editor.
Then click on any text element on the site. You'll see a yellow selector and a styling pop-up appear for making text bold, italic or header styles.
Within the editor, on the right-side panel, select Posts
. You'll then see the current posts. Select the 'Create New Draft' option, and type in the headline for the post as the name of the file.
You should then see a post editor interface appear where you can type your post, select the author, insert images and apply basic formatting, including hyperlinks.
Once finished with a post, be sure first to select Save Draft
and then Publish Post
. You should now see the post appear at the top of the /blog
page in reverse chronological order.
Headers: Montserrat Bold 700 em Body Text: Montserrat Regular 400 em
NAME: Tuatara RED: 0.2039216012 GREEN: 0.2078430951 BLUE: 0.2117646933 ALPHA: 1.0000000000 HEX: #343536
NAME: White Smoke RED: 0.9647058845 GREEN: 0.9647058845 BLUE: 0.9647058845 ALPHA: 1.0000000000 HEX: #F6F6F6
NAME: Greenery RED: 0.5333333611 GREEN: 0.6941176653 BLUE: 0.2941176593 ALPHA: 1.0000000000 HEX: #88B14B