diff options
| author | Julie Lala <jules@okfoc.us> | 2014-04-17 10:17:09 -0400 |
|---|---|---|
| committer | Julie Lala <jules@okfoc.us> | 2014-04-17 10:17:09 -0400 |
| commit | 6005be1d04dd02000889d8be2faaf62969c4421f (patch) | |
| tree | 12c2151b606188bd02b656689928035c0561bf36 /index.html | |
stowing UI stuff in empty branchui-mocks
Diffstat (limited to 'index.html')
| -rwxr-xr-x | index.html | 281 |
1 files changed, 281 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100755 index 0000000..ba58e82 --- /dev/null +++ b/index.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> |