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