codeninjasgg/javascript-camp
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

...

No commits in common. "master" and "gh-pages" have entirely different histories.
master ... gh-pages

40 changed files with 1379 additions and 1736 deletions

6
.env.sample
View file

@ -1,6 +0,0 @@
# The following secrets are required in order to deploy to GitHub pages
GH_USERNAME= # USERNAME ATTACHED TO YOUR GITHUB ACCOUNT
GH_NAME= # FULL NAME ATTACHED TO YOUR GITHUB ACCOUNT
GH_EMAIL= # EMAIL ATTACHED TO YOUR GITHUB ACCOUNT
PROJECT_NAME= # NAME OF YOUR REPOSITORY
PROJECT_TITLE= # TITLE OF DOCUMENTATION

30
.github/workflows/deploy.yaml vendored
View file

@ -1,30 +0,0 @@
name: Deploy
on: [push]
jobs:
build-and-deploy:
runs-on: ubuntu-latest
steps:
- name: Checkout 🛎️
uses: actions/checkout@v2.3.1 # If you're using actions/checkout@v2 you must set persist-credentials to false in most cases for the deployment to work correctly.
with:
persist-credentials: false
- name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
run: |
npm install
npm run build
env:
GH_USERNAME: ${{secrets.GH_USERNAME}}
GH_NAME: ${{secrets.GH_NAME}}
GH_EMAIL: ${{secrets.GH_EMAIL}}
PROJECT_NAME: ${{secrets.PROJECT_NAME}}
PROJECT_TITLE: ${{secrets.PROJECT_TITLE}}
- name: Deploy 🚀
uses: JamesIves/github-pages-deploy-action@3.5.9
with:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
BRANCH: gh-pages # The branch the action should deploy to.
FOLDER: dist # The folder the action should deploy.:

107
.gitignore vendored
View file

@ -1,107 +0,0 @@
# Dist
dist
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
# Runtime data
pids
*.pid
*.seed
*.pid.lock
# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov
# Coverage directory used by tools like istanbul
coverage
*.lcov
# nyc test coverage
.nyc_output
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# Bower dependency directory (https://bower.io/)
bower_components
# node-waf configuration
.lock-wscript
# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release
# Dependency directories
node_modules/
jspm_packages/
# TypeScript v1 declaration files
typings/
# TypeScript cache
*.tsbuildinfo
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/
# Optional REPL history
.node_repl_history
# Output of 'npm pack'
*.tgz
# Yarn Integrity file
.yarn-integrity
# dotenv environment variables file
.env
.env.test
# parcel-bundler cache (https://parceljs.org/)
.cache
# Next.js build output
.next
# Nuxt.js build / generate output
.nuxt
dist
# Gatsby files
.cache/
# Comment in the public line in if your project uses Gatsby and *not* Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support
# public
# vuepress build output
.vuepress/dist
# Serverless directories
.serverless/
# FuseBox cache
.fusebox/
# DynamoDB Local files
.dynamodb/
# TernJS port file
.tern-port

BIN
.sensei/Beginning_JavaScript.pdf
View file

Binary file not shown.

BIN
.sensei/Lessons/Day Five Javascript.docx
View file

Binary file not shown.

BIN
.sensei/Lessons/Day Four Javascript.docx
View file

Binary file not shown.

BIN
.sensei/Lessons/Day One Javascript.docx
View file

Binary file not shown.

BIN
.sensei/Lessons/Day Three Javascript.docx
View file

Binary file not shown.

BIN
.sensei/Lessons/Day Two Javascript.docx
View file

Binary file not shown.

11
.vscode/settings.json vendored
View file

@ -1,11 +0,0 @@
{
"editor.codeActionsOnSave": {
"source.fixAll": true
},
"[javascript]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"eslint.format.enable": true,
"eslint.lintTask.enable": false,
"deno.enable": false,
}

216
Day 1/index.html Normal file
View file

