From 1cde3b9fd49e397a2106baca0f6bef378041589c Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Thu, 5 Jun 2014 15:46:59 -0400
Subject: splitting out UI

---
 views/controls/light-control.ejs | 18 ++++++++
 views/controls/media-drawer.ejs  | 96 ++++++++++++++++++++++++++++++++++++++++
 views/controls/settings.ejs      | 41 +++++++++++++++++
 views/controls/signed-out.ejs    | 14 ++++++
 views/controls/toolbar.ejs       |  9 ++++
 views/controls/video-toolbar.ejs |  7 +++
 views/controls/wallpaper.ejs     | 10 +++++
 7 files changed, 195 insertions(+)
 create mode 100644 views/controls/light-control.ejs
 create mode 100644 views/controls/media-drawer.ejs
 create mode 100644 views/controls/settings.ejs
 create mode 100644 views/controls/signed-out.ejs
 create mode 100644 views/controls/toolbar.ejs
 create mode 100644 views/controls/video-toolbar.ejs
 create mode 100644 views/controls/wallpaper.ejs

(limited to 'views/controls')

diff --git a/views/controls/light-control.ejs b/views/controls/light-control.ejs
new file mode 100644
index 0000000..782c400
--- /dev/null
+++ b/views/controls/light-control.ejs
@@ -0,0 +1,18 @@
+<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>
\ No newline at end of file
diff --git a/views/controls/media-drawer.ejs b/views/controls/media-drawer.ejs
new file mode 100644
index 0000000..af9ea71
--- /dev/null
+++ b/views/controls/media-drawer.ejs
@@ -0,0 +1,96 @@
+<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>
\ No newline at end of file
diff --git a/views/controls/settings.ejs b/views/controls/settings.ejs
new file mode 100644
index 0000000..4336ddf
--- /dev/null
+++ b/views/controls/settings.ejs
@@ -0,0 +1,41 @@
+<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>
\ No newline at end of file
diff --git a/views/controls/signed-out.ejs b/views/controls/signed-out.ejs
new file mode 100644
index 0000000..20e3715
--- /dev/null
+++ b/views/controls/signed-out.ejs
@@ -0,0 +1,14 @@
+<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>
diff --git a/views/controls/toolbar.ejs b/views/controls/toolbar.ejs
new file mode 100644
index 0000000..1bf87eb
--- /dev/null
+++ b/views/controls/toolbar.ejs
@@ -0,0 +1,9 @@
+<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>
diff --git a/views/controls/video-toolbar.ejs b/views/controls/video-toolbar.ejs
new file mode 100644
index 0000000..d4364a2
--- /dev/null
+++ b/views/controls/video-toolbar.ejs
@@ -0,0 +1,7 @@
+<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>
diff --git a/views/controls/wallpaper.ejs b/views/controls/wallpaper.ejs
new file mode 100644
index 0000000..82460b7
--- /dev/null
+++ b/views/controls/wallpaper.ejs
@@ -0,0 +1,10 @@
+<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>
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2