LASA 2019
About
Developed by Griffin Davis and Cameron Kleiman for the LASA Class of 2019.
This site is built with Jekyll, Bootstrap, and Sass. It is hosted on Google Firebase.
All pages, with the exception of 404.html
, run off of the default.html
layout, as found in the _layouts
folder. This layout includes components from the _includes
folder. In order to modify the navbar, the corresponding component can be edited in _includes/navbar.html
. This will update all pages once the site is build with Jekyll. All pages can be found in the _pages
collection, but these files are compiled into the main _site
directory due to their permalink settings. All static assets, including compiled CSS, images, files, and Javascript, can be found in the assets
folder.
Building the Site
- Install a Ruby Development Environment
- Install Jekyll and bundler gems
- Run
gem install jekyll bundler
in a terminal
- Run
- Change to the site directory
- Install all dependencies via the
Gemfile
- Run
bundle install
- Run
- Serve the site to see changes during development
- Run
bundle exec jekyll serve
- The site will be live at http://localhost:4000/
- Run
- Build the site for deployment
- Run
bundle exec jekyll build
- This will compile all Sass files into
assets/css/main.css
- The built site can be found in the
_site
folder
- Run
Creating a New Page
- Create a
.html
file in the_pages
folder - Use the following front matter so that Jekyll will use it in the build
--- layout: default title: <Page Title> ---
- All asset links are done from the root directory:
/assets/<folder>/<filename>
Modifying the Stylesheets
- Modify the corresponding
.scss
files in the_sass
folder of the unbuilt site - New classes can be added to
_global.scss