@ -0,0 +1,216 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Camp | Day 1</title>
<link rel="icon" href="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<style>body {
color: #111;
background-color: #eee;
}
/*# sourceMappingURL=index.css.map */</style>
</head>
<body>
<div class="h-screen">
<div class="h-screen flex overflow-hidden bg-white dark:bg-light-black-900">
<!-- Start Popup Sidebar -->
<div id="sidebar" class="hidden md:hidden enter-done">
<div class="fixed inset-0 flex z-40">
<div class="fixed inset-0 appear-done enter-done">
<div class="absolute inset-0 bg-gray-600 opacity-75"></div>
</div>
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
<div class="absolute top-0 right-0 -mr-14 p-1">
<button onclick="(() => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.add('hidden');
})()" role="button" class="flex items-center justify-center h-12 w-12 rounded-full focus:outline-none focus:bg-gray-600" aria-label="Close sidebar">
<svg class="h-6 w-6 text-gray-600 dark:text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
JavaScript Camp
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published 2/8/2021,<br> 2:21:10 PM PST.
</div>
</header>
</div>
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
<ul class="list-disc">
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%201">Day 1</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%202">Day 2</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%203">Day 3</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%204">Day 4</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%205">Day 5</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Hall%20of%20Fame">Hall of Fame</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="flex-shrink-0 w-14"></div>
</div>
</div>
<!-- End Popup Sidebar -->
<div class="hidden md:flex md:flex-shrink-0">
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
JavaScript Camp
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published 2/8/2021,<br> 2:21:10 PM PST.
</div>
</header>
</div>
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
<ul class="list-disc">
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%201">Day 1</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%202">Day 2</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%203">Day 3</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%204">Day 4</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%205">Day 5</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Hall%20of%20Fame">Hall of Fame</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div class="flex flex-col w-0 flex-1 overflow-hidden">
<div class="relative z-10 flex-shrink-0 flex h-16 bg-white dark:bg-black shadow md:hidden border-b border-gray-200 dark:border-light-black-800">
<a class="px-4 flex items-center justify-center md:hidden" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-10">
</a>
<div class="flex-1 px-4 flex justify-between">
<div class="flex-1 flex"></div>
</div>
<button onclick="(() => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.remove('hidden');
})()" class="px-4 text-gray-500 dark:text-gray-200 focus:outline-none focus:bg-gray-100 dark:focus:bg-light-black-950 focus:text-gray-600 dark:focus:text-gray-400 md:hidden" aria-label="Open sidebar">
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7"></path>
</svg>
</button>
</div>
<main class="flex-1 relative z-0 overflow-y-auto focus:outline-none" tabindex="0">
<div class="max-w-screen-lg px-4 sm:px-6 md:px-8 pb-12">
<div class="py-6">
<a href="https://github.com/codeninjasgg/javascript-camp/edit/master/pages/Day 1.md">
📝 github.com/codeninjasgg/javascript-camp/edit/master/pages/Day 1.md
</a>
<div>
<div class="markdown-body"><h1 id="day-1">Day 1</h1>
<h2 id="camp-rules-❤">Camp Rules ❤</h2>
<ol>
<li>In general, be respectful to your fellow campers and to your code sensei ☺.</li>
</ol>
<h2 id="camp-overview-👀">Camp Overview 👀</h2>
<p>This camp is all about learning the basics of JavaScript and using the Code Ninjas GDP (<strong>G</strong>ame <strong>D</strong>evelopment <strong>P</strong>latform).</p>
<h2 id="todays-overview-🌞">Today&#39;s Overview 🌞</h2>
<ol>
<li>Today, we are going to learn how to access the Code Ninjas dojo and GDP.</li>
<li>Once everyone is logged in, we can start learn some JavaScript basics!</li>
</ol>
<h2 id="follow-along-👏">Follow Along 👏</h2>
<ol>
<li>First things first, let&#39;s open up our curriculum for today by clicking <a href="https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=4">this</a> link.</li>
<li>We will now click <a href="https://dojo.code.ninja/welcome/cn-ca-garden-grove">here</a> to sign in the the Code Ninjas dojo to access the GDP.</li>
<li>Let&#39;s <a href="https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=5">learn</a> how to create a private path.</li>
<li>Let&#39;s <a href="https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=6">learn</a> how to create a new scene and go over how to navigate the various sections of the GDP.</li>
<li>Now let&#39;s <a href="https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=14">begin</a> our activities for today! When you complete an activity, let your sensei know so that they can verify that your code is spot-on! Be courageous and ask questions.<ol>
<li><a href="https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=14">The Basics</a></li>
<li><a href="https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=18">Moving Things</a></li>
<li><a href="https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=22">Round and Round</a></li>
<li><a href="https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=28">Clock</a></li>
</ol>
</li>
</ol>
<hr>
<p>See you tomorrow for day 2!</p>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
</div>
</body>
</html>

206
Day 2/index.html Normal file
View file

@ -0,0 +1,206 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Camp | Day 2</title>
<link rel="icon" href="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<style>body {
color: #111;
background-color: #eee;
}
/*# sourceMappingURL=index.css.map */</style>
</head>
<body>
<div class="h-screen">
<div class="h-screen flex overflow-hidden bg-white dark:bg-light-black-900">
<!-- Start Popup Sidebar -->
<div id="sidebar" class="hidden md:hidden enter-done">
<div class="fixed inset-0 flex z-40">
<div class="fixed inset-0 appear-done enter-done">
<div class="absolute inset-0 bg-gray-600 opacity-75"></div>
</div>
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
<div class="absolute top-0 right-0 -mr-14 p-1">
<button onclick="(() => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.add('hidden');
})()" role="button" class="flex items-center justify-center h-12 w-12 rounded-full focus:outline-none focus:bg-gray-600" aria-label="Close sidebar">
<svg class="h-6 w-6 text-gray-600 dark:text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
JavaScript Camp
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published 2/8/2021,<br> 2:21:10 PM PST.
</div>
</header>
</div>
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
<ul class="list-disc">
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%201">Day 1</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%202">Day 2</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%203">Day 3</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%204">Day 4</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%205">Day 5</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Hall%20of%20Fame">Hall of Fame</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="flex-shrink-0 w-14"></div>
</div>
</div>
<!-- End Popup Sidebar -->
<div class="hidden md:flex md:flex-shrink-0">
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
JavaScript Camp
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published 2/8/2021,<br> 2:21:10 PM PST.
</div>
</header>
</div>
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
<ul class="list-disc">
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%201">Day 1</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%202">Day 2</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%203">Day 3</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%204">Day 4</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%205">Day 5</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Hall%20of%20Fame">Hall of Fame</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div class="flex flex-col w-0 flex-1 overflow-hidden">
<div class="relative z-10 flex-shrink-0 flex h-16 bg-white dark:bg-black shadow md:hidden border-b border-gray-200 dark:border-light-black-800">
<a class="px-4 flex items-center justify-center md:hidden" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-10">
</a>
<div class="flex-1 px-4 flex justify-between">
<div class="flex-1 flex"></div>
</div>
<button onclick="(() => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.remove('hidden');
})()" class="px-4 text-gray-500 dark:text-gray-200 focus:outline-none focus:bg-gray-100 dark:focus:bg-light-black-950 focus:text-gray-600 dark:focus:text-gray-400 md:hidden" aria-label="Open sidebar">
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7"></path>
</svg>
</button>
</div>
<main class="flex-1 relative z-0 overflow-y-auto focus:outline-none" tabindex="0">
<div class="max-w-screen-lg px-4 sm:px-6 md:px-8 pb-12">
<div class="py-6">
<a href="https://github.com/codeninjasgg/javascript-camp/edit/master/pages/Day 2.md">
📝 github.com/codeninjasgg/javascript-camp/edit/master/pages/Day 2.md
</a>
<div>
<div class="markdown-body"><h1 id="day-2">Day 2</h1>
<h2 id="todays-overview-🌞">Today&#39;s Overview 🌞</h2>
<ol>
<li>Today, we are just going to jump right into our JavaScript activities!</li>
<li>First things first, let&#39;s hop into the <a href="https://dojo.code.ninja/welcome/cn-ca-garden-grove">GDP</a> and open up the <a href="https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=33">curriculum</a> for today.</li>
</ol>
<h2 id="follow-along-👏">Follow Along 👏</h2>
<ol>
<li>Now let&#39;s <a href="https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=34">begin</a> our activities for today! When you complete an activity, let your sensei know so that they can verify that your code is spot-on! Be courageous and ask questions.<ol>
<li><a href="https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=34">Conditions</a></li>
<li><a href="https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=39">Dodge!</a></li>
<li><a href="https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=43">Padlock</a></li>
<li><a href="https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=47">Number Match</a></li>
</ol>
</li>
</ol>
<hr>
<p>See you tomorrow for day 3!</p>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
</div>
</body>
</html>

