UNPKG

edu.emory.build-system

Version:

This is the build system for Emory University CPA websites

106 lines (73 loc) 3.21 kB
# edu.emory.build-system Build System for Emory University CPA Websites These instructions will get you started using the Emory University CPA Website Build System. ## Prerequisites Be sure to have the following installed: * [Node.js](https://nodejs.org/en/download/current/) * [Git](https://git-scm.com/downloads) * [Visual Studio Code](https://code.visualstudio.com/download) ## Getting Started 1. Download this project to your local machine. 2. Make a new repository on the EmoryCPA github account. 3. Add yourself as a collaborator: Settings > Collaborators > you@emory.edu 4. Check your email for the collaboration invite and accept. 5. Open the project you downloaded and Git Bash inside the base folder. 5. Follow the instructions to initialize the new repository. ``` echo "# new.project.name" >> README.md git init git add README.md git commit -m "first commit" git remote add origin https://github.com/emorycpa/new.project.name.git git push -u origin master ``` 7. Open your project in Visual Studio Code. 8. Go to the Source Control tab and stage, commit, and push all the files to your new repository. 9. Update README.md for the new repository. ## Navigating the template All development, code, and markup modification should occur inside the `src/` directory. Source files for vector and raster graphics, PDFs, and other guides should be placed inside the `design-documents/` directory. Inside the `src/` directory: ### Static Resources * `fonts/` - Webfonts * `html/` - HTML * `images/` - Images & Graphics * `js/` - Javascript ### Dynamic Resources * `less/` - Less (CSS) * `mustache/` - Mustache (HTML) * `njk/` - Nunjucks (HTML) * `scss/` - SCSS (CSS) * `ts/` - TypeScript (Javascript) ### Build Defaults * Static resrouces include javascript, images, and fonts * SCSS for styling * Nunjecks for templating ### Understanding the templating conventions () Inside the `njk/` directory: * `pages/` - All generic page layouts and types * `templates/` - Small bits of markup that are put together to form entire pages Inside the `mustache/`: * `pages/` - All generic page layouts and types. Note: each *.mustache file requires a *.json for page data. * `partials/` - Small bits of markup that are put together to form entire pages ## Installing node_modules and launching Local Host If you have not install Gulp.js Command Line Tools ``` npm install gulp-cli -g ``` Once you have cloned this repository, open the command line and run: ``` npm i ``` Then once all Node modules are installed, run: ``` gulp ``` This will launch a page in your default browser on localhost:3000. ## Configuration Options See sample build JSON with comment for options [build-config-documentation.md](build-config-documentation.md) ## Authors * **Bryce Roberts** - *Initialization* - [bryce.leitner.roberts@gmail.com](mailto:bryce.leitner.roberts@gmail.com) * **Kayla Pratt** - *Front-end templatizing* - [kaylapratt.com](http://kaylapratt.com) See also the list of [contributors](https://github.com/emorycpa/emory.dev/graphs/contributors) who participated in this project. ## License This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details