Computer Science Principles

Course Progress 0/0
Sprint View
Week 2 GitHub Pages (index.md)

GitHub Pages (index.md)

2 min read

GitHub Pages Task

Welcome to your GitHub Pages mini-project journey! This article will guide you through essential skills for starting with web programming with GitHub Pages and updating your home page (index.md).

The articles listed are relevant and will be part of future learnings. But for now, just focus on adding links to these in your preferred style on your home page.

The joy is in the task and seeing information come alive.

graph TD A[Notebooks & Jokes] --> B[Anatomy] B --> C[Theme] C --> D[Markdown] D --> E[Jekyll] E --> F[Hacks] linkStyle default stroke:#1e90ff,stroke-width:3px;

Home Page Edits

Review the following menus, observe all the menu styles. They all do navigation to other pages in a different way. Pick one or more styles and update your home page with some updates.

HTML Orientation 1

Notebooks & Jokes Anatomy Theme Markdown Jekyll Hacks
Fun with JavaScript and Jupyter Notebooks Explore the structure of a GitHub Pages site Learn about theme templates and layout of SASS files for advanced styling Master Markdown for content creation Understand Jekyll static site generation Apply your knowledge with hands-on challenges

HTML Orientation 2

Topic Description
Notebooks & Jokes Fun with JavaScript and Jupyter Notebooks
Anatomy Explore the structure of a GitHub Pages site
Theme Learn about theme templates and layout of SASS files for advanced styling
Markdown Master Markdown for content creation
Jekyll Understand Jekyll static site generation
Hacks Apply your knowledge with hands-on challenges

Markdown Orientation 1

  • Start at the top and follow the arrows to progress through each topic.

  • Jupyter Notebooks & Jokes
    • Learn JavaScript in Jupyter Notebooks with a fun twist—random programming and accounting jokes!
  • GH Pages Anatomy
    • Explore the structure of a GitHub Pages site
  • Theme
    • Learn about theme templates and layout of SASS files for advanced styling
  • Markdown
    • Master Markdown for content creation
  • Jekyll
    • Understand Jekyll static site generation

Markdown Orientation 2

  • Jupyter Notebooks & Jokes: Fun with JavaScript and Jupyter Notebooks
  • Anatomy: Explore the structure of a GitHub Pages site
  • Theme: Learn about theme templates and layout of SASS files for advanced styling
  • Markdown: Master Markdown for content creation
  • Jekyll: Understand Jekyll static site generation
  • Hacks: Apply your knowledge with hands-on challenges

Tailwind

Notebooks & Jokes

Fun with JavaScript and Jupyter Notebooks

Anatomy

Explore the structure of a GitHub Pages site

Theme

Learn about theme templates and layout of SASS files for advanced styling

Markdown

Master Markdown for content creation

Jekyll

Understand Jekyll static site generation

Hacks

Apply your knowledge with hands-on challenges

Hack

Ready to begin? Start building a layout and articles on your personal Home Page (index.md). Organizing and linking becomes part of your Learning Experience Design (LxD).

  1. Pick a style to navigate to these items on your Home Page
  2. Move all of these documents into your personal repository and get all the links working.
  3. Read the articles and make a summary paragraph on the index.md page, so you can recognize why you made links to these topics in the future.

Course Timeline