191
Day 3/index.html Normal file
View file

@ -0,0 +1,191 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Camp | Day 3</title>
<link rel="icon" href="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<style>body {
color: #111;
background-color: #eee;
}
/*# sourceMappingURL=index.css.map */</style>
</head>
<body>
<div class="h-screen">
<div class="h-screen flex overflow-hidden bg-white dark:bg-light-black-900">
<!-- Start Popup Sidebar -->
<div id="sidebar" class="hidden md:hidden enter-done">
<div class="fixed inset-0 flex z-40">
<div class="fixed inset-0 appear-done enter-done">
<div class="absolute inset-0 bg-gray-600 opacity-75"></div>
</div>
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
<div class="absolute top-0 right-0 -mr-14 p-1">
<button onclick="(() => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.add('hidden');
})()" role="button" class="flex items-center justify-center h-12 w-12 rounded-full focus:outline-none focus:bg-gray-600" aria-label="Close sidebar">
<svg class="h-6 w-6 text-gray-600 dark:text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
JavaScript Camp
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published 2/8/2021,<br> 2:21:10 PM PST.
</div>
</header>
</div>
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
<ul class="list-disc">
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%201">Day 1</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%202">Day 2</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%203">Day 3</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%204">Day 4</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%205">Day 5</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Hall%20of%20Fame">Hall of Fame</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="flex-shrink-0 w-14"></div>
</div>
</div>
<!-- End Popup Sidebar -->
<div class="hidden md:flex md:flex-shrink-0">
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
JavaScript Camp
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published 2/8/2021,<br> 2:21:10 PM PST.
</div>
</header>
</div>
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
<ul class="list-disc">
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%201">Day 1</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%202">Day 2</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%203">Day 3</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%204">Day 4</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%205">Day 5</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Hall%20of%20Fame">Hall of Fame</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div class="flex flex-col w-0 flex-1 overflow-hidden">
<div class="relative z-10 flex-shrink-0 flex h-16 bg-white dark:bg-black shadow md:hidden border-b border-gray-200 dark:border-light-black-800">
<a class="px-4 flex items-center justify-center md:hidden" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-10">
</a>
<div class="flex-1 px-4 flex justify-between">
<div class="flex-1 flex"></div>
</div>
<button onclick="(() => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.remove('hidden');
})()" class="px-4 text-gray-500 dark:text-gray-200 focus:outline-none focus:bg-gray-100 dark:focus:bg-light-black-950 focus:text-gray-600 dark:focus:text-gray-400 md:hidden" aria-label="Open sidebar">
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7"></path>
</svg>
</button>
</div>
<main class="flex-1 relative z-0 overflow-y-auto focus:outline-none" tabindex="0">
<div class="max-w-screen-lg px-4 sm:px-6 md:px-8 pb-12">
<div class="py-6">
<a href="https://github.com/codeninjasgg/javascript-camp/edit/master/pages/Day 3.md">
📝 github.com/codeninjasgg/javascript-camp/edit/master/pages/Day 3.md
</a>
<div>
<div class="markdown-body"><h1 id="day-3">Day 3</h1>
<hr>
<p>See you tomorrow for day 4!</p>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
</div>
</body>
</html>

191
Day 4/index.html Normal file
View file

@ -0,0 +1,191 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Camp | Day 4</title>
<link rel="icon" href="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<style>body {
color: #111;
background-color: #eee;
}
/*# sourceMappingURL=index.css.map */</style>
</head>
<body>
<div class="h-screen">
<div class="h-screen flex overflow-hidden bg-white dark:bg-light-black-900">
<!-- Start Popup Sidebar -->
<div id="sidebar" class="hidden md:hidden enter-done">
<div class="fixed inset-0 flex z-40">
<div class="fixed inset-0 appear-done enter-done">
<div class="absolute inset-0 bg-gray-600 opacity-75"></div>
</div>
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
<div class="absolute top-0 right-0 -mr-14 p-1">
<button onclick="(() => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.add('hidden');
})()" role="button" class="flex items-center justify-center h-12 w-12 rounded-full focus:outline-none focus:bg-gray-600" aria-label="Close sidebar">
<svg class="h-6 w-6 text-gray-600 dark:text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
JavaScript Camp
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published 2/8/2021,<br> 2:21:10 PM PST.
</div>
</header>
</div>
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
<ul class="list-disc">
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%201">Day 1</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%202">Day 2</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%203">Day 3</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%204">Day 4</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%205">Day 5</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Hall%20of%20Fame">Hall of Fame</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="flex-shrink-0 w-14"></div>
</div>
</div>
<!-- End Popup Sidebar -->
<div class="hidden md:flex md:flex-shrink-0">
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
JavaScript Camp
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published 2/8/2021,<br> 2:21:10 PM PST.
</div>
</header>
</div>
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
<ul class="list-disc">
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%201">Day 1</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%202">Day 2</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%203">Day 3</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%204">Day 4</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%205">Day 5</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Hall%20of%20Fame">Hall of Fame</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div class="flex flex-col w-0 flex-1 overflow-hidden">
<div class="relative z-10 flex-shrink-0 flex h-16 bg-white dark:bg-black shadow md:hidden border-b border-gray-200 dark:border-light-black-800">
<a class="px-4 flex items-center justify-center md:hidden" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-10">
</a>
<div class="flex-1 px-4 flex justify-between">
<div class="flex-1 flex"></div>
</div>
<button onclick="(() => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.remove('hidden');
})()" class="px-4 text-gray-500 dark:text-gray-200 focus:outline-none focus:bg-gray-100 dark:focus:bg-light-black-950 focus:text-gray-600 dark:focus:text-gray-400 md:hidden" aria-label="Open sidebar">
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7"></path>
</svg>
</button>
</div>
<main class="flex-1 relative z-0 overflow-y-auto focus:outline-none" tabindex="0">
<div class="max-w-screen-lg px-4 sm:px-6 md:px-8 pb-12">
<div class="py-6">
<a href="https://github.com/codeninjasgg/javascript-camp/edit/master/pages/Day 4.md">
📝 github.com/codeninjasgg/javascript-camp/edit/master/pages/Day 4.md
</a>
<div>
<div class="markdown-body"><h1 id="day-4">Day 4</h1>
<hr>
<p>See you tomorrow for day 5, our final session!</p>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
</div>
</body>
</html>

