summaryrefslogtreecommitdiff
path: root/views
diff options
context:
space:
mode:
Diffstat (limited to 'views')
-rwxr-xr-xviews/app.html281
-rw-r--r--views/edit-profile.html125
-rwxr-xr-xviews/front.html163
-rw-r--r--views/profile.html179
-rwxr-xr-xviews/signed-out.html127
5 files changed, 875 insertions, 0 deletions
diff --git a/views/app.html b/views/app.html
new file mode 100755
index 0000000..ba58e82
--- /dev/null
+++ b/views/app.html
@@ -0,0 +1,281 @@
+<!doctype html>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+ <meta name="keywords" content=""/>
+ <meta name="description" content="" />
+ <meta name="author" content="" />
+ <link rel="shortcut icon" href="/favicon.ico"/>
+ <meta property="og:title" content=""/>
+ <meta property="og:type" content="website"/>
+ <meta property="og:image" content="" />
+ <link rel="image_src" href=""/>
+ <meta property="og:url" content=""/>
+ <meta property="og:site_name" content="" />
+ <link rel="icon" href="favicon.ico" type="image/x-icon">
+ <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+ <title>vvalls</title>
+ <link href='assets/stylesheets/ionicons.css' rel='stylesheet' type='text/css'>
+ <link href='assets/stylesheets/app.css' rel='stylesheet' type='text/css'>
+ <!--[if lt IE 9]>
+ <style>
+
+ </style>
+ <![endif]-->
+</head>
+<body class="editing loading">
+<div id="scene"></div>
+<div class="rapper">
+ <a href="/front.html" class="logo"><img src="assets/img/logo4.svg"></a>
+ <a href="/profile.html"><span class="icon-ios7-person-outline profile"></span></a>
+
+ <div class="edit menu vvbox">
+ <span class="icon-ios7-photos-outline addMedia" data-info="add media"></span>
+ <span class="icon-arrow-resize" data-info="resize media"></span>
+ <span class="icon-ios7-keypad-outline" data-info="add wallpaper"></span>
+ <span class="icon-ios7-sunny-outline" data-info="light control"></span>
+ <span class="icon-ios7-trash-outline delete-image-toggle" data-info="delete images"></span>
+ <span class="icon-ios7-compose-outline edit-text-toggle" data-info="edit wall text"></span>
+ <span class="icon-key" data-info="room settings"></span>
+ </div>
+
+ <div class="edit menu edit-video">
+ <span class="icon-volume-mute toggled" data-info="mute"></span>
+ <span class="icon-ios7-compose-outline edit-text-toggle" data-info="edit wall text"></span>
+ <span class="icon-ios7-reload" data-info="loop"></span>
+ <span class="icon-ios7-arrow-forward" data-info="autoplay"></span>
+ <span class="icon-ios7-trash-outline" data-info="delete video"></span>
+ </div>
+
+ <span class="fileUpload">
+ <form>
+ <span class="icon-ios7-upload-outline"></span><br>
+ Upload File
+ <input type="file" name="pic" accept="image/*">
+ </form>
+ <small>~ or ~</small><br>
+ <input type="text" placeholder="Enter Vimeo or YouTube Link"></input>
+ </span>
+ <div class="ants">
+ <div class="leftborder"></div>
+ <img class="floatingImg">
+ </div>
+
+ <div class="mediaDrawer fixed animate">
+ <h2><a href="#" class="yourMedia active">Your Media</a> – <a href="#" class="foundToggle">Found Media</a></h2><br>
+ <h3 class="editBtn" id="deleteMedia">delete media</h3>
+ <div class="myMedia">
+ <span class="mediaContainer">
+ <img src="http://2.bp.blogspot.com/-GD6IxUvsdOo/UdrcMFLVYNI/AAAAAAAAF2E/kbRfxMxiUlQ/s1600/okeeffe.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="http://www.bobkessel.com/wordpress/wp-content/uploads/2009/10/moma-bob-kessel-410.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="http://static1.artsy.net/partner_show_images/52f28f348b3b81f2fc000364/large.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="http://static3.artsy.net/partner_show_images/52e83674c9dc24397f0000d8/large.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="http://static0.artsy.net/partner_show_images/52d96d484b84801ef0000273/large.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="http://static1.artsy.net/partner_show_images/52778616275b24f95c00011d/1/large.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="http://static1.artsy.net/partner_show_images/52dc65311a1e86be6b000205/large.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="https://d1ycxz9plii3tb.cloudfront.net/post_images/52ec0e20c9dc24f1d8000067/large.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="https://d1ycxz9plii3tb.cloudfront.net/additional_images/4e6bf67bc23f490001004579/1/tall.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="https://d1ycxz9plii3tb.cloudfront.net/additional_images/52dcca28139b2135030002a8/tall.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="https://d1ycxz9plii3tb.cloudfront.net/additional_images/52927bb2b202a3669d000704/larger.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="https://d1ycxz9plii3tb.cloudfront.net/additional_images/4f9f3a3ce262e60001000fb3/large.jpg">
+ </span>
+ </div>
+
+ <div class="foundMedia">
+ <span class="mediaContainer">
+ <img src="https://d1ycxz9plii3tb.cloudfront.net/post_images/52ec0e20c9dc24f1d8000067/large.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="https://d1ycxz9plii3tb.cloudfront.net/additional_images/4e6bf67bc23f490001004579/1/tall.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="https://d1ycxz9plii3tb.cloudfront.net/additional_images/52dcca28139b2135030002a8/tall.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="https://d1ycxz9plii3tb.cloudfront.net/additional_images/52927bb2b202a3669d000704/larger.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="https://d1ycxz9plii3tb.cloudfront.net/additional_images/4f9f3a3ce262e60001000fb3/large.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="http://2.bp.blogspot.com/-GD6IxUvsdOo/UdrcMFLVYNI/AAAAAAAAF2E/kbRfxMxiUlQ/s1600/okeeffe.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="http://www.bobkessel.com/wordpress/wp-content/uploads/2009/10/moma-bob-kessel-410.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="http://static1.artsy.net/partner_show_images/52f28f348b3b81f2fc000364/large.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="http://static3.artsy.net/partner_show_images/52e83674c9dc24397f0000d8/large.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="http://static0.artsy.net/partner_show_images/52d96d484b84801ef0000273/large.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="http://static1.artsy.net/partner_show_images/52778616275b24f95c00011d/1/large.jpg">
+ </span>
+ <span class="mediaContainer">
+ <img src="http://static1.artsy.net/partner_show_images/52dc65311a1e86be6b000205/large.jpg">
+ </span>
+ </div>
+ </div>
+
+ <div class="vvbox wallpaper">
+ <span class="paper1"></span>
+ <span class="paper2"></span>
+ <span class="paper3"></span>
+ <span class="paper4"></span>
+ <span class="paper5"></span>
+ <span class="paper6"></span>
+ <span class="paper7"></span>
+ <span class="paper8"></span>
+ </div>
+
+ <div class="vvbox lightcontrol">
+ <div class="slider">
+ <input type="range" min="0" max="100" value="0" id="shadow-control" />
+ <h4>Outline Hue</h4>
+ </div>
+ <div class="slider">
+ <input type="range" min="0" max="100" value="100" id="brightness-control" />
+ <h4>Wall Hue</h4>
+ </div>
+ <div class="slider">
+ <input type="range" min="0" max="100" value="0" id="brightness-control" />
+ <h4>Brightness</h4>
+ </div>
+ <div class="slider">
+ <input type="range" min="0" max="100" value="0" id="shadow-control" />
+ <h4>Shadow</h4>
+ </div>
+ </div>
+
+ <div class="vvbox settings">
+
+ <div class="setting">
+ <a href="#" id="startpoint">
+ <span class="icon-ios7-navigate-outline"></span>
+ <span id="startText">Select Startpoint</span>
+ <span id="moveText">Move to Desired Point</span></a>
+ </div>
+
+ <div class="setting">
+ <input type="text" placeholder="room name" />
+ </div>
+
+ <div class="setting">
+ <textarea placeholder="short description"></textarea>
+ </div>
+ <div class="setting">
+ <input type="text" placeholder="http://vvalls.com/t987" />
+ </div>
+ <div class="setting">
+ <div class="radio-group">
+ <input id="opt_1" class="radio-group__option" type="radio" name="opt" checked="checked">
+ <label class="radio-group__label" for="opt_1">
+ Everyone
+ </label>
+
+ <input id="opt_2" class="radio-group__option" type="radio" name="opt">
+ <label class="radio-group__label" for="opt_2">
+ Just for me
+ </label>
+ </div>
+ </div>
+ <div class="setting">
+ <button>Save</button>
+ </div>
+ <div class="setting subButtons">
+ <a href="#">Clone </a>
+ <a href="#">Clear </a>
+ <a href="#" id="deleteRoom">Delete </a>
+ </div>
+ </div>
+ <div id="minimap" class="vvbox">
+ <span class="el"></span>
+ </div>
+</div>
+
+<!--
+<div class="mediaDrawer fixed animate confirm">
+ <span class="bigClose">X</span>
+ <div class="box">
+ <form id="signUp">
+ <a href="#" class="facebook"><b class="icon-social-facebook"></b><span>Sign up with Facebook</span></a>
+ <b class="info">– or the ol' fashion way –</b>
+ <li>
+ <label class="description" for="usernameInput">Username:</label>
+ <div>
+ <input id="usernameInput" name="usernameInput" class="element text medium" type="text" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li>
+ <label class="description" for="emailInput">Email:</label>
+ <div>
+ <input id="emailInput" name="emailInput" class="element text medium" type="text" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li>
+ <label class="description" for="passwordInput1">Password:</label>
+ <div>
+ <input id="passwordInput1" name="passwordInput1" class="element text medium" type="password" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li>
+ <label class="description" for="passwordInput2">Again!</label>
+ <div>
+ <input id="passwordInput2" name="passwordInput2" class="element text medium" type="password" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li class="buttons">
+ <input type="hidden" name="signUp" value="" />
+ <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
+ </li>
+ </form>
+ </div>
+</div>
+-->
+</body>
+
+ <script src="assets/javascripts/vendor/jquery-1.10.1.min.js"></script>
+ <script src="assets/javascripts/mx/mx.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.scene.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.rotationControl.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.movements.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.face.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.boxDimensions.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.door.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.image.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.video.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.coords.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.iframe.js"></script>
+ <script src="assets/javascripts/util.js"></script>
+ <script src="assets/javascripts/environment.js"></script>
+ <script src="assets/javascripts/minimap.js"></script>
+ <script src="assets/javascripts/app.js"></script>
+</html>
diff --git a/views/edit-profile.html b/views/edit-profile.html
new file mode 100644
index 0000000..2c16148
--- /dev/null
+++ b/views/edit-profile.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+ <meta name="keywords" content=""/>
+ <meta name="description" content="" />
+ <meta name="author" content="" />
+ <link rel="shortcut icon" href="/favicon.ico"/>
+ <meta property="og:title" content=""/>
+ <meta property="og:type" content="website"/>
+ <meta property="og:image" content="" />
+ <link rel="image_src" href=""/>
+ <meta property="og:url" content=""/>
+ <meta property="og:site_name" content="" />
+ <link rel="icon" href="favicon.ico" type="image/x-icon">
+ <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+ <title>vvalls</title>
+ <link href='assets/stylesheets/ionicons.css' rel='stylesheet' type='text/css'>
+ <link href='assets/stylesheets/app.css' rel='stylesheet' type='text/css'>
+ <!--[if lt IE 9]>
+ <style>
+
+ </style>
+ <![endif]-->
+
+</head>
+<body>
+<div class="rapper page">
+ <a href="/front.html" class="logo"><img src="assets/img/logo4.svg"></a>
+
+ <div id="form_container">
+
+ <form enctype="multipart/form-data" method="post">
+
+ <ul>
+ <li class="section_break">
+ <h3>Edit Profile</h3>
+ </li>
+ <li id="li_3" >
+ <label class="description" for="element_3">Name:</label>
+ <div>
+ <input id="element_3_1" name= "element_3_1" class="element text" type="text" maxlength="255" value="Ivan Sidorov"/>
+ </div>
+ </li>
+ <li id="li_2" >
+ <label class="description" for="element_2">Website:</label>
+ <div>
+ <input id="element_2" name="element_2" class="element text medium" type="text" maxlength="255" value="http://"/>
+ </div>
+ </li>
+ <li id="li_5" >
+ <label class="description" for="element_5">Twitter:</label>
+ <div>
+ <input id="element_5" name="element_5" class="element text medium" type="text" maxlength="255" value="@"/>
+ </div>
+ </li>
+ <li id="li_4" >
+ <label class="description" for="element_4">Facebook:</label>
+ <div>
+ <input id="element_4" name="element_4" class="element text medium" type="text" maxlength="255" value="http://"/>
+ </div>
+ </li>
+ <li id="li_1" >
+ <label class="description" for="element_1">Upload Avatar:</label>
+ <div>
+ <input id="element_1" name="element_1" class="element file" type="file"/>
+ </div> <p class="guidelines" id="guide_1"><small>please choose a picture at least 500px wide</small></p>
+ </li>
+ <li class="section_break">
+ <h3>Edit Password</h3>
+ </li>
+ <li id="li_7" >
+ <label class="description" for="element_7">Old Password:</label>
+ <div>
+ <input id="element_7" name="element_7" class="element text medium" type="password" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li id="li_8" >
+ <label class="description" for="element_8">New Password:</label>
+ <div>
+ <input id="element_8" name="element_8" class="element text medium" type="password" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li id="li_9" >
+ <label class="description" for="element_9">Again!</label>
+ <div>
+ <input id="element_9" name="element_9" class="element text medium" type="password" maxlength="255" value=""/>
+ </div>
+ </li>
+
+ <li class="buttons">
+ <input type="hidden" name="form_id" value="795208" />
+
+ <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
+ </li>
+ </ul>
+ </form>
+</div>
+ <div class="footer">
+ <a href="">About</a>
+ <a href="">FAQ</a>
+ <span>©2014 VVALLS Inc.</span>
+ </div>
+</div>
+</body>
+
+ <script src="assets/javascripts/vendor/jquery-1.10.1.min.js"></script>
+ <script src="assets/javascripts/mx/mx.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.scene.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.rotationControl.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.movements.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.face.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.boxDimensions.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.door.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.image.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.video.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.coords.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.iframe.js"></script>
+ <script src="assets/javascripts/util.js"></script>
+ <script src="assets/javascripts/environment.js"></script>
+ <script src="assets/javascripts/minimap.js"></script>
+ <script src="assets/javascripts/app.js"></script>
+</html>
diff --git a/views/front.html b/views/front.html
new file mode 100755
index 0000000..899bca1
--- /dev/null
+++ b/views/front.html
@@ -0,0 +1,163 @@
+<!doctype html>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+ <meta name="keywords" content=""/>
+ <meta name="description" content="" />
+ <meta name="author" content="" />
+ <link rel="shortcut icon" href="/favicon.ico"/>
+ <meta property="og:title" content=""/>
+ <meta property="og:type" content="website"/>
+ <meta property="og:image" content="" />
+ <link rel="image_src" href=""/>
+ <meta property="og:url" content=""/>
+ <meta property="og:site_name" content="" />
+ <link rel="icon" href="favicon.ico" type="image/x-icon">
+ <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+ <title>vvalls</title>
+ <link href='assets/stylesheets/ionicons.css' rel='stylesheet' type='text/css'>
+ <link href='assets/stylesheets/app.css' rel='stylesheet' type='text/css'>
+<!--
+ <link href='assets/stylesheets/drawer.css' rel='stylesheet' type='text/css'>
+ -->
+ <script>
+ window.addEventListener("load",function() {
+ init()
+ window.scrollTo(0,0)
+ }, false);
+ </script>
+ <!--[if lt IE 9]>
+ <style>
+
+ </style>
+ <![endif]-->
+</head>
+<body class="loading">
+ <div class="rapper page">
+ <a href="/front.html" class="logo"><img src="assets/img/logo4.svg"></a>
+ <a href="#" class="signUp topLink">Sign Up</span></a>
+ <a href="#" class="signIn topLink">Sign In</span></a>
+ <table class="demo">
+ <tr>
+ <td class="video" style="background-image:url(https://s3.amazonaws.com/luckyplop/6450f5b88c5c043a4551eff8902b1728f813bd66.jpg)">
+ <span class="icon-ios7-play-outline"></span><br>
+ <span class="videoTitle">Welcome to VVALLS</span>
+ </td>
+ </tr>
+ </table>
+
+ <h1>Room Showcase</h1>
+
+ <table class="showcase">
+ <tr>
+ <td class="border room1">
+ <a href="/" class="roomName">Pace Gallery • 7.1.14</a>
+ </td>
+ <td class="room1">
+ <a href="/" class="roomName">Pace Gallery • 7.1.14</a>
+ </td>
+ </tr>
+ <tr class="room1">
+ <td class="border room1">
+ <a href="/" class="roomName">Pace Gallery • 7.1.14</a>
+ </td>
+ <td class="room1">
+ <a href="/" class="roomName">Pace Gallery • 7.1.14</a>
+ </td>
+ </tr>
+ </table>
+
+ <a href="#loadmore" class="viewMore">View More</a>
+
+ <div class="mediaDrawer fixed animate signin">
+ <span class="bigClose">X</span>
+ <div class="box">
+ <form id="signIn">
+ <a href="#" class="facebook"><b class="icon-social-facebook"></b><span>Sign in with Facebook</span></a>
+ <b class="info">– or the ol' fashion way –</b>
+ <li>
+ <label class="description" for="usernameInput">Username:</label>
+ <div>
+ <input id="usernameInput" name="usernameInput" class="element text medium" type="text" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li>
+ <label class="description" for="passwordInput">Password:</label>
+ <div>
+ <input id="passwordInput" name="passwordInput" class="element text medium" type="password" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li class="buttons">
+ <input type="hidden" name="form_id" value="795208" />
+ <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
+ </li>
+ </form>
+ </div>
+ </div>
+
+ <div class="mediaDrawer fixed animate signup">
+ <span class="bigClose">X</span>
+ <div class="box">
+ <form id="signUp">
+ <a href="#" class="facebook"><b class="icon-social-facebook"></b><span>Sign up with Facebook</span></a>
+ <b class="info">– or the ol' fashion way –</b>
+ <li>
+ <label class="description" for="usernameInput">Username:</label>
+ <div>
+ <input id="usernameInput" name="usernameInput" class="element text medium" type="text" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li>
+ <label class="description" for="emailInput">Email:</label>
+ <div>
+ <input id="emailInput" name="emailInput" class="element text medium" type="text" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li>
+ <label class="description" for="passwordInput1">Password:</label>
+ <div>
+ <input id="passwordInput1" name="passwordInput1" class="element text medium" type="password" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li>
+ <label class="description" for="passwordInput2">Again!</label>
+ <div>
+ <input id="passwordInput2" name="passwordInput2" class="element text medium" type="password" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li class="buttons">
+ <input type="hidden" name="signUp" value="" />
+ <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
+ </li>
+ </form>
+ </div>
+ </div>
+
+ <div class="footer">
+ <a href="">About</a>
+ <a href="">FAQ</a>
+ <span>©2014 VVALLS Inc.</span>
+ </div>
+
+</div>
+</body>
+
+ <script src="assets/javascripts/vendor/jquery-1.10.1.min.js"></script>
+ <script src="assets/javascripts/mx/mx.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.scene.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.rotationControl.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.movements.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.face.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.boxDimensions.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.door.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.image.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.video.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.coords.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.iframe.js"></script>
+ <script src="assets/javascripts/util.js"></script>
+ <script src="assets/javascripts/environment.js"></script>
+ <script src="assets/javascripts/minimap.js"></script>
+ <script src="assets/javascripts/app.js"></script>
+</html>
diff --git a/views/profile.html b/views/profile.html
new file mode 100644
index 0000000..0f73722
--- /dev/null
+++ b/views/profile.html
@@ -0,0 +1,179 @@
+<!doctype html>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+ <meta name="keywords" content=""/>
+ <meta name="description" content="" />
+ <meta name="author" content="" />
+ <link rel="shortcut icon" href="/favicon.ico"/>
+ <meta property="og:title" content=""/>
+ <meta property="og:type" content="website"/>
+ <meta property="og:image" content="" />
+ <link rel="image_src" href=""/>
+ <meta property="og:url" content=""/>
+ <meta property="og:site_name" content="" />
+ <link rel="icon" href="favicon.ico" type="image/x-icon">
+ <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+ <title>vvalls</title>
+ <link href='assets/stylesheets/ionicons.css' rel='stylesheet' type='text/css'>
+ <link href='assets/stylesheets/app.css' rel='stylesheet' type='text/css'>
+ <!--[if lt IE 9]>
+ <style>
+
+ </style>
+ <![endif]-->
+</head>
+<body class="loading">
+<div class="rapper page">
+ <a href="/front.html" class="logo"><img src="assets/img/logo4.svg"></a>
+ <a href="/edit-profile.html" class="topLink editProfile">edit profile <span class="icon-ios7-gear-outline \"></span></a>
+
+ <table class="profilepage">
+ <tr>
+ <td class="border profilePic">
+ <!--IF NO PIC
+ <span class="icon-ios7-person-outline"></span>
+ -->
+ </td>
+ <td class="bio">
+ <h2>Ivan Sidorov</h2>
+ <span>
+ New York City &middot; <a href="#">http://example.com/</a> &middot; <a href="#">@twitter</a>
+ </span>
+ </td>
+ </tr>
+ </table>
+
+ <h1>Ivan has 4 projects</h1>
+
+
+ <table>
+ <tr>
+ <td class="border room1">
+ <div class="editBtn">edit</div>
+ <div class="formHolder fixed animate">
+ <span class="bigClose">X</span>
+ <div class="formInner">
+ <form enctype="multipart/form-data" method="post">
+ <ul>
+ <li class="section_break">
+ <h3>Edit Room</h3>
+ </li>
+ <li id="li_3" >
+ <label class="description" for="element_3">Name:</label>
+ <div>
+ <input id="element_3_1" name= "element_3_1" class="element text" type="text" maxlength="255" value="Idea For Show"/>
+ </div>
+ </li>
+ <li id="li_2" >
+ <label class="description" for="element_2">Description:</label>
+ <div>
+ <textarea placeholder="short description"></textarea>
+ </div>
+ </li>
+ <li id="li_5" >
+ <label class="description" for="element_5">URL:</label>
+ <div>
+ <input id="element_5" name="element_5" class="element text medium" type="text" maxlength="255" value="http://vvalls.com/t987"/>
+ </div>
+ </li>
+ <li id="li_4" >
+ <label class="description" for="element_4">Privacy:</label>
+ <div class="radio-group">
+ <input id="opt_1" class="radio-group__option" type="radio" name="opt" checked="checked">
+ <label class="radio-group__label" for="opt_1">
+ Everyone
+ </label>
+
+ <input id="opt_2" class="radio-group__option" type="radio" name="opt">
+ <label class="radio-group__label" for="opt_2">
+ Just for me
+ </label>
+ </div>
+ </li>
+ <li class="buttons">
+ <input type="hidden" name="form_id" value="795208" />
+
+ <input class="button_text" type="submit" name="submit" value="Submit" />
+ </li>
+ <hr>
+ <li class="subButtons">
+ <a href="#">Clone Project</a>
+ <a href="#">Delete Project</a>
+ </li>
+ </ul>
+ </form>
+ </div>
+ </div>
+ <a href="/" class="roomName">Idea for Show</a>
+ </td>
+ <td class="border room1">
+ <div class="editBtn">edit</div>
+ <a href="/" class="roomName">Thing I'm Working On</a>
+ </td>
+ <td class="room1">
+ <div class="editBtn">edit</div>
+ <a href="/" class="roomName">Pace Gallery</a>
+ </td>
+ </tr>
+ </table>
+
+ <table>
+ <tr>
+ <td class="room1">
+ <div class="editBtn">edit</div>
+ <a href="/" class="roomName">Pace Gallery</a>
+ </td>
+ </tr>
+ </table>
+
+ <a href="#loadmore" class="viewMore" id="createProject">create project</a>
+
+ <div class="footer">
+ <a href="">About</a>
+ <a href="">FAQ</a>
+ <span>©2014 VVALLS Inc.</span>
+ </div>
+</div>
+
+<div class="mediaDrawer fixed animate newProject">
+ <span class="bigClose">X</span>
+ <div class="box">
+
+ <div class="templates">
+ <h1>Choose Room Template</h1>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ <span></span>
+ </div>
+ <form>
+ <input id="saveForm" class="button_text" type="submit" name="submit" value="Create Project" />
+ </form>
+ </div>
+</div>
+
+
+</body>
+
+ <script src="assets/javascripts/vendor/jquery-1.10.1.min.js"></script>
+ <script src="assets/javascripts/mx/mx.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.scene.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.rotationControl.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.movements.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.face.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.boxDimensions.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.door.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.image.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.video.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.coords.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.iframe.js"></script>
+ <script src="assets/javascripts/util.js"></script>
+ <script src="assets/javascripts/environment.js"></script>
+ <script src="assets/javascripts/minimap.js"></script>
+ <script src="assets/javascripts/app.js"></script>
+</html>
diff --git a/views/signed-out.html b/views/signed-out.html
new file mode 100755
index 0000000..ce1c990
--- /dev/null
+++ b/views/signed-out.html
@@ -0,0 +1,127 @@
+<!doctype html>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+ <meta name="keywords" content=""/>
+ <meta name="description" content="" />
+ <meta name="author" content="" />
+ <link rel="shortcut icon" href="/favicon.ico"/>
+ <meta property="og:title" content=""/>
+ <meta property="og:type" content="website"/>
+ <meta property="og:image" content="" />
+ <link rel="image_src" href=""/>
+ <meta property="og:url" content=""/>
+ <meta property="og:site_name" content="" />
+ <link rel="icon" href="favicon.ico" type="image/x-icon">
+ <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+ <title>vvalls</title>
+ <link href='assets/stylesheets/ionicons.css' rel='stylesheet' type='text/css'>
+ <link href='assets/stylesheets/app.css' rel='stylesheet' type='text/css'>
+ <!--[if lt IE 9]>
+ <style>
+
+ </style>
+ <![endif]-->
+</head>
+<body class="loading">
+<div id="scene"></div>
+<div class="rapper">
+ <a href="/front.html" class="logo"><img src="assets/img/logo4.svg"></a>
+ <a href="#" class="signUp topLink">Sign Up</span></a>
+ <a href="#" class="signIn topLink">Sign In</span></a>
+ <div class="aboutRoom vvbox">
+ <h1>Roomname, <a href="profilelink">Ivan Sidorov</a></h1>
+ <h2>Last modified 3/12/14</h2>
+ <span>Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</span>
+ </div>
+
+ <div class="share">
+ <h2>Share this on–</h2>
+ <a href="#">Facebook</a>
+ <a href="#">Twitter</a>
+ </div>
+
+ <div class="mediaDrawer fixed animate signin">
+ <span class="bigClose">X</span>
+ <div class="box">
+ <form id="signIn">
+ <a href="#" class="facebook"><b class="icon-social-facebook"></b><span>Sign in with Facebook</span></a>
+ <b class="info">– or the ol' fashion way –</b>
+ <li>
+ <label class="description" for="usernameInput">Username:</label>
+ <div>
+ <input id="usernameInput" name="usernameInput" class="element text medium" type="text" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li>
+ <label class="description" for="passwordInput">Password:</label>
+ <div>
+ <input id="passwordInput" name="passwordInput" class="element text medium" type="password" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li class="buttons">
+ <input type="hidden" name="form_id" value="795208" />
+ <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
+ </li>
+ </form>
+ </div>
+ </div>
+
+ <div class="mediaDrawer fixed animate signup">
+ <span class="bigClose">X</span>
+ <div class="box">
+ <form id="signUp">
+ <a href="#" class="facebook"><b class="icon-social-facebook"></b><span>Sign up with Facebook</span></a>
+ <b class="info">– or the ol' fashion way –</b>
+ <li>
+ <label class="description" for="usernameInput">Username:</label>
+ <div>
+ <input id="usernameInput" name="usernameInput" class="element text medium" type="text" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li>
+ <label class="description" for="emailInput">Email:</label>
+ <div>
+ <input id="emailInput" name="emailInput" class="element text medium" type="text" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li>
+ <label class="description" for="passwordInput1">Password:</label>
+ <div>
+ <input id="passwordInput1" name="passwordInput1" class="element text medium" type="password" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li>
+ <label class="description" for="passwordInput2">Again!</label>
+ <div>
+ <input id="passwordInput2" name="passwordInput2" class="element text medium" type="password" maxlength="255" value=""/>
+ </div>
+ </li>
+ <li class="buttons">
+ <input type="hidden" name="signUp" value="" />
+ <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
+ </li>
+ </form>
+ </div>
+ </div>
+</body>
+
+ <script src="assets/javascripts/vendor/jquery-1.10.1.min.js"></script>
+ <script src="assets/javascripts/mx/mx.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.scene.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.rotationControl.js"></script>
+ <script src="assets/javascripts/mx/extensions/mx.movements.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.face.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.boxDimensions.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.door.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.image.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.video.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.coords.js"></script>
+ <script src="assets/javascripts/mx/primitives/mx.iframe.js"></script>
+ <script src="assets/javascripts/util.js"></script>
+ <script src="assets/javascripts/environment.js"></script>
+ <script src="assets/javascripts/minimap.js"></script>
+ <script src="assets/javascripts/app.js"></script>
+</html>