From 878fe73e56ecce5d3966fc6d9dfd66c3b20b0358 Mon Sep 17 00:00:00 2001 From: ryderr Date: Mon, 17 Nov 2014 16:12:23 -0500 Subject: howto --- views/about/howto.ejs | 88 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 88 insertions(+) create mode 100644 views/about/howto.ejs (limited to 'views/about/howto.ejs') diff --git a/views/about/howto.ejs b/views/about/howto.ejs new file mode 100644 index 0000000..a3768e1 --- /dev/null +++ b/views/about/howto.ejs @@ -0,0 +1,88 @@ + + + + vvalls + [[ include ../partials/meta ]] + + +
+ [[ include ../partials/header ]] + + + +
+
+
+
+

How To Use VValls

+ +
+
+
+ + + +

1. Define Your Space.

+ Choose from one of our existing floor plan templates or create your own. +
+
+
+ + +
+
+ + + +

2. Add Your Media Files.

+ Upload media files or choose media from our pre-loaded image/video stream. Position media on the walls. +
+
+
+ + +
+
+ + + +

3. Customize.

+ Use color or wallpaper features to customize the look of your space. +
+
+
+ +
+
+ + + +

4. Collaborate.

+ You can invite others to collaborate on your project. +
+
+
+ +
+
+ + + +

5. Publish + Share.

