Hannon Hill
Cascade CMS
Exchange Module

News/Blog - Completely redesigned site that can be used for news or blog content. Includes multiple listing page layouts with a beautiful image centric design.

https://github.com/hannonhill/exchange-modules/tree/master/news-blog

https://www.hannonhill.com/resources/exchange/resources/news-site.html

CUSTOMIZE/IMPLEMENT ::::::::::::::::::::::::::::::::::::::::::::::::

You can replace the hh-header and hh-footer blocks with your own via the Template (_cms/templates). 

You can update the head-files and bottom-scripts block with your global CSS/JS files references (_cms/blocks). 

The only references required in the head-file block for the News/Blog to function properly are: 

Bootstrap
<link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" rel="stylesheet"/>

Font Awesome
<link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" rel="stylesheet"/>

News/Blog CSS 
<link href="/_files/css/hh-module.css" rel="stylesheet"/>

There are NO references required in the bottom-scripts block for the News/Blog to function properly.

If your current website is already using a required reference, you should be able to use it and not include the reference included with module.

To customize your share widget/tool:
- Go to www.addthis.com/dashboard to customize your tools
- Copy the code snippet 
- Replace the current AddThis script with the script you just copied

To remove zoom effect on images:
- Remove transform:scale styles for .post-img:hover>img in style.css

CHANGELOG :::::::::::::::::::::::::::::::::::::::::::::::::::::::::

v1.0.3

The News/Blog frontend has been updated for optimization and customization purposes. It’s also been tested and updated for accessibility using the WAVE Accessibility Tool and now meets Web Content Accessibility Guidelines (WCAG) 2.0 AA standards. 

Accessibility Notes:

The Twitter link in the Social Media widget is reporting a low contrast issue but it's using Twitter's blue and white font. We rather not use images when we can use Font Awesome icons.
There are multiple errors and alerts on the single post link, they are caused by the AddThis widget. We reached out to AddThis and they said they are working on a fix. 

Changes:

Adjusted HTML for button in Contact Us block so that hover works on the button, not just the link
Removed current post for related posts sidebar
Cleaned up and removed unnecessary CSS/JS/Fonts
Updated CSS/JS/Fonts from local files to CDN hosted where possible
Updated HTML to meet Web Content Accessibility Guidelines (WCAG) 2.0 AA standards
Implemented our Exchange Module Styles system for easier customization
Updated Font Awesome 4.6 to Font Awesome Free 5.8.1

Exported using Cascade CMS v8.13.1

v1.0.2

RSS Feed fixes:
Links had an extra '/'
Image was not getting pulled in correctly
Deleted 3 pages and 2 formats through web services that didn't actually exist, but were causing errors on site import

v1.0.1

Added breadcrumbs
Added readme.txt file with version info and instructions for customizations
Added AddThis widget tool to share your posts
Added "View More" link to homepage