- 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.htmlin thepagesfolder - Make a file called
your-page.jsin thejsfolder - Make a file called
your-page.cssin thecssfolder - These are the files you get to work with.
main.jsin thejsfolder uses an array of pages names to makefetchrequests for eachyour-page.html,your-page.js,your-page.css. - The contents of
your-page.htmlwill 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.serverORpython -m SimpleHTTPServer - Open localhost:8000 in your browerser
- Run
webpack --watchin another terminal tab/window. This will transpile your javascript ES6 code into ES5 code.