- JW - Attendance stats for the day?
- LP - CS Challenge of the day
- LP - Poll?
- JW - Article of the day (Top on HN)
- EW - CS events calendar (embedded google cal)
- JW - Carousel scrolls through different ajax calls
- You get a
<section>
to work with - Make a file called
your-page.html
in thepages
folder - Make a file called
your-page.js
in thejs
folder - Make a file called
your-page.css
in thecss
folder - These are the files you get to work with.
main.js
in thejs
folder uses an array of pages names to makefetch
requests for eachyour-page.html
,your-page.js
,your-page.css
. - The contents of
your-page.html
will be inserted into a<section>
element with the idsection-your-page
. - Your javascript will run globally, please only change things that are relevant to your section.
- Your CSS file will also run globally. Please only make CSS that's relevant to your section
- You have access to Bootstrap - a very nice CSS library. Please use Bootsrap, it's great.
replace "your-page" with your actual page name to properly follow the steps above
- Start a local server by opening the repo in your terminal and running
python3 -m http.server
ORpython -m SimpleHTTPServer
- Open localhost:8000 in your browerser
- Run
webpack --watch
in another terminal tab/window. This will transpile your javascript ES6 code into ES5 code.