turingschool / launch-curriculum

launch.turing.edu website
2 stars 0 forks source link

launch-curriculum

launch.turing.edu website

Turing School of Software and Design

Site for the Launch Program

This site is built with Jekyll. Find the docs here

Contributing

General

The production branch for this repo is gh-pages. Branches that you create need to be merged into gh-pages.

Windows

  1. Set Up WSL
    • In PowerShell wsl --install
    • Restart your machine
    • Ubuntu will startup on restart; create your username and password
    • From here, all commands are run in Ubuntu terminal.
  2. Install Ruby
    • sudo apt-get update
    • sudo apt-get install ruby-full
    • echo '# Install Ruby Gems to ~/gems' >> ~/.bashrc
    • echo 'export GEM_HOME="$HOME/gems"' >> ~/.bashrc
    • echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashrc
    • source ~/.bashrc
  3. Install Ubuntu Dev Tools
    • sudo apt-get install ubuntu-dev-tools
  4. Configure git SSH key
    • I think because I was on windows, I had to start the ssh-agent using eval 'ssh-agent -s' before running ssh-add ~/.ssh/id_rsa.pub
  5. Set Up Jekyll
    • gem install jekyll bundler
  6. Clone and Set Up Local Repo
    • Clone the repo: git clone git@github.com:turingschool/launch-curriculum.git
    • Open the repository: cd launch-curriculum
    • Bundle your gems: bundle install
    • To start the server: bundle exec jekyll serve
    • Navigate to http://localhost:4000 to see the site.

Mac

Style Notes

Instructor Notes

You can include 'hidden' instructor notes in your lessons by using the following syntax:

<aside class="instructor-notes" markdown="1">
    <p><strong>Instructor Note</strong><br>Your Note.</p>
</aside>

These notes are available by calling showInstructorNotes() in console.

Styling Your Lesson Plans

You can add styled boxes to your lesson plans for different areas of content.

Standard Box:

<section class="call-to-action" markdown="1">
### In Your Notebook

What would you expect to be logged when we get to line 10? Why?
</section>

Will result in the following styled box:

styled-box

Answer/Solution Box:

The heading in the answer box must be an h3. You can include any text within the section after that

<section class="answer" markdown="1">
### The Answer  

Here is an answer to the On Your Own section...
</section>

Will result in the following styled box:

collapsed answer

expanded answer

Note Box:

<section class="note" markdown="1">
### Note

This hoisting behavior adds some complexity to the JavaScript language, and is important to understand thoroughly in order to anticipate the values of your variables at any given time.
</section>

note-box

CFU/Exit Ticket Box:

<section class="checks-for-understanding" markdown="1">
### Exit Ticket

What are 3 easy and actionable accessibility steps you can take in all of your projects from here on out?
</section>

cfu-box

DO NOT INDENT YOUR MARKDOWN within the section tag, or else it will not work.

License

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.