194 lines
7.8 KiB
HTML
194 lines
7.8 KiB
HTML
|
|
<!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>
|