+ Share a link to your creation on social media or embed your 3D space directly into your own web page. When on the go, make sure to show off your project on your phone. +
+
+
+ +
+ + + [[ include ../partials/confirm-modal ]] + [[ include ../projects/layouts-modal ]] + [[ include ../partials/sign-in ]] + [[ include ../partials/footer ]] + +
+ +[[ include ../partials/scripts ]] + -- cgit v1.2.3-70-g09d2 From b60a065fc76706a835b1957cfcac8831daa5480c Mon Sep 17 00:00:00 2001 From: ryderr Date: Mon, 17 Nov 2014 17:00:50 -0500 Subject: howto and button --- public/assets/stylesheets/app.css | 28 +++++++++++++++++++++++++--- views/about/howto.ejs | 2 +- views/home.ejs | 7 ++++--- 3 files changed, 30 insertions(+), 7 deletions(-) (limited to 'views/about/howto.ejs') diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index 65968f2..820c631 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -378,6 +378,18 @@ h5 { background-position:center; } +.projectList.about.howto .item span:nth-child(1){ + width: 300px; + height: 300px; + display: inline-block; + float: left; + border-radius: 0; + background-size:cover; + background-position:center; + border: 1px solid; + box-shadow: 2px 2px black; +} + .projectList.about .item span h3{ font-weight: 500; font-size: 25px; @@ -830,7 +842,7 @@ iframe.embed { margin: 0 auto; line-height: 50px; } -.gopro span a{ +.greenbtn{ width: 100%; display: inline-block; text-align: center; @@ -842,7 +854,14 @@ iframe.embed { -moz-transition:0.2s background; transition:0.2s background; } -.gopro span a:hover{ +.greenbtn.learn { + width: 80%; + clear: both; + font-size: 30px; + font-weight: 300; + margin: 110px 10% 0 10%; +} +.greenbtn:hover{ background:black; } .profilepage .about h2 .btn { @@ -963,7 +982,7 @@ border-left: 1px solid black; } .editing .mx-scenery:hover, .editing .mx-scenery.picked { - border: 2px dashed yellow; + border: 1px dashed black; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; @@ -3041,6 +3060,9 @@ a[data-role="forgot-password"] { .gopro span a{ margin-top: 20px; } + .greenbtn.learn { + display:none; + } } @media screen and (orientation:portrait) { diff --git a/views/about/howto.ejs b/views/about/howto.ejs index a3768e1..2e0f8ed 100644 --- a/views/about/howto.ejs +++ b/views/about/howto.ejs @@ -31,7 +31,7 @@
- +

2. Add Your Media Files.

diff --git a/views/home.ejs b/views/home.ejs index 6d53ca1..28499d7 100755 --- a/views/home.ejs +++ b/views/home.ejs @@ -53,8 +53,9 @@
- - + + Learn How To Use VValls +

Room Showcase

@@ -69,7 +70,7 @@ We can help make your content immersive and experiential. We offer white-label licensing of VValls customized to suit the various needs of your project. Customizations include more sophisticated floor plan, video, audio, and interactivity options, as well as automation of room creation. We can also completely integrate a custom version of VValls into your product offering or work with your team to enhance your advertising or marketing campaign. Give your audience a cutting-edge interactive experience with your brand. Please inquire to start a conversation. - Contact + Contact [[ include partials/confirm-modal ]] -- cgit v1.2.3-70-g09d2 From 3164203c0b196edee882e896adbd33fc65e32588 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 18 Nov 2014 12:33:51 -0500 Subject: add keyboard shortcuts to howto --- server/lib/views/index.js | 2 +- views/about/howto.ejs | 54 ++++++++++++++++++++++++++++++++++++++++++++--- views/about/index.ejs | 20 ------------------ views/home.ejs | 2 +- 4 files changed, 53 insertions(+), 25 deletions(-) delete mode 100644 views/about/index.ejs (limited to 'views/about/howto.ejs') diff --git a/server/lib/views/index.js b/server/lib/views/index.js index 8ca2113..145b5ac 100644 --- a/server/lib/views/index.js +++ b/server/lib/views/index.js @@ -111,7 +111,7 @@ var views = module.exports = { }, docs: function (req, res){ - var name = req.params.name || "index" + var name = req.params.name || "howto" if (name == "howto") { res.render('about/' + name) diff --git a/views/about/howto.ejs b/views/about/howto.ejs index 2e0f8ed..30497e1 100644 --- a/views/about/howto.ejs +++ b/views/about/howto.ejs @@ -8,8 +8,6 @@
[[ include ../partials/header ]] - -
@@ -73,7 +71,57 @@
- + +

Keyboard Shortcuts

+ +
+
+ + + +

Getting around VValls is easier with the keyboard.

+ + If you play video games, you should be familiar with using WASD to move -- left hand on the keyboard, right hand on the mouse. + We have added a few keys for pivoting and looking up and down. +
+
+
+ + + + + + + + + + + + +
WMove forward
AStrafe left
SMove backward
DStrafe right
 
QTurn left
ETurn right
 
RLook up
FLook down
+ + + + + + + + + + + +
Cmd-ZUndo
Shift-Cmd-ZRedo
Cmd-\Noclip mode
EscCancel
BackspaceDelete currently selected media
 
MousewheelMove forward/back
Shift-MousewheelTurn left/right
 
SpacebarJump
+ + +
+
diff --git a/views/about/index.ejs b/views/about/index.ejs deleted file mode 100644 index 2517225..0000000 --- a/views/about/index.ejs +++ /dev/null @@ -1,20 +0,0 @@ - - - - vvalls - [[ include ../partials/meta ]] - - -
- [[ include ../partials/header ]] - - - [[ include ../partials/confirm-modal ]] - [[ include ../projects/layouts-modal ]] - [[ include ../partials/sign-in ]] - [[ include ../partials/footer ]] - -
- -[[ include ../partials/scripts ]] - diff --git a/views/home.ejs b/views/home.ejs index cc108ba..8fc248e 100755 --- a/views/home.ejs +++ b/views/home.ejs @@ -48,7 +48,7 @@ -

Cutting Edge Presentations

+

Make Cutting Edge Presentations

There's no cooler way than VValls for displaying your images online. Take your pix out of that drab Tumblr theme and present them in the freshest way online!
-- cgit v1.2.3-70-g09d2 From cdea8f57f8898b260e70ad327a54e3bf5021c9b3 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 18 Nov 2014 13:09:55 -0500 Subject: styling --- views/about/howto.ejs | 2 +- views/partials/footer.ejs | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'views/about/howto.ejs') diff --git a/views/about/howto.ejs b/views/about/howto.ejs index 30497e1..d5aeab7 100644 --- a/views/about/howto.ejs +++ b/views/about/howto.ejs @@ -72,7 +72,7 @@ -

Keyboard Shortcuts

+

Keyboard Shortcuts

diff --git a/views/partials/footer.ejs b/views/partials/footer.ejs index 5b0c0e9..75d06e5 100644 --- a/views/partials/footer.ejs +++ b/views/partials/footer.ejs @@ -1,6 +1,6 @@