Carson Woods' Personal Website

A personal website based on the Phantom theme for Jekyll with Bootstrap.

Navigation

Navigation can be customized in _config.yml under the nav_item key. Default settings:

nav_item:
  - { url: "/", text: "Home" }
  - { url: "/about", text: "About" }

Set the nav_enable variable to false in _config.yml to disable navigation.

Contact Form

You can display a contact form within the modal window template. This template is already setup to use the Formspree email system. You'll just want to add your email address to the form in /_includes/contact-modal.html.

Place the modal window template in any place you'd like the user to click for the contact form. The template will display a link to click for the contact form modal window:

{% include contact.html %}
{% include contact-modal.html %}

Animation Effects

Animations with CSS classes are baked into the theme. To animate a section or element, simply add the animation classes:

<div id="about-me" class="wow fadeIn">I'm the coolest!</div>

For a complete list of animations, see the animation list.

Pagination

By default, pagination on the home page will activate after 10 posts. You can change this within _config.yml. You can add the pagination to other layouts with:

  {% for post in site.posts %}
    {% include post-content.html %}
  {% endfor %}

  {% include pagination.html %}

Read more about the pagination plugin.

Credit

• Phantom Theme, http://jamigibbs.github.io/phantom/, MIT

• Bootstrap, http://getbootstrap.com/, (C) 2011 - 2016 Twitter, Inc., MIT

• Wow, https://github.com/matthieua/WOW, (C) 2014 - 2016 Matthieu Aussaguel , GPL

• Animate.css, https://github.com/daneden/animate.css, (C) 2016 Daniel Eden, MIT