commit 5c6bf52f860404479d70fdda9f4a4ea4da390022 Author: AnitaYCheng Date: Mon Feb 9 13:04:27 2015 -0800 adding files, awaiting Bootstrap help diff --git a/README.md b/README.md new file mode 100644 index 0000000000..cfcbc98bfd --- /dev/null +++ b/README.md @@ -0,0 +1,7 @@ +New landing page for HabitRPG (Feb 2014) +====================== + +# Scrolling animations +I’ve included a wireframe that shows the interactions I’m looking for. There are also comments in the HTML file. + +Thinking of using [ScrollMagic](http://janpaepke.github.io/ScrollMagic/) but if there’s anything anyone else knows and can implement quickly, I’m all ears! \ No newline at end of file diff --git a/home.html b/home.html new file mode 100644 index 0000000000..16efbe8f45 --- /dev/null +++ b/home.html @@ -0,0 +1,551 @@ + + + + + + HabitRPG | Gamify Your Life + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Turn your to-do list into a game

+
+ +
+

Join 150,000 players making it fun to get things done! + +

+
+
+ + + + + + + +
+ +

Join us on a mini-quest!

+ + + + +
+ + +
+

Get gold to buy stuff

+ + + +

+ Every time you check something of your lists, you receive gold you can redeem for virtual rewards! +

+ +
+
+
+
+
+
I really like http://HabitRPG.com. I did a bunch of jumping jacks because I needed a bit more gold for a helmet.‏@tonitonirocca
+
+
+
+ +
+
+
+
+
I just found myself drinking more water so I could buy some leather armor. #habitrpg@L0stPuppy
+
+
+
+
+
+ +
+

Miss a daily to-do?

+ + + +

Lose health!

+

+ If you lose too much health, your character dies and you lose all your gold +

+ +
+
+
+
+
+
Pleasantly surprised how well I'm sticking to @habitrpg as a task list/habit enforcer. A lifetime of watching health meters pays off.@kevinpurdy
+
+
+
+ +
+
+
+
+
I need to stop neglecting habitrpg otherwise my little dude will die soon@soft_lit
+
+
+
+
+
+ +
+

Fighting a boss with a group?

+ + + +

Make all your friends sad!

+

If you are playing in a Quest, every daily to-do you miss hits your friends' health too!

+ +
+
+
+
+
+
Oh, we did it! we completed our first quest in #HabitRPG as a party and we got the polar bear mount!@DejiNyucu
+
+
+
+ +
+
+
+
+
oh shoot I forgot to check off a couple dailies on my habitrpg I'M SORRY, HABITRPG PARTY.@korybing
+
+
+
+
+
+ +
+

Players use HabitRPG for...

+ + + +
+ + +
+
+ +
+

We also feature...

+ +
+
+ +
+
+

Pets and Mounts

+

Text about pets and mounts and how fun they are. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere elit ac ex sagittis euismod.

+
+
+
+
+ + +
+
+ +
+
+

Equipment and extras

+

Text about equipment and extras and how fun they are. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere elit ac ex sagittis euismod.

+
+
+
+
+ +
+
+ +
+
+

Social play

+

Text about parties and guildes and challenges and how fun they are. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere elit ac ex sagittis euismod.

+
+
+
+
+
+ +
+

What people say...

+ +
+
+
+
+
+
+
Can't remember how I kept control of my life before @habitrpg. Best tool I've ever found for becoming the best version of myself I can be.
+
+ + @MayLHarrison +
+
+ +
+
+
+
+
+
Thank you, @habitrpg , I have now run five mornings in a row, my house is cleaner, and I'm drinking more water!
+
+ + @wholemilk +
+ +
+
+ +
+
+
+
The best game I have ever played is @habitrpg - I have never been more productive.
+
+ + @mattjoehunt +
+
+
+ +
+

Join 150,000 players making it fun to get things done! + +

