Code Monkey home page Code Monkey logo

caimhoff's Introduction

C. A. Imhoff

C. A. Imhoff is an Eleventy theme named after the second district superintendent for the Pittsburgh District Church of the Nazarene, who served from 1909 to 1912.

Overview

This theme is designed as a Git submodule for https://pghnaz.org/ and its subdomain sites to serve as 11ty’s includes directory.

If C. A. Imhoff is not already loaded as a submodule, then you can install it with the following command.

$ git submodule add https://github.com/pghnaz/caimhoff.git ELEVENTY_INCLUDES_DIRECTORY

If you are unfamiliar with Git submodules (and even if you are familiar), Chris Wanstrath has is a helpful article in Git documentation.

With the submodule loaded, then you can require the caimhoff module and pass it the 11ty config argument.

NB, you’ll also need to specify a layouts directory in 11ty’s configuration options. This can be any directory inside the input directory, as long as it is at the same level as your includes directory. This allows you to define custom layouts outside the theme files.

// .eleventy.js

// Require theme modules, assuming your 11ty includes directory is src/includes/
var caimhoff = require('./src/includes/caimhoff')

module.exports = function (eleventyConfig) {

	// Pass 11ty config argument to theme modules
	caimhoff(eleventyConfig)

	// 11ty directory options
	return {
		dir {
			layouts: 'layouts' // any directory inside 11ty’s input directory
		}
	}
}

Contributing

Before submitting an issue or pull request, please read our code of conduct.

Also, check out our main site wiki for style guides and coding standards.

Contributors

Thanks for helping make this site possible.

Copyright © 2019 by Pittsburgh District Church of the Nazarene

caimhoff's People

Contributors

reubenlillie avatar

Stargazers

 avatar

Watchers

 avatar  avatar

caimhoff's Issues

Initialize README.md

Add the following items to the README.

  • Overview explaining purpose, namesake, and dependencies
  • Links to the organization page and https://pghnaz.org/
  • Submodule instructions
  • Contributing (Code of Conduct, main site wiki for coding standards)
  • Copyright

Abstract site footer menus to data files

Right now the collection of menus in the footer are hard coded. For code reuse and modularity, this feature really should be created from data files, like a siteFooter object in src/data/site.json. Then each submenu could be a child object of a menus property. For example:

"siteFooter": {
  "menus": [
    [
      {
        "href": "/about/",
        "text": "About"
      },
      {
        "href": "/news/",
        "text": "News"
      }
    ],
    [
      {
        "href": "/directory/",
        "text": "Find a Church"
      },
      {
        "href": "/map/",
        "text": "District Map"
      }
    ],
  ]
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.