Code Monkey home page Code Monkey logo

bitcamp-site-2014's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

ono112 bih zfogg

bitcamp-site-2014's Issues

sponsors text

"Full sponsor and partner lineup will be released soon."

Change "will" to "to"

round buttons

decided it would look nice to give all of the rectangular buttons 2-4 px rounded corners.

adding twitter field & field readjustment

when we add the twitter field in the backend, tweak this. put it on the same line as github, ie both usernames in the same row. then move shirt size and dietary restrictions to the previous slide of the form. it makes the first page logistics and the second page online accounts. makes sense to me

diet

tree/tent too close to edge

I thought we gave the tree/tent image a wrap? It looks fine full screen, but hugs the left edge on smaller screen sizes. Needs just a little padding/margin/position adjustment.

Sponsorship doc upload to website

Helps with reaching out to sponsors through a web form, since sponsorship doc can be linked.

Can be found in Google Drive - "bitcamp-sponsor.pdf"

tree-tent graphic

the tree-tent graphic is far more left than i remember it. can we move it to the right a bit?

tent

"x" hover

on hover, the x in the top corner should not become red. the contrast is off with the dark brown. consider the bright orange?

footer content

consistent footer between all pages. content changes on fireside page.

forgot password?

in the meantime, let's make this a direct mailto to zach/dan who can retrieve passwords.

Differentiate between High School and University

There needs to be some method for differentiating between people who are in high school and college - they might not put "high school" in the "school" field, but they will need to be differentiated for travel reimbursement (and potentially security) purposes.

Maybe a radio button?

Sponsor images

Too much whitespace padding. Can we shrink to like 280px or something? I pretty much just need 15px of space on either size at the minimum width (320px),
so (320px - 2*15px) = 290px at most.

Also, we're kind of failing as a well-designed website by not have double-resolution images. Have you ever worked with those yet? Fancy Apple devices and higher-end laptops+tablets have displays that have 2x the pixels in the same amount of space, so if you also give me images that are twice as big, then I can use media queries to tell those devices to load the nicer images.

It really makes a difference; our images currently look blurry on those devices... they look really amazing when you use svg or double-sized image.

add twitter field

collect twitter usernames as a form field under github and above website.

progress dots

i wonder if progress dots should be separated? like:

dot space dot line dot line dot

the first step is not connected to the other ones.

dots

adjust field focus outline

the standard input focus state in css uses these ugly stock blue outlines. let's fix that.

on focus/active/selected state, add this css

outline: 0;
border: 1px $color_orange solid;

mode of transportation

this options needs attention. have kunal give all the options in a more clarified way.

temporarily remove dropdown

Until I can style it effectively, please remove the dropdown. I know we put time into it, but it's not working right now. It may or may not stay this way.

break in text

"Take what you love, fuse it with tech, build something the world has never seen." add break after "...tech,", as it was before

jiggly buttons

Buttons seem to jiggle minutely when hovered. The text shifts and sometimes the box itself seems to expand and retract. This is ugly.

Email confirmation for permission slips

Have Kunal make a form.

Send that form to people who fill out the permission slip. Insert that into the promise chain of the route that stores the details into the DB, somewhere before the promise that sends a response to the user resolves. Error if the email sending bounces or otherwise fails.

go back button

wherever it appears, change "go back" to "previous" in button text

black loading

Flashes a black screen momentarily while loading page. I wonder if this is hanging over from the old site. Check for body/html with background: black.

cloud animations

start mid-page, faster speed, cross page horizontally, right cloud must move up

sponsor lineup

instead of putting every four logos in its own div, let's set a width on one div and let them just float and align themselves. looks weird when screen width changes

Sponsor Logos

round 1: booz, sparkfun, appian

then partners section for terrapin hackers, startup shell, mlh

images attached, also in the Sponsor Logos folder of the bitcamp google drive.
sponsor_terrapin-hackers
sponsor_mlh
sponsor_startup-shell
sponsor_appian
sponsor_booz-allen-hamilton
sponsor_sparkfun

review and submit

change text from "review and submit" to "review form"

also, spacing is way off. reduce top, add to bottom.
review

confirm password label

change second password label to "confirm password". currently "password" and "password"

brings up the question, is a password confirmation necessary at all?

map marker

add map marker back to cole field house area

footer text

Currently reads "2014". Should say "Bitcamp 2014"

homepage buttons

currently "signup" and "login". the signup button should return to its old version as "register", larger, and centered. underneath that should be a more subtle "login" button, styled as a simple text link.

(may need to tweak wording on "login" to clarify continuation of the registration process)

off-middle text

some text input fields are off-middle vertically. esp password dots.

linepass

travel stipend checkbox

change "travel stipend" to "need travel stipend". change x/check to open/checked checkbox

logout

once logged in, the logout/register buttons are confusing. how can we adjust the wording/positioning?
logout

submit buttons in form

remove "go back" button. this is in effect the same as the "x" at the top. change "register" to "submit".

register

input hints

hints throughout the site aren't super helpful and may come off too casual/hacky. suggestions for new ones below.

password
"five+ numbers and letters" -> blank

password
"(once more)" -> blank

first name
"sally" -> "Sally"

last name
"hacker" -> "Hacker"

school
"bitcamp high" -> "Bonfire University"

github
"just the username" ->

website url
"if you have a portfolio website" -> "http://bitca.mp/portfolio"

resume url
"host it on dropbox or something" -> "http://dropbox.com/..."

edit button color

edit button color should be orange, not red. like the back buttons.
edit

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.