+
+ + + + + + + + \ No newline at end of file diff --git a/images/.DS_Store b/images/.DS_Store new file mode 100644 index 0000000000..5008ddfcf5 Binary files /dev/null and b/images/.DS_Store differ diff --git a/images/Guilds Sample Screen.png b/images/Guilds Sample Screen.png new file mode 100644 index 0000000000..af4dea8378 Binary files /dev/null and b/images/Guilds Sample Screen.png differ diff --git a/images/HabitRPGPromoPostCard6.png b/images/HabitRPGPromoPostCard6.png new file mode 100644 index 0000000000..a81708db03 Binary files /dev/null and b/images/HabitRPGPromoPostCard6.png differ diff --git a/images/HabitRPGPromoThin.png b/images/HabitRPGPromoThin.png new file mode 100644 index 0000000000..695b8c34cf Binary files /dev/null and b/images/HabitRPGPromoThin.png differ diff --git a/images/Quest_dilatory_drag'on.png b/images/Quest_dilatory_drag'on.png new file mode 100644 index 0000000000..cb67ea22e7 Binary files /dev/null and b/images/Quest_dilatory_drag'on.png differ diff --git a/images/avatar/.DS_Store b/images/avatar/.DS_Store new file mode 100644 index 0000000000..5008ddfcf5 Binary files /dev/null and b/images/avatar/.DS_Store differ diff --git a/images/avatar/Warrior.png b/images/avatar/Warrior.png new file mode 100644 index 0000000000..1fad382b81 Binary files /dev/null and b/images/avatar/Warrior.png differ diff --git a/images/avatar/hair_bangs_1_brown.png b/images/avatar/hair_bangs_1_brown.png new file mode 100644 index 0000000000..58efdce3bf Binary files /dev/null and b/images/avatar/hair_bangs_1_brown.png differ diff --git a/images/avatar/head_warrior_3.png b/images/avatar/head_warrior_3.png new file mode 100644 index 0000000000..733066b89c Binary files /dev/null and b/images/avatar/head_warrior_3.png differ diff --git a/images/avatar/head_warrior_5.png b/images/avatar/head_warrior_5.png new file mode 100644 index 0000000000..8ba0f0fbec Binary files /dev/null and b/images/avatar/head_warrior_5.png differ diff --git a/images/avatar/shield_warrior_3.png b/images/avatar/shield_warrior_3.png new file mode 100644 index 0000000000..efe915ba64 Binary files /dev/null and b/images/avatar/shield_warrior_3.png differ diff --git a/images/avatar/shield_warrior_5.png b/images/avatar/shield_warrior_5.png new file mode 100644 index 0000000000..07cce0d4b4 Binary files /dev/null and b/images/avatar/shield_warrior_5.png differ diff --git a/images/avatar/skin_f5a76e.png b/images/avatar/skin_f5a76e.png new file mode 100644 index 0000000000..35d2f7f08e Binary files /dev/null and b/images/avatar/skin_f5a76e.png differ diff --git a/images/avatar/slim_armor_warrior_3.png b/images/avatar/slim_armor_warrior_3.png new file mode 100644 index 0000000000..f71a824553 Binary files /dev/null and b/images/avatar/slim_armor_warrior_3.png differ diff --git a/images/avatar/slim_armor_warrior_5.png b/images/avatar/slim_armor_warrior_5.png new file mode 100644 index 0000000000..792507f5a4 Binary files /dev/null and b/images/avatar/slim_armor_warrior_5.png differ diff --git a/images/avatar/slim_shirt_black.png b/images/avatar/slim_shirt_black.png new file mode 100644 index 0000000000..5bb3e35d3a Binary files /dev/null and b/images/avatar/slim_shirt_black.png differ diff --git a/images/avatar/weapon_warrior_3.png b/images/avatar/weapon_warrior_3.png new file mode 100644 index 0000000000..0be99e87d3 Binary files /dev/null and b/images/avatar/weapon_warrior_3.png differ diff --git a/images/avatar/weapon_warrior_5.png b/images/avatar/weapon_warrior_5.png new file mode 100644 index 0000000000..fe9ca0eccd Binary files /dev/null and b/images/avatar/weapon_warrior_5.png differ diff --git a/images/devices.png b/images/devices.png new file mode 100644 index 0000000000..8981ff8875 Binary files /dev/null and b/images/devices.png differ diff --git a/images/habitrpg_pixel.png b/images/habitrpg_pixel.png new file mode 100644 index 0000000000..4bd1c43f3b Binary files /dev/null and b/images/habitrpg_pixel.png differ diff --git a/images/icon175x175.png b/images/icon175x175.png new file mode 100644 index 0000000000..ed7f90ff8f Binary files /dev/null and b/images/icon175x175.png differ diff --git a/images/misc/Pet_Food_Cake_Base.png b/images/misc/Pet_Food_Cake_Base.png new file mode 100644 index 0000000000..61dd797756 Binary files /dev/null and b/images/misc/Pet_Food_Cake_Base.png differ diff --git a/images/misc/inventory_quest_scroll_harpy.png b/images/misc/inventory_quest_scroll_harpy.png new file mode 100644 index 0000000000..ea24cd83ff Binary files /dev/null and b/images/misc/inventory_quest_scroll_harpy.png differ diff --git a/images/misc/rebirth_orb.png b/images/misc/rebirth_orb.png new file mode 100644 index 0000000000..488e5b3724 Binary files /dev/null and b/images/misc/rebirth_orb.png differ diff --git a/images/misc/shop_gold.png b/images/misc/shop_gold.png new file mode 100644 index 0000000000..87efead7aa Binary files /dev/null and b/images/misc/shop_gold.png differ diff --git a/images/misc/shop_potion.png b/images/misc/shop_potion.png new file mode 100644 index 0000000000..02fc6af334 Binary files /dev/null and b/images/misc/shop_potion.png differ diff --git a/images/party/.DS_Store b/images/party/.DS_Store new file mode 100644 index 0000000000..5008ddfcf5 Binary files /dev/null and b/images/party/.DS_Store differ diff --git a/images/party/AnnaCosplay.png b/images/party/AnnaCosplay.png new file mode 100644 index 0000000000..adeb677778 Binary files /dev/null and b/images/party/AnnaCosplay.png differ diff --git a/images/party/Ariel_cosplay.png b/images/party/Ariel_cosplay.png new file mode 100644 index 0000000000..98f62954ff Binary files /dev/null and b/images/party/Ariel_cosplay.png differ diff --git a/images/party/Big_Daddy_(BioShock).png b/images/party/Big_Daddy_(BioShock).png new file mode 100644 index 0000000000..8d0ebecb47 Binary files /dev/null and b/images/party/Big_Daddy_(BioShock).png differ diff --git a/images/party/Cosplay_Daenerys_Targaryen.png b/images/party/Cosplay_Daenerys_Targaryen.png new file mode 100644 index 0000000000..5bd132cb7a Binary files /dev/null and b/images/party/Cosplay_Daenerys_Targaryen.png differ diff --git a/images/party/GrimReaper.png b/images/party/GrimReaper.png new file mode 100644 index 0000000000..38e882c706 Binary files /dev/null and b/images/party/GrimReaper.png differ diff --git a/images/party/HomeStuckLusus.png b/images/party/HomeStuckLusus.png new file mode 100644 index 0000000000..e6f3d44802 Binary files /dev/null and b/images/party/HomeStuckLusus.png differ diff --git a/images/presslogos/Cnetlogo.png b/images/presslogos/Cnetlogo.png new file mode 100644 index 0000000000..a15c8c8a71 Binary files /dev/null and b/images/presslogos/Cnetlogo.png differ diff --git a/images/presslogos/Fast-Company-logo.png b/images/presslogos/Fast-Company-logo.png new file mode 100644 index 0000000000..b645c043ec Binary files /dev/null and b/images/presslogos/Fast-Company-logo.png differ diff --git a/images/presslogos/Forbes_logo.png b/images/presslogos/Forbes_logo.png new file mode 100644 index 0000000000..07792adcf7 Binary files /dev/null and b/images/presslogos/Forbes_logo.png differ diff --git a/images/presslogos/kickstarter-logo.png b/images/presslogos/kickstarter-logo.png new file mode 100644 index 0000000000..397befee42 Binary files /dev/null and b/images/presslogos/kickstarter-logo.png differ diff --git a/images/presslogos/lifehacker.png b/images/presslogos/lifehacker.png new file mode 100644 index 0000000000..d7811dfee0 Binary files /dev/null and b/images/presslogos/lifehacker.png differ diff --git a/images/presslogos/makeuseof.png b/images/presslogos/makeuseof.png new file mode 100644 index 0000000000..151bb5900f Binary files /dev/null and b/images/presslogos/makeuseof.png differ diff --git a/images/presslogos/nyt-logo.png b/images/presslogos/nyt-logo.png new file mode 100644 index 0000000000..9f9d2c0dd4 Binary files /dev/null and b/images/presslogos/nyt-logo.png differ diff --git a/images/quest_vice3.png b/images/quest_vice3.png new file mode 100644 index 0000000000..afc5020526 Binary files /dev/null and b/images/quest_vice3.png differ diff --git a/images/screenshot.png b/images/screenshot.png new file mode 100644 index 0000000000..eb3ba9a385 Binary files /dev/null and b/images/screenshot.png differ diff --git a/images/uses/clipart-rosemonkeyct-meditation.png b/images/uses/clipart-rosemonkeyct-meditation.png new file mode 100644 index 0000000000..c91d295fc2 Binary files /dev/null and b/images/uses/clipart-rosemonkeyct-meditation.png differ diff --git a/images/uses/clipart-rosemonkeyct-reading.png b/images/uses/clipart-rosemonkeyct-reading.png new file mode 100644 index 0000000000..b8c330419f Binary files /dev/null and b/images/uses/clipart-rosemonkeyct-reading.png differ diff --git a/images/uses/coding_3_by_phoneix_faerie-d7idtti.png b/images/uses/coding_3_by_phoneix_faerie-d7idtti.png new file mode 100644 index 0000000000..cdad452fa5 Binary files /dev/null and b/images/uses/coding_3_by_phoneix_faerie-d7idtti.png differ diff --git a/images/uses/consequences.png b/images/uses/consequences.png new file mode 100644 index 0000000000..211607a511 Binary files /dev/null and b/images/uses/consequences.png differ diff --git a/images/uses/dusting_by_leephon.png b/images/uses/dusting_by_leephon.png new file mode 100644 index 0000000000..96989cd6ad Binary files /dev/null and b/images/uses/dusting_by_leephon.png differ diff --git a/images/uses/gaining_an_achievement_by_cosmic_caterpillar-d7uyv5z.png b/images/uses/gaining_an_achievement_by_cosmic_caterpillar-d7uyv5z.png new file mode 100644 index 0000000000..b5a3b6349e Binary files /dev/null and b/images/uses/gaining_an_achievement_by_cosmic_caterpillar-d7uyv5z.png differ diff --git a/landingv1Wireframe.jpg b/landingv1Wireframe.jpg new file mode 100644 index 0000000000..fdbae90808 Binary files /dev/null and b/landingv1Wireframe.jpg differ diff --git a/style.css b/style.css new file mode 100644 index 0000000000..98a2446839 --- /dev/null +++ b/style.css @@ -0,0 +1,127 @@ +.navbar-brand img { + height:40px; + float:left; + vertical-align: middle; + margin:-10px 10px 10px; +} + +.navbar-right { + margin-right:0px!important; +} + +section { + height:100vh; +} + +h1, h2, h3, h4, p.sectioninfo { + text-align: center; +} + +.featuretext h4, .footer h4 { + text-align:left; +} + +#uses .btn-toolbar { + text-align: center; +} + +.presslogos img { + max-height:30px; + max-width:120px; + vertical-align: middle; + margin:10px 30px; + filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ + filter: grayscale(100%); + -moz-filter: grayscale(100%); + -ms-filter: grayscale(100%); + -o-filter: grayscale(100%); + filter: gray; /* IE6-9 */ + -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ +} + +.testimonialgroup .popover, .scrolltweet.popover { + max-width:400px; +} + + +button.gamifybutton { + margin: 20px; + width:20%; +} + +.tweet.popover { + position:relative; + display:block; +} + +.scrolltweet { + margin-top:-200px; +} + +.headline { + display:block; + margin-bottom:400px; +} + +#myCarousel .nav a small +{ + display: block; +} + +#myCarousel .nav a { + border-radius:10px; + margin:10px; +} +#myCarousel .nav-justified > li > a +{ + border-radius: 10px; + background-color:#eee; +} + +#myCarousel .nav-justified > li > a:hover +{ + background-color:#ccc; +} + +#myCarousel .nav-pills>li.active a { background-color: #16a085; } + +.carousel-content { + width:100%; + height:500px; + min-width:100%; + min-height:500px; + max-width:100%; + max-height:500px; + overflow:hidden; + display:block; +} + +.sampletasks { + display:block; + float:left; + background-color: #eee; + padding:20px; +} +.usetweet-group { + width:40%; + float:right; +} +.carousel-content .usetweet { + float:right; + max-width:350px; + margin:20px 0; +} + +.featuretext { + margin:30px 0; +} + +#footercall small { + margin-left:50px; +} + +.footer { + margin-top:20px; + background-color:#eee; + padding:20px 0; +}