/template--lumberjack

A Full Stack responsive template, ready for quick implementation with blog, media aggregator, and email responder. **Node, Express, EJS, Prismic, Curator, Nodemailer.

Primary LanguageCSS

LumberJack

A lightweight template fully integrated with Prismic, Curator, and NodeMailer. View live at (https://lumberjack-theme.herokuapp.com).

Table of contents

General info

This template is targeted at the needs of small businesses bringing their products, services, or ideas to the web. Artisans, influencers, and private businesses need a way to integrate social media, ongoing public interest, and a strong brand sense. LumberJack provides a quick setup for even a beginner front-end dev.

In order to implement LumberJack, you will need to establish hosting and edit some code files, but if you can follow directions and are willing to learn something new along the way LumberJack is accessible to any developer. Your host and plan must support a Node runtime. If you wish to use gmail as your email provider, your host must support external SMTP. LumberJack is compatible with any SMTP email provider.

If you are familiar with hosting services and already have brand images, colors, copy, and social accounts, you can expect to have the site fully running and styled in one day. If you are starting from scratch and need to generate images, copy, accounts, and a brand sense, expect 1 - 2 weeks for full deployment.

Documentation

LumberJack's setup documentation can be found on the LumberJack Blog. Head to (https://lumberjack-theme.herokuapp.com/blog) to get started. You can find articles helping you setup NodeMailer, Prismic, Curator, and how to start integrating your brand content. You can find a text-only version in the root directory.

Screenshots

Example screenshot

Example screenshot

Technologies

  • Node.js v12.18.3
  • Express v4.17.1
  • NodeMailer v6.4.17
  • EJS v3.1.5
  • HTML5
  • CSS3
  • ES6

Integrated APIs

  • Prismic
  • Curator
  • ShareThis

Features

  • Fully mobile ready.
  • SMACCS Scalable Architecture.
  • Multi-network social media aggregator.
  • Headless content management system.
  • Secure automatic email responder.
  • Dynamically rendered blog posts.

To-do

  • Implement blog post pagination and sorting.
  • Pass error handling to frontend and output to console.
  • Blog pagination, date sorting.
  • Generate font and pattern options.
  • Style ShareThis buttons.
  • Make spacing between share menu and page content dynamic.
  • Faster load time on fonts and logo.
  • Remove WET replace() work in /blog.ejs.

Known Issues

  • Browser issue: event.path is not supported in Firefox, Edge, or IE. However, the main blog intro uses event.path to find parent elements and apply hover effect on mouseover of entire element.

Status

Project is: in production.

Inspiration

Project inspired by a client project that was built for scalability and modularity. Proving successful upon porting to a new brand identity, the theme was developed into a stand-alone template.

Contact

Created by Ash Thomas (https://www.ashthomasweb.com/) - feel free to contact me!

Additional Screenshots

Example screenshot

Example screenshot

Example screenshot

Example screenshot