Cyber Defenders Course Website

This static website hosts the Introduction to Cyber Security Course for the Cyber Defenders Hackathon.

Adding New Course Content

Course documentation is written in markdown and is converted to html when the site is served using Jekyll and Kramdown. Here is a quick reference on how to write in markdown.

Since the markdown is converted to html, Youtube videos can be embedded by adding the following code directly into the markdown:

<div class="embed-responsive embed-responsive-16by9"> Embedded link from youtube </div><br>

The wrapping class makes the youtube video resize with the website. This is done using bootstrap.

Front Matter

The front matter for each page defines global and page specific variables and layouts. The running list of variables is below.

---
layout: course
course: active
title: Penetration Testing
description: Overview of Cyber Security Topics and Career Paths
permalink: /penetration-testing/
penetration-testing: show
estimated-time: 30
---

• Layout: default or course
  • Default - includes navbar and footer
  • Course - adds a side nav to default layout
• (page-name): active
  • Underlines the active page in the navbar (overview, course, submit, feedback)
• Title and Description
  • For course pages these are used to for title and lead text under the title.
• permalink: /name-of-page/
  • Simplifies the file path and hides the markdown file in the URL
• (name-of-section): show
  • Controls which section in the side navigation is expanded. Works for any of the major sections.
  • Variable names - penetration-testing, cyber-security-overview, cyber-security-research, install, automation-attacks, pre-requisites, network-security, project-ideas
• estimated-time: number in minutes
  • The estimated-time.html must be included into the markdown file for this to work.

  {% includes estimated-time.html %}
  

Running Locally

There are three dependencies needed to be able to serve webpage with Jekyll. Jekyll runs into a lot of issues on Windows so it is easiest to just use Linux or Mac. In Windows you can create a Linux Subsystem. From the Linux terminal within Windows all of the necessary tools can be installed.

Linux

1. Install ruby

$ sudo apt-get install ruby-full

2. Install gem

$ sudo apt-get install rubygems

3. Install Jekyll

$ sudo gem install jekyll bundler

Once these are installed you can clone or download the repository and navigate to the project directory in the terminal. To run the static site use the jekyll commands below:

Runs a new site at a specified local host. Navigate to that localhost in your browser to access the page. Auto-regeneration (watching for changes in files) is enabled automatically.

$ jekyll serve

Same as above but watches for changes in the file for live reload.

$ jekyll serve --livereload

More information about basic usage can be found on the Jekyll website.