191
Day 5/index.html Normal file
View file

@ -0,0 +1,191 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Camp | Day 5</title>
<link rel="icon" href="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<style>body {
color: #111;
background-color: #eee;
}
/*# sourceMappingURL=index.css.map */</style>
</head>
<body>
<div class="h-screen">
<div class="h-screen flex overflow-hidden bg-white dark:bg-light-black-900">
<!-- Start Popup Sidebar -->
<div id="sidebar" class="hidden md:hidden enter-done">
<div class="fixed inset-0 flex z-40">
<div class="fixed inset-0 appear-done enter-done">
<div class="absolute inset-0 bg-gray-600 opacity-75"></div>
</div>
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
<div class="absolute top-0 right-0 -mr-14 p-1">
<button onclick="(() => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.add('hidden');
})()" role="button" class="flex items-center justify-center h-12 w-12 rounded-full focus:outline-none focus:bg-gray-600" aria-label="Close sidebar">
<svg class="h-6 w-6 text-gray-600 dark:text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
JavaScript Camp
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published 2/8/2021,<br> 2:21:10 PM PST.
</div>
</header>
</div>
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
<ul class="list-disc">
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%201">Day 1</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%202">Day 2</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%203">Day 3</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%204">Day 4</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%205">Day 5</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Hall%20of%20Fame">Hall of Fame</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="flex-shrink-0 w-14"></div>
</div>
</div>
<!-- End Popup Sidebar -->
<div class="hidden md:flex md:flex-shrink-0">
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
JavaScript Camp
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published 2/8/2021,<br> 2:21:10 PM PST.
</div>
</header>
</div>
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
<ul class="list-disc">
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%201">Day 1</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%202">Day 2</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%203">Day 3</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%204">Day 4</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%205">Day 5</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Hall%20of%20Fame">Hall of Fame</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div class="flex flex-col w-0 flex-1 overflow-hidden">
<div class="relative z-10 flex-shrink-0 flex h-16 bg-white dark:bg-black shadow md:hidden border-b border-gray-200 dark:border-light-black-800">
<a class="px-4 flex items-center justify-center md:hidden" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-10">
</a>
<div class="flex-1 px-4 flex justify-between">
<div class="flex-1 flex"></div>
</div>
<button onclick="(() => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.remove('hidden');
})()" class="px-4 text-gray-500 dark:text-gray-200 focus:outline-none focus:bg-gray-100 dark:focus:bg-light-black-950 focus:text-gray-600 dark:focus:text-gray-400 md:hidden" aria-label="Open sidebar">
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7"></path>
</svg>
</button>
</div>
<main class="flex-1 relative z-0 overflow-y-auto focus:outline-none" tabindex="0">
<div class="max-w-screen-lg px-4 sm:px-6 md:px-8 pb-12">
<div class="py-6">
<a href="https://github.com/codeninjasgg/javascript-camp/edit/master/pages/Day 5.md">
📝 github.com/codeninjasgg/javascript-camp/edit/master/pages/Day 5.md
</a>
<div>
<div class="markdown-body"><h1 id="day-5">Day 5</h1>
<hr>
<p>Congratulations! You have completed the JavaScript camp!! 🎉</p>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
</div>
</body>
</html>

190
Hall of Fame/index.html Normal file
View file

@ -0,0 +1,190 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Camp | Hall of Fame</title>
<link rel="icon" href="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<style>body {
color: #111;
background-color: #eee;
}
/*# sourceMappingURL=index.css.map */</style>
</head>
<body>
<div class="h-screen">
<div class="h-screen flex overflow-hidden bg-white dark:bg-light-black-900">
<!-- Start Popup Sidebar -->
<div id="sidebar" class="hidden md:hidden enter-done">
<div class="fixed inset-0 flex z-40">
<div class="fixed inset-0 appear-done enter-done">
<div class="absolute inset-0 bg-gray-600 opacity-75"></div>
</div>
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
<div class="absolute top-0 right-0 -mr-14 p-1">
<button onclick="(() => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.add('hidden');
})()" role="button" class="flex items-center justify-center h-12 w-12 rounded-full focus:outline-none focus:bg-gray-600" aria-label="Close sidebar">
<svg class="h-6 w-6 text-gray-600 dark:text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
JavaScript Camp
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published 2/8/2021,<br> 2:21:10 PM PST.
</div>
</header>
</div>
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
<ul class="list-disc">
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%201">Day 1</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%202">Day 2</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%203">Day 3</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%204">Day 4</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%205">Day 5</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Hall%20of%20Fame">Hall of Fame</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="flex-shrink-0 w-14"></div>
</div>
</div>
<!-- End Popup Sidebar -->
<div class="hidden md:flex md:flex-shrink-0">
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
JavaScript Camp
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published 2/8/2021,<br> 2:21:10 PM PST.
</div>
</header>
</div>
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
<ul class="list-disc">
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%201">Day 1</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%202">Day 2</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%203">Day 3</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%204">Day 4</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%205">Day 5</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Hall%20of%20Fame">Hall of Fame</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div class="flex flex-col w-0 flex-1 overflow-hidden">
<div class="relative z-10 flex-shrink-0 flex h-16 bg-white dark:bg-black shadow md:hidden border-b border-gray-200 dark:border-light-black-800">
<a class="px-4 flex items-center justify-center md:hidden" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-10">
</a>
<div class="flex-1 px-4 flex justify-between">
<div class="flex-1 flex"></div>
</div>
<button onclick="(() => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.remove('hidden');
})()" class="px-4 text-gray-500 dark:text-gray-200 focus:outline-none focus:bg-gray-100 dark:focus:bg-light-black-950 focus:text-gray-600 dark:focus:text-gray-400 md:hidden" aria-label="Open sidebar">
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7"></path>
</svg>
</button>
</div>
<main class="flex-1 relative z-0 overflow-y-auto focus:outline-none" tabindex="0">
<div class="max-w-screen-lg px-4 sm:px-6 md:px-8 pb-12">
<div class="py-6">
<a href="https://github.com/codeninjasgg/javascript-camp/edit/master/pages/Hall of Fame.md">
📝 github.com/codeninjasgg/javascript-camp/edit/master/pages/Hall of Fame.md
</a>
<div>
<div class="markdown-body"><h1 id="javascript-ninjas-🐱👤">JavaScript Ninjas 🐱‍👤</h1>
<p>This page is a hall of fame for all of the students who have completed the JavaScript Camp.</p>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
</div>
</body>
</html>

