Lake Hamilton Outfitters

[joer80]

I built this one on bootstrap 4 with a number of extras.  ie.  Animate on scroll for photos and carousels, navbar animate on scroll, lightbox, facebook sdk for page embed, google map embed, and font awesome.    

I am using the page tree as a row builder instead of navigation.  I detached the menu system from the page tree to give more control on external links, single page website situations that need to link to sections, and add new window target options.  It also lets you have different footer links vs header links this way.  You can add something like a privacy policy to the footer and not the header and still have one place that controls your menus.

Extensions used:

Color Picker, Inputfield ACE Extended, Google map marker, MarkInPageTree, Media Library, and Hana Code.  

I made a little module that will combine all of my ACE code fields into one merged javascript file and one merged css file on page save also. (Filename time stamped for cache busting.)  Its pretty neat!  

I have code tabs on pages that contain css and js ace fields tied to various things.  containers, themes, quick styles, and my sitewide code snippets can all have css or js that are merged on page save.    

While the page rows are great for adding elements to single pages, the sitewide snippet template is very powerful also.  Located under the template page, these are filed under the location name.  It has fields for files, css, js, php, and html code.  By adding this one page to the correct location; Top, Head, Body, Bottom, it will autoload and add code to various locations all at the same time and keep everything organized.  ie.  Install a header file, and it pulls in all of the related css styles and javascript code at the same time for you.   You can check out my screenshots to see how it all works!  You can insert bootstrap rows, columns, and add bootstrap elements to columns.  

https://www.lakehamiltonoutfitters.com/