TechWeek site
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
dependabot[bot] c8a9a6ff31
Bump jquery from 3.4.0 to 3.5.0 (#111)
1年前
.circleci fix circleci 1年前
pages move build scripts to npm package (#96) 4年前
theme move build scripts to npm package (#96) 4年前
.babelrc add support for multiple templates to allow for addition of call for talks page (#64) 4年前
.codeclimate.yml add code climate (#95) 4年前
.eslintignore add support for multiple templates to allow for addition of call for talks page (#64) 4年前
.eslintrc.js move build scripts to npm package (#96) 4年前
.gitignore move build scripts to npm package (#96) 4年前
LICENSE.md Add license. (#41) 5年前
README.md rewrite the docker commands to use only one container (#94) 1年前
config.json move build scripts to npm package (#96) 4年前
docker-compose.yml rewrite the docker commands to use only one container (#94) 1年前
gulpfile.js move build scripts to npm package (#96) 4年前
package.json Bump jquery from 3.4.0 to 3.5.0 (#111) 1年前
yarn.lock Bump jquery from 3.4.0 to 3.5.0 (#111) 1年前

README.md

TechWeek Website

CircleCI

This repository contains the Techweek website The website was written to have the Google Material Design look and feel. MaterializeCSS was used to speed up the process.

Deployment

To deploy to a server just run from the parent of of the folder you want to deploy too. Example written assuming folder deployed is techweek/dist

git clone https://github.com/redbrick/techweek.git
cd techweek
npm install

Docker

docker-compose run --rm web yarn

How it works

The events.json contains a JSON object containing all events pages. All the pages themselves are stored in events folder. Each page is a json file with all the details about that years talks. The JSON is used to fill a mustache template since all the pages are the same format and layout and output to dist. The page called Home in the events.json will be set as the main page.

The main.js file is responsible for displaying the countdown and loading the video feed. Also, it changes colour of the header and individual days, depending on the amount of times you have visited the page. It also handles the #Day so a specific day can be linked to. Gulp concats this with materilize and minifies it to dist/js


Development

Local Development

Run gulp dev which will compile the less, watch it and start a webserver at localhost:8000 to view the site.

Docker

docker-compose run --rm web yarn
docker-compose up -d

SCSS

All the css is compiled from scss in the css directory. Run gulp dev to have gulp watch the less directory and compile all the less in to dist/css. Run gulp to compile the sass to css in dist/css