joshuanguyen / pop-web Goto Github PK

View Code? Open in Web Editor NEW

0.0 4.0 0.0 18.44 MB

HTML 47.54% CSS 52.46%

pop-web's Introduction

pop-web

A website for a video walkie talkie for Superfriends and designed by a guy named Josh.

Run the site

Install Jekyll http://jekyllrb.com
sudo gem install jekyll-sass
jekyll serve -w
Point your browser to http://localhost:4000

Deploying

After making changes

git add .
git commit -m "[say something useful]"
git push origin master
git push origin master:gh-pages

Production

http://joshuanguyen.github.io/pop-web/

pop-web's People

Contributors

Watchers

pop-web's Issues

Background transition: color and position

Space bar should move the user down to the top of the following page. Right now, seems like it's vertically centering based on the first known instance of text?
Is there a way to transition into the different background colors like http://www.gifrocket.com?

Download Button: Apple Icon not in right place

Video for Pop

https://www.youtube.com/watch?v=gE7MQ4S6Jvc

Metadata in header - SEO up this bad boy

Title: Pop. A beautiful video walkie talkie

Description: A free app to reconnect with close friends in a whole new visual way. Ditch impersonal texts for the convenience and richness of video chat.

Footer links

About: http://blog.imagistlabs.co/about/
Follow Us: http://www.twitter.com/sendpop/
Press kit: TBD
Download: TBD

Imagist Labs (part of copyright): http://www.imagistlabs.co/

TOS and Privacy Policy

Can you create separate pages - white background, Avenir type - and add them in the footer after Press

The text are here:
http://www.imagistapp.com/selfie/tos.html
http://www.imagistapp.com/selfie/privacy.html

URL would be something like: http://www.hellopop.co/tos.html ?

iphone device not showing up in safari and Chrome for me

on my macbook pro screen.. perhaps this can't be changed.. I guess you're just keeping the space bar to the default scroll.. is there a way to lock in the position of content with the scroll/space bar?

no biggie if it's too much work.

minor nit. the asset you used for the phone.. the home button and mic should be filled in and not hollowed out. :/

so close! it looks fucking fantastic!

Final mocks for hellopop.co

Let me know what assets you want from me besides the svg for the phone (I assume you're creating all the buttons and shadows via CSS?)

Essentially:

I'm trying to keep the Pop icon and play button in the same position relative to the page and putting the copy relative to that, so that when you page down and the background transitions, it feels like the Pop logo transitions to the play button too.
Pop logo = download button (new tab) or not?
Comment out page 3 for the mobile view
Comment out anchor download button for mobile view (see question #2)
The download button I have in this mock is the correct size - the prior version didn't have enough negative space with the text and the background

Minor:

Can you add a slight radius to the triangle shape for the play button?
Download button switches color on page 3 but it's not essential
if we can't play video directly in mobile page, wondering if it's better just to embed the video instead of hiding it behind a play icon?

What fun stuff can you do with the shadows?!

Web:

Mobile: