-
Notifications
You must be signed in to change notification settings - Fork 0
Setup
In order to use the C. A. Imhoff theme, you’ll need to have completed the following steps:
- Install Git
- Install Node.js
- Install Eleventy
- Install C. A. Imhoff as a Git submodule
- Configure site files
If you are a total beginner or could stand to brush up your skills, then watch this four-video tutorial series by Brad Schiff explaining the basics of command line, Git, and GitHub.
You can read more in Git’s official documentation.
The static site generator Eleventy runs inside a program called Node.js. If you do not already have Node installed on your computer, then download and follow Node’s instructions for your operating system for the latest long-term support (LTS) version.
If you do not already have Eleventy installed, then follow Eleventy’s “Getting Started” instructions.
You can load the C. A. Imhoff theme inside any 11ty installation as a Git submodule with the following command.
~$ git submodule add https://github.com/pghnaz/caimhoff.git ELEVENTY_INPUT_DIRECTORY
NB, ELEVENTY_INPUT_DIRECTORY
will be whatever your input
is set to in .eleventy.js
(by default, 11ty sets this as _includes/
, but with C. A. Imhoff it should be src/includes/
)
Create a file named src/data/site.json
. You can see an example of what this file should contain at pghnaz/pghnaz.org/src/data/site.json
Copyright © 2019 by Pittsburgh District Church of the Nazarene
- Welcome
- Setup
- Coding Standards
-
HTML (in
/pghnaz.org/wiki
) -
CSS (in
/pghnaz.org/wiki
) -
JavaScript (in
/pghnaz.org/wiki
)
-
HTML (in
- Color Scheme
- Style Guide
- Layouts
404.11ty.js
base.11ty.js
calendar.11ty.js
contact.11ty.js
content.11ty.js
collection.11ty.js
eventList.11ty.js
map.11ty.js
search.11ty.js
- Filters
- Shortcodes
- Site Information
affiliateLogo()
copyrightNotice()
favicon()
rootDomainLogo()
siteLogo()
siteTagline()
- Document metadata
descriptionMeta()
contentDate()
contentTitle()
externalCSS()
headTag()
inlineCSS()
socialMeta()
titleTag()
- Navigation
menu()
socialLinks()
- Headers
contentHeader()
siteHeader()
- Footers
contentFooter()
siteFooter()
- Call to Action
callToAction()
editThisPage()
subscribeToNewsletter()
- Site Information
- Client-Side JavaScript
search.js
- Other static assets
- Badges
- Branding
- Fonts