21
LICENSE
View file

@ -1,21 +0,0 @@
MIT License
Copyright (c) 2020 EthanThatOneKid
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

38
README.md
View file

@ -1,38 +0,0 @@
# JavaScript Camp
> A companion site for the JavaScript Camp
[![GitHub Workflow Status](https://img.shields.io/github/workflow/status/codeninjasgg/javascript-camp/Deploy)](https://github.com/codeninjasgg/javascript-camp/actions?query=workflow%3ADeploy)
![GitHub repo size](https://img.shields.io/github/repo-size/codeninjasgg/javascript-camp)
Visit the [site](https://codeninjasgg.github.io/javascript-camp/)!
## Sensei Todo 😎
* [ ] We should have a live document that shows how to complete each JavaScript activity, marked up with comments explaining the solution. We can choose whether or not the students are allowed to see them.
## Editing Documents 🖊
### Edit Existing (Online) 📝
1. Visit your live site.
1. Navigate to the page that you wish to edit.
1. Click the link at the top of the page to edit the document.
1. Commit your changes.
### Create New (Online) 💡
1. Visit the [`pages`](pages) directory on GitHub.
1. Navigate: `Add file > Create new file`.
1. Commit the new file.
### Work on Desktop
1. Open your repository in your favorite code editor.
1. Edit the contents of the [`pages`](pages) directory.
1. Commit your changes.
## Deployment 🚀
1. Set your [`.env`](.env.sample) secrets in your GitHub repository: `Settings > Secrets > New Secret`.
1. Now, every push will trigger a deployment!
---
Created with ☕ by [Code Ninjas Garden Grove][creator_site]
[creator_site]: #

194
index.html Normal file
View file

@ -0,0 +1,194 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Camp</title>
<link rel="icon" href="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<style>body {
color: #111;
background-color: #eee;
}
/*# sourceMappingURL=index.css.map */</style>
</head>
<body>
<div class="h-screen">
<div class="h-screen flex overflow-hidden bg-white dark:bg-light-black-900">
<!-- Start Popup Sidebar -->
<div id="sidebar" class="hidden md:hidden enter-done">
<div class="fixed inset-0 flex z-40">
<div class="fixed inset-0 appear-done enter-done">
<div class="absolute inset-0 bg-gray-600 opacity-75"></div>
</div>
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
<div class="absolute top-0 right-0 -mr-14 p-1">
<button onclick="(() => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.add('hidden');
})()" role="button" class="flex items-center justify-center h-12 w-12 rounded-full focus:outline-none focus:bg-gray-600" aria-label="Close sidebar">
<svg class="h-6 w-6 text-gray-600 dark:text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
JavaScript Camp
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published 2/8/2021,<br> 2:21:10 PM PST.
</div>
</header>
</div>
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
<ul class="list-disc">
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%201">Day 1</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%202">Day 2</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%203">Day 3</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%204">Day 4</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%205">Day 5</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Hall%20of%20Fame">Hall of Fame</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="flex-shrink-0 w-14"></div>
</div>
</div>
<!-- End Popup Sidebar -->
<div class="hidden md:flex md:flex-shrink-0">
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
JavaScript Camp
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published 2/8/2021,<br> 2:21:10 PM PST.
</div>
</header>
</div>
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
<ul class="list-disc">
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%201">Day 1</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%202">Day 2</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%203">Day 3</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%204">Day 4</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Day%205">Day 5</a>
</li>
<li class="ml-3">
<a class="underline hover:text-blue-500" href="https://codeninjasgg.github.io/javascript-camp/Hall%20of%20Fame">Hall of Fame</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div class="flex flex-col w-0 flex-1 overflow-hidden">
<div class="relative z-10 flex-shrink-0 flex h-16 bg-white dark:bg-black shadow md:hidden border-b border-gray-200 dark:border-light-black-800">
<a class="px-4 flex items-center justify-center md:hidden" href="/javascript-camp">
<img src="https://github.com/codeninjasgg/javascript-camp/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-10">
</a>
<div class="flex-1 px-4 flex justify-between">
<div class="flex-1 flex"></div>
</div>
<button onclick="(() => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.remove('hidden');
})()" class="px-4 text-gray-500 dark:text-gray-200 focus:outline-none focus:bg-gray-100 dark:focus:bg-light-black-950 focus:text-gray-600 dark:focus:text-gray-400 md:hidden" aria-label="Open sidebar">
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7"></path>
</svg>
</button>
</div>
<main class="flex-1 relative z-0 overflow-y-auto focus:outline-none" tabindex="0">
<div class="max-w-screen-lg px-4 sm:px-6 md:px-8 pb-12">
<div class="py-6">
<a href="https://github.com/codeninjasgg/javascript-camp/edit/master/pages/README.md">
📝 github.com/codeninjasgg/javascript-camp/edit/master/pages/README.md
</a>
<div>
<div class="markdown-body"><h1 id="javascript-camp">JavaScript Camp</h1>
<blockquote>
<p>Welcome to the JavaScript Camp companion site!</p>
</blockquote>
<p>First things first, click the <code>Day 1</code> article on the sidebar!</p>
<p>Use this site to help along this camp 😎</p>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
</div>
</body>
</html>

