Giter Club home page Giter Club logo

website-v2's Introduction

website-v2

Basic info

For now its just plain HTML, CSS and JS. We didn't know who was familiar with what, so we decided to go simple for now since we're on such a tight schedule. After February when we have time for meetings and to talk things through we will put it on a proper platform.

Setting up development environment

  • Install Node 4.x
  • Install Surge (optional)
  • Make sure you can call npm in a command line and see a response. If you don't, make sure the path to npm is added to the environment variables
  • npm install - Run the instalation script
  • npm run dev - Run the dev server so that you can see your changes in real time
  • View your changes here: 127.0.0.1:8080

Building the site

The site uses nunjucks for templating. Pages (HTML files that need to be compiled and uploaded) go in pages/, includes, and other non-uploadable HTML files go in includes/. Javascript and CSS go in js/ and styles/, respectively, and assets go in assets/. To build the site, first make sure you've installed everything with npm install, then build it with npm run build (this requires node and npm). The build/ folder will be emptied, styles/, js/, and assets/ folders will be recursively copied in to build/, and every .html file in pages/ will be templated and copied too. The build directory is not checked in to git, and is therefore gitignored.

During development, just run npm run dev. It will start a server on localhost:8080, and whenever something changes, re-build and automagically reload the page. Automagically.

If you have questions ask them on Slack #webdev. Apparently I'm (Keksike) running the development at this moment, so you can PM me too.

npm Commands

npm run dev - Run the dev server for automatic template compiling

npm run build - Compile the templates into html

npm run deploy:dev - Deploy to beta url (assuming you have Surge permission)

npm run deploy:prod - Deploy to production url (assuming you have Surge permission)

Work assignments

These will probably change, and we will work together on some.

Pages

  • Frontpage ("rloop"): Keksike
  • Hyperloop (mostly done): -
  • Team (mostly done): -
  • News: ImAPyromaniac
  • Shop: KachanAleksey
  • Contact: -

website-v2's People

Contributors

gordon13 avatar keksike avatar ariporad avatar gkorgood avatar ultral0rd avatar craftbyte avatar charlieio avatar foxlet avatar

Stargazers

Kai Devrim avatar Alex avatar Luigi Poole avatar  avatar  avatar

Watchers

 avatar T avatar Josh avatar James Cloos avatar  avatar Paul Daniel Faria avatar  avatar Roberto Migli avatar Ed Chan avatar  avatar Jon Ross avatar  avatar  avatar  avatar  avatar

website-v2's Issues

Team Leads section

need two new team lead members added:

Eoghan Kidney, Creative Media Lead, Ireland

Gregory Georgianna, Video Lead, USA

eoghan_kidney_creative_media

greg_georgianna_video

Sponsors Page

new page to be added and tab on the Nav bar - Sponsors

INDIEGOGO POP UP

need a very simple pop up, just needs to say:

"Our campaign is live on IndieGoGo! Join us in making the future of transportation a reality!"
bit.ly/rLoopIGG
Share our campaign - every bit helps!
"

similar to attached pic:

capture

Firefox team page wrap issue

This issue happens on Firefox only.
In the team page, when a member has a long title/location content will wrap and go below the portrait.

Team Page

@MightyBoat: theres a correction needed on one of our team members name/country. DartKen Poon (DartKen is one word) and country should be UK/Taiwan. thanks!

Team Page

amends
Dart Ken Poon
Aerodynamics, China (add location)

Corey Stein
Aerodynamics, USA (add location)

Ralph Steenblik
Public Relations, USA (add location)

Joseph Cirnigliaro
Electrical/Manufacturing, USA? (remove ?)

Team Member Section

Would like to have active team members listed. If they submitted photos to folder (gdrive>rLoop>public relations>webdev>team headshots) they should get priority listing, then active members using their avatar image. @ariporad said this could be done? could go just below the existing team leads and 'join rLoop' button

Page link not accurate

  1. "What is Hyperloop" should link to hyperloop page
  2. "More about rLoop" should link to our team page
  3. NASA & Alpha documents should link to proper pages
  4. "Visit our Shop" button at the bottom should link to our tictail.com page like the button on top.

add to press section

please add the following to the press section:

Forbes article - Title: "Crowdsourcing the Hyperloop: How a Group of Redditors are Taking on Elon Musk's Challenge" - http://www.forbes.com/sites/jasonbelzer/2016/03/07/crowdsourcing-the-hyperloop-how-a-group-of-redditors-are-taking-on-elon-musk/#5e3bc7421de8

10xLabs interview - Title: "Hyperloop Makers Interview - rLoop, Founded Upon the Internet" - https://soundcloud.com/10xlabs/hyperloop-makers-interview-rloop

