diff options
Diffstat (limited to 'views/app.ejs')
| -rwxr-xr-x | views/app.ejs | 194 |
1 files changed, 9 insertions, 185 deletions
diff --git a/views/app.ejs b/views/app.ejs index c853744..2186129 100755 --- a/views/app.ejs +++ b/views/app.ejs @@ -5,196 +5,20 @@ [[ include partials/meta ]] </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="/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> + [[ include controls/toolbar ]] + [[ include controls/video-toolbar ]] + [[ include controls/media-drawer ]] + [[ include controls/wallpaper ]] + [[ include controls/light-control ]] + [[ include controls/settings ]] - <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> |