1050
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

16
package.json
View file

@ -1,16 +0,0 @@
{
"name": "online-docs-template",
"description": "A template for creating documentation with markdown files online.",
"version": "0.0.1",
"scripts": {
"dev": "nodemon ./src/index.mjs",
"build": "node ./src/index.mjs"
},
"dependencies": {
"marked": "^1.1.1"
},
"devDependencies": {
"dotenv": "^8.2.0",
"nodemon": "^2.0.4"
}
}

26
pages/Day 1.md
View file

@ -1,26 +0,0 @@
# Day 1
## Camp Rules ❤
1. In general, be respectful to your fellow campers and to your code sensei ☺.
## Camp Overview 👀
This camp is all about learning the basics of JavaScript and using the Code Ninjas GDP (**G**ame **D**evelopment **P**latform).
## Today's Overview 🌞
1. Today, we are going to learn how to access the Code Ninjas dojo and GDP.
1. Once everyone is logged in, we can start learn some JavaScript basics!
## Follow Along 👏
1. First things first, let's open up our curriculum for today by clicking [this](https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=4) link.
1. We will now click [here](https://dojo.code.ninja/welcome/cn-ca-garden-grove) to sign in the the Code Ninjas dojo to access the GDP.
1. Let's [learn](https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=5) how to create a private path.
1. Let's [learn](https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=6) how to create a new scene and go over how to navigate the various sections of the GDP.
1. Now let's [begin](https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=14) our activities for today! When you complete an activity, let your sensei know so that they can verify that your code is spot-on! Be courageous and ask questions.
1. [The Basics](https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=14)
1. [Moving Things](https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=18)
1. [Round and Round](https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=22)
1. [Clock](https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=28)
---
See you tomorrow for day 2!

16
pages/Day 2.md
View file

@ -1,16 +0,0 @@
# Day 2
## Today's Overview 🌞
1. Today, we are just going to jump right into our JavaScript activities!
1. First things first, let's hop into the [GDP](https://dojo.code.ninja/welcome/cn-ca-garden-grove) and open up the [curriculum](https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=33) for today.
## Follow Along 👏
1. Now let's [begin](https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=34) our activities for today! When you complete an activity, let your sensei know so that they can verify that your code is spot-on! Be courageous and ask questions.
1. [Conditions](https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=34)
1. [Dodge!](https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=39)
1. [Padlock](https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=43)
1. [Number Match](https://raw.githubusercontent.com/codeninjasgg/javascript-camp/master/.sensei/Beginning_JavaScript.pdf#page=47)
---
See you tomorrow for day 3!

6
pages/Day 3.md
View file

@ -1,6 +0,0 @@
# Day 3
---
See you tomorrow for day 4!

6
pages/Day 4.md
View file

@ -1,6 +0,0 @@
# Day 4
---
See you tomorrow for day 5, our final session!

6
pages/Day 5.md
View file

@ -1,6 +0,0 @@
# Day 5
---
Congratulations! You have completed the JavaScript camp!! 🎉

2
pages/Hall of Fame.md
View file

@ -1,2 +0,0 @@
# JavaScript Ninjas 🐱‍👤
This page is a hall of fame for all of the students who have completed the JavaScript Camp.

6
pages/README.md
View file

@ -1,6 +0,0 @@
# JavaScript Camp
> Welcome to the JavaScript Camp companion site!
First things first, click the `Day 1` article on the sidebar!
Use this site to help along this camp 😎

134
src/App.mjs
View file

@ -1,134 +0,0 @@
// import Anchors from "./components/Anchors.mjs";
import Sidebar from "./components/Sidebar.mjs";
export default ({ title, pages, content, style, base, location }) => `
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>${process.env.PROJECT_TITLE}${!!title && title.length > 0 ? ` | ${title}` : ""}</title>
<link rel="icon" href="https://github.com/${process.env.GH_USERNAME}/${process.env.PROJECT_NAME}/blob/master/static/favicon.svg?raw=true"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<style>${style}</style>
</head>
<body>
<div class="h-screen">
<div class="h-screen flex overflow-hidden bg-white dark:bg-light-black-900">
<!-- Start Popup Sidebar -->
<div id="sidebar" class="hidden md:hidden enter-done">
<div class="fixed inset-0 flex z-40">
<div class="fixed inset-0 appear-done enter-done">
<div class="absolute inset-0 bg-gray-600 opacity-75"></div>
</div>
${Sidebar({ isPopup: true, navigation: { pages, base } })}
<div class="flex-shrink-0 w-14"></div>
</div>
</div>
<!-- End Popup Sidebar -->
<div class="hidden md:flex md:flex-shrink-0">
${Sidebar({ navigation: { pages, base } })}
</div>
<div class="flex flex-col w-0 flex-1 overflow-hidden">
<div class="relative z-10 flex-shrink-0 flex h-16 bg-white dark:bg-black shadow md:hidden border-b border-gray-200 dark:border-light-black-800">
<a class="px-4 flex items-center justify-center md:hidden" href="/${process.env.PROJECT_NAME}">
<img src="https://github.com/${process.env.GH_USERNAME}/${process.env.PROJECT_NAME}/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-10">
</a>
<div class="flex-1 px-4 flex justify-between">
<div class="flex-1 flex"></div>
</div>
<button onclick="${inline(onSidebarOpen)}" class="px-4 text-gray-500 dark:text-gray-200 focus:outline-none focus:bg-gray-100 dark:focus:bg-light-black-950 focus:text-gray-600 dark:focus:text-gray-400 md:hidden" aria-label="Open sidebar">
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7"></path>
</svg>
</button>
</div>
<main class="flex-1 relative z-0 overflow-y-auto focus:outline-none" tabindex="0">
<div class="max-w-screen-lg px-4 sm:px-6 md:px-8 pb-12">
<div class="py-6">
<a href="https://${getGithubLink(location)}">
📝 ${getGithubLink(location)}
</a>
<div>
<div class="markdown-body">${content}</div>
</div>
</div>
</div>
</main>
</div>
</div>
</div>
</body>
</html>
`;
const onSidebarOpen = () => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.remove('hidden');
};
const inline = fn => `(${fn.toString()})()`;
const getGithubLink = (location) => {
return `github.com/${process.env.GH_USERNAME}/${process.env.PROJECT_NAME}/edit/master/pages/${location.replace("\\", "/")}.md`;
};
/*
${Navigation({ pages, base })}
<div class="markdown-body">${content}</div>
${Anchors({ anchors })}
*/
/*
NOTES
* Crazy Sidebar starts under:
* `relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done`
* Normal Sidebar starts under:
* `hidden md:flex md:flex-shrink-0`
*/
/*
const t = `<div class="h-screen">
<div class="h-screen flex overflow-hidden bg-white dark:bg-light-black-900">
<!-- Start Popup Sidebar -->
<div id="sidebar" class="hidden md:hidden enter-done">
<div class="fixed inset-0 flex z-40">
<div class="fixed inset-0 appear-done enter-done">
<div class="absolute inset-0 bg-gray-600 opacity-75"></div>
</div>
${Sidebar({ isPopup: true, navigation: { pages, base } })}
<div class="flex-shrink-0 w-14"></div>
</div>
</div>
<!-- End Popup Sidebar -->
<div class="hidden md:flex md:flex-shrink-0">
${Sidebar({ navigation: { pages, base } })}
</div>
<div class="flex flex-col w-0 flex-1 overflow-hidden">
<div class="relative z-10 flex-shrink-0 flex h-16 bg-white dark:bg-black shadow md:hidden border-b border-gray-200 dark:border-light-black-800">
<a class="px-4 flex items-center justify-center md:hidden" href="/"><img src="/favicon.svg" alt="logo" class="w-auto h-10"></a>
<div class="flex-1 px-4 flex justify-between">
<div class="flex-1 flex"></div>
</div>
<button onclick="${inline(onSidebarOpen)}" class="px-4 text-gray-500 dark:text-gray-200 focus:outline-none focus:bg-gray-100 dark:focus:bg-light-black-950 focus:text-gray-600 dark:focus:text-gray-400 md:hidden" aria-label="Open sidebar">
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7"></path>
</svg>
</button>
</div>
<main class="flex-1 relative z-0 overflow-y-auto focus:outline-none" tabindex="0">
<div class="max-w-screen-lg px-4 sm:px-6 md:px-8 pb-12">
<div class="py-6">
<a href="${getGithubLink(base, path)}">${getGithubLink(base, path)}</a>
<a class="break-words cursor-pointer link" href="https://deno.land/std/fs/mod.ts">https://deno.land/std/fs/mod.ts</a>
<div>
<div class="markdown-body">${content}</div>
</div>
</div>
</div>
</main>
</div>
</div>
</div>`;
*/

13
src/components/Anchors.mjs
View file

@ -1,13 +0,0 @@
export default ({ anchors }) => `
<ul>
${
Object.entries(anchors)
.map(([id, content]) => `
<li>
<a href="#${id}">${content}</a>
</li>
`)
.join("")
}
</ul>
`;

22
src/components/Header.mjs
View file

@ -1,22 +0,0 @@
export default () => `
<div class="bg-gray-100 dark:bg-black pb-4 pt-4 border-b border-gray-200 dark:border-light-black-800">
<a class="flex items-center flex-shrink-0 px-4" href="/${process.env.PROJECT_NAME}">
<img src="https://github.com/${process.env.GH_USERNAME}/${process.env.PROJECT_NAME}/blob/master/static/favicon.svg?raw=true" alt="logo" class="w-auto h-12">
<div class="mx-4 flex flex-col justify-center">
<div class="font-bold text-gray-900 dark:text-gray-200 leading-6 text-2xl tracking-tight">
${process.env.PROJECT_TITLE}
</div>
</div>
</a>
<header class="px-4 pt-3 sm:px-6 sm:pt-4">
<div class="mt-1 text-sm text-gray-600 dark:text-gray-400">
Last published ${getDateTime()}.
</div>
</header>
</div>
`;
const getDateTime = () => {
const localeString = `${(new Date()).toLocaleString('en-US', { timeZone: 'America/Los_Angeles' })} PST`;
return localeString.replace(",", ",<br>");
};

19
src/components/Navigation.mjs
View file

@ -1,19 +0,0 @@
const Navigation = ({ pages, base }) => `
<ul class="list-disc">
${
Object.entries(pages || {})
.map(([title, link]) => `
<li class="ml-3">
${
typeof link === "string"
? `<a class="underline hover:text-blue-500" href="${new URL(link, base)}">${title}</a>`
: title + Navigation({ pages: link, base })
}
</li>
`)
.join("")
}
</ul>
`;
export default Navigation;

33
src/components/Sidebar.mjs
View file

@ -1,33 +0,0 @@
import Navigation from "./Navigation.mjs";
import Header from "./Header.mjs";
const onSidebarClose = () => {
const sidebar = document.querySelector('#sidebar');
sidebar.classList.add('hidden');
};
const inline = fn => `(${fn.toString()})()`;
export default ({ isPopup, navigation }) => `
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-white dark:bg-light-black-950 appear-done enter-done">
${
isPopup
? `<div class="absolute top-0 right-0 -mr-14 p-1">
<button onclick="${inline(onSidebarClose)}" role="button" class="flex items-center justify-center h-12 w-12 rounded-full focus:outline-none focus:bg-gray-600" aria-label="Close sidebar">
<svg class="h-6 w-6 text-gray-600 dark:text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>`
: ""
}
${Header()}
<div class="pt-2 pb-8 h-0 flex-1 flex flex-col overflow-y-auto">
<nav class="flex-1 px-4">
<div class="mt-2 mb-4">
${Navigation({ ...navigation })}
</div>
</nav>
</div>
</div>
`;

52
src/helpers.mjs
View file

@ -1,52 +0,0 @@
import marked from "marked";
import path from "path";
import fs from "fs";
export const getAnchors = (html) => {
const pattern = /<([^\s]+).*?id="([^"]*?)".*?>(.+?)<\/\1>/gi;
return html !== null
? html.match(pattern).reduce((result, cur) => {
const [,, id, content] = pattern.exec(cur);
result[id] = content;
return result;
}, {})
: null;
};
export const getHTML = (path) => {
const md = String(fs.readFileSync(path));
const html = marked(md);
return html;
};
export const getDocument = (tree, leaves) => {
const name = leaves.shift();
return name in tree
? typeof tree[name] === "string"
? tree[name]
: getDocument(tree[name], leaves)
: null;
};
export const getHome = (root) => {
return getHTML(path.join(root, "../pages/README.md"));
};
export const readdirRecursive = (dir, root = dir) => {
const result = {};
fs.readdirSync(dir).forEach((file) => {
const filePath = path.join(dir, file);
const fileStat = fs.lstatSync(filePath);
const { name, ext } = path.parse(filePath);
if (fileStat.isDirectory()) {
result[name] = readdirRecursive(filePath, root);
} else if (ext === ".md" && name !== "README") {
result[name] = path.relative(root, filePath).slice(0, -3);
}
});
return result;
};
export const getStyle = (root) => {
return String(fs.readFileSync(path.join(root, "./style/index.css")));
}

71
src/index.mjs
View file

@ -1,71 +0,0 @@
import fs from "fs";
import path from "path";
import App from "./App.mjs";
import {
readdirRecursive,
getAnchors,
getDocument,
getHTML,
getStyle,
getHome
} from "./helpers.mjs";
import { fileURLToPath } from 'url';
import dotenv from "dotenv";
dotenv.config();
const savePage = ({ location, title, content }) => {
const savePath = path.join(dist, location === "README" ? "" : location);
fs.mkdirSync(savePath, { recursive: true });
fs.writeFileSync(
path.join(savePath, "index.html"),
App({ title, pages, content, style, base, location })
);
console.log(`Saved '${title}' as '${path.join(savePath, "index.html")}'!`);
};
const createHome = (root) => {
const content = getHome(root);
savePage({
location: "README",
title: "",
anchors: getAnchors(content),
content
});
};
const createPage = (title, location, root) => {
const doc = getDocument(pages, location.split(/\\|\//g));
if (doc !== null) {
const content = getHTML(path.join(root, `${doc}.md`));
savePage({ location, title, content });
}
};
const createApp = (pages, dir, root = dir) => {
Object.entries(pages || {})
.forEach(([title, location]) => {
typeof location === "string"
? createPage(title, location, root)
: createApp(location, path.join(dir, title), root);
});
};
const dirname = path.dirname(fileURLToPath(import.meta.url));
const dist = path.join(dirname, `../dist`);
const root = path.join(dirname, "../pages");
const pages = readdirRecursive(root);
const style = getStyle(dirname);
const base = process.env.npm_lifecycle_event !== "dev"
? `https://${process.env.GH_USERNAME}.github.io/${process.env.PROJECT_NAME}/`
: "http://localhost:3000/";
try {
fs.rmdirSync(dist, { recursive: true });
fs.mkdirSync(dist, { recursive: true });
console.log({ pages });
} catch (error) {
console.log({ error });
}
createApp(pages, root);
createHome(root);