In the Loop interview - Title: "rLoop Interview with Brent and Tom" - https://www.youtube.com/watch?v=CyGA4ZRl2jQ

Techstuffed - Title: "Q&A with rLoop Project Manager Brent Lessard" - http://www.techstuffed.com/qa-rloop-project-manager-brent-lessard-pods-hyperloop-future/

TechAU - Title: "Help Fund the Future of Transport, rLoop Hyperloop Pod Hits IndieGoGo" - http://techau.com.au/help-fund-the-future-of-transport-rloop-hyperloop-pod-hits-indiegogo/

http://rloop.org/team

update team page - with all memebers listed below

task 1

  1. Update social media lead
    Ashley Makay - Canada
    https://drive.google.com/open?id=0ByTBMElXXJG9Q2hfakRQWmRXY2M
  2. Update team members

a) Jasper_Beckers_mech - Netherlands
https://drive.google.com/open?id=0BwNfHq_1FTp6cTVZVm5XZFp1bWc

Chris_Smith_Aero - USA
https://drive.google.com/open?id=0B5ZXziwXsfcdOEZ0cEEyeElnSjA

DartKen_Poon_Aero
https://drive.google.com/open?id=0B4uicJerFhrfNUZ1dU0tYUJrVms

Corey_Stein_Aero
https://drive.google.com/open?id=0B3Zv-z7NL_I2NHNDRmtpVHN0ZnM

Peter_Stephan_Gschladt - Germany
https://drive.google.com/open?id=0B5nme-PJ0JzWRnQ2ZDNDRXNMREU

Kevin_Miller_Aero/Mech - USA
https://drive.google.com/open?id=0BynH1WLAhYTGS1RlQnBwcjMwVzA

Clarence Akagu Mech - Nigeria
https://drive.google.com/open?id=0ByTBMElXXJG9WHlpVTdHYkYxdFU

michael_elmore_numsim - USA
https://drive.google.com/open?id=0B-jbwYOIjTytV1djZ0pXLWdFZ0U

Jenico_J_NumSim - India
https://drive.google.com/open?id=0B5vojbL-4OMQWTZmd2VfWHpjblk

lachlan_grogan_systems - Australia
https://drive.google.com/open?id=0B8eWgH3l5E2LZ0cxSXVjMmt2akE

Alan_Espinoza_EngSystems - USA
https://drive.google.com/open?id=0B9L3weauaUMGT1pYM29FREh0V1E

Jari_van der Salm_MFG/Finance - Holland
https://drive.google.com/open?id=0B0IWpcw8U840R0ZJSEtUYklHVkU

Gopal_Bidari_Video - USA
https://drive.google.com/open?id=0B-cHT6GEr0fZUHYwb24yNjdHazg

cody_huang_elec - USA
https://drive.google.com/open?id=0B__Oz2MP_r8YdGRIWjFWNFZCU0E

denis_tudor_elec - Romania
https://drive.google.com/open?id=0B5CvmK-zagQgejF4Unh4bm1TT00

Cihan_Bebek_WebDev - Finland
https://drive.google.com/open?id=0B8ViQ9Z_EBJjc210b2MxU05uOVU

Matthew_Marshall_Finance - Canada
https://drive.google.com/open?id=0BxwQLRu-6naza1NqNTdBXzlsMzQ

Alex_Hale_PR_SM - UK
https://drive.google.com/open?id=0B2ZUpjC0rKBiX3JxQmYzM3UzbDg

Nathaniel_Thompson_PR
https://drive.google.com/open?id=0B8NdRNUeXWuHa2piUlI4M3ZoaE0

Ralph_Steenblik MFG-PR -
https://drive.google.com/open?id=0BzkqgNNx7PCSeXBfeWxhTFhwd0k

matt_malcolm_PR - New Zealand
https://drive.google.com/open?id=0ByhCyef9WfSgMHF6d1gyVmYwX2s

Cant find
Joseph_Cirnigliaro_ELEC-MFG
https://drive.google.com/open?id=0B94ONfmQ0MA5NjlXN3JhOFFMR00

Create shop page and remove the popup (Don't work on this yet!)

Don't work on this yet

Remove the pop up and add create a shop page where we can display the links to the tictail store and the indiegogo campaign. (the current shop link, goes straight to tictail. There's no actual shop page in the site)

If we still need the "join us" link to be visible, we can do it some other way. Maybe a link in the header with red highlighting so it stands out?

Donation Page

A donation page should be added back (was on the original website) with the ability to donate to rLoop via PayPal. We've also discussed adding Bitcoin as a donation method, and this could be done by simply placing a Bitcoin address on the donation page.

PayPal donation link from Reddit.

Contact me (Slack is best) regarding a Bitcoin address.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.