3
src/style/_variables.scss
View file

@ -1,3 +0,0 @@
// Colors
$backgroundColor: #eee;
$textColor: #111;

5
src/style/index.css
View file

@ -1,5 +0,0 @@
body {
color: #111;
background-color: #eee;
}
/*# sourceMappingURL=index.css.map */

10
src/style/index.css.map
View file

@ -1,10 +0,0 @@
{
"version": 3,
"mappings": "AAEA,AAAA,IAAI,CAAC;EACD,KAAK,ECDG,IAAI;EDEZ,gBAAgB,ECHF,IAAI;CDIrB",
"sources": [
"index.scss",
"_variables.scss"
],
"names": [],
"file": "index.css"
}

6
src/style/index.scss
View file

@ -1,6 +0,0 @@
@import "./variables";
body {
color: $textColor;
background-color: $backgroundColor;
}

21
static/favicon.svg
View file

@ -1,21 +0,0 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="64.000000pt" height="64.000000pt" viewBox="0 0 64.000000 64.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,64.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M310 581 c-77 -24 -146 -87 -174 -163 -17 -45 -18 -45 -49 -36 -35
11 -91 -4 -85 -23 2 -6 17 -18 33 -27 17 -9 32 -18 34 -19 2 -2 -3 -11 -12
-21 -21 -23 -23 -82 -3 -82 7 0 25 11 39 24 l25 23 18 -45 c49 -130 193 -201
320 -158 66 21 113 62 149 127 26 47 30 64 30 134 0 70 -4 87 -30 134 -16 29
-45 66 -64 82 -61 50 -160 71 -231 50z m86 -222 c96 0 180 3 186 7 22 14 40
-65 20 -91 -4 -6 -93 -10 -230 -10 l-222 0 0 54 0 53 36 -6 c19 -4 114 -7 210
-7z"/>
<path d="M220 321 c0 -15 39 -24 68 -16 25 7 26 8 7 15 -28 12 -75 12 -75 1z"/>
<path d="M467 323 c-9 -2 -15 -9 -12 -14 10 -14 61 -10 75 6 11 13 8 15 -16
14 -16 -1 -37 -3 -47 -6z"/>
</g>
</svg>
Side by side

Before

(image error) Size: 1 KiB