diff options
Diffstat (limited to 'views/about')
| -rw-r--r-- | views/about/_blank.ejs | 24 | ||||
| -rw-r--r-- | views/about/_old_plans.ejs | 63 | ||||
| -rw-r--r-- | views/about/_plans.ejs | 121 | ||||
| -rw-r--r-- | views/about/about.ejs | 52 | ||||
| -rw-r--r-- | views/about/brochure.ejs | 25 | ||||
| -rw-r--r-- | views/about/howto.ejs | 128 |
6 files changed, 413 insertions, 0 deletions
diff --git a/views/about/_blank.ejs b/views/about/_blank.ejs new file mode 100644 index 0000000..732ea3f --- /dev/null +++ b/views/about/_blank.ejs @@ -0,0 +1,24 @@ +<!doctype html> +<html> +<head> + <title>VValls</title> + [[ include ../partials/meta ]] +</head> +<body class="loading"> + <div class="rapper page home"> + [[ include ../partials/header ]] + + <h1 class="leader">Hallo</h1> + <!-- put stuff here --> + + + + [[ include ../partials/confirm-modal ]] + [[ include ../projects/layouts-modal ]] + [[ include ../partials/sign-in ]] + [[ include ../partials/footer ]] + + </div> +</body> +[[ include ../partials/scripts ]] +</html> diff --git a/views/about/_old_plans.ejs b/views/about/_old_plans.ejs new file mode 100644 index 0000000..e4b07be --- /dev/null +++ b/views/about/_old_plans.ejs @@ -0,0 +1,63 @@ + <div class="about_plan planbox free_plan_info"> + <h3>[[- plans.free.name ]]</h3> + <ul> + <li> [[- plans.free.stock_project_limit ]] exhibition with pre-designed template floor plan + </ul> + </div> + + <div class="about_plan planbox"> + <h3>[[- plans.basic.name ]]</h3> + <ul> + <li> $[[- plans.basic.monthly_price ]]/mo or $[[- plans.basic.yearly_price ]]/year + <li> Comes with [[- plans.basic.basic_layout_limit ]] basic floor plan and [[- plans.basic.basic_project_limit ]] exhibitions + <li> Each new basic floor plan costs $[[- plans.basic.basic_layout_monthly_price ]]/mo + or $[[- plans.basic.basic_layout_yearly_price ]]/year, minimum 3 months + <li> Each new floor plan can have up to [[- plans.basic.basic_project_limit ]] exhibitions + <li> VValls logo appears when embedding an exhibition on a web page + <li> + [[ if (! logged_in) { ]] + <button data-role="show-signup-modal">Sign Up</button> + [[ } else if (! user.plan_level) { ]] + <a href="https://vvalls.recurly.com/subscribe/basic-monthly/[[- user._id ]]/[[- user.username ]]"><button>Buy Now</button></a> + [[ } else if (user.plan_level == plans.basic.level) { ]] + Current Level + [[ } ]] + </ul> + </div> + + <div class="about_plan planbox"> + <h3>[[- plans.pro.name ]]</h3> + <ul> + <li> $[[- plans.pro.monthly_price ]]/mo or $[[- plans.pro.yearly_price ]]/year + <li> Comes with [[- plans.pro.pro_layout_limit ]] pro floor plan and [[- plans.pro.pro_project_limit ]] exhibitions + <li> Each new pro floor plan costs $[[- plans.pro.pro_layout_monthly_price ]]/mo + or $[[- plans.pro.pro_layout_yearly_price ]]/year, minimum 3 months + <li> Each new pro floor plan can have up to [[- plans.pro.pro_project_limit ]] exhibitions + <li> Includes planning for 3D objects in the room + <li> No VValls logo on embed + <li> + [[ if (! logged_in) { ]] + <button data-role="show-signup-modal">Sign Up</button> + [[ } else if (! user.plan_level) { ]] + <a href="https://vvalls.recurly.com/subscribe/pro-monthly/[[- user._id ]]/[[- user.username ]]"><button>Buy Now</button></a> + [[ } else if (user.plan_level == plans.pro.level) { ]] + Current Level + [[ } else if (user.plan_level < plans.pro.level) { ]] + <a href="/profile/billing"><button>Upgrade Now</button></a> + [[ } ]] + </ul> + </div> + + <div class="about_custom planbox miscbox"> + <ul> + <li> Buying any extra floor plan unlocks collaboration.<br>Invite an artist or curator to work on the exhibition with you. + <li> Basic Floor plan: Rectangle-based design of any dimension. + <li> Pro Floor plan: Trace an arbitrary floor plan from image. + </ul> + </div> + + <div class="about_custom custombox planbox"> + <h3>Want Something Custom?</h3> + <li> We offer customized white-label options for business and educational uses. + <li> <a href="mailto:hello@vvalls.com">Contact us</a> for more information. + </div> diff --git a/views/about/_plans.ejs b/views/about/_plans.ejs new file mode 100644 index 0000000..95b8d2f --- /dev/null +++ b/views/about/_plans.ejs @@ -0,0 +1,121 @@ +<ul id="plans"> + <li class="most-popular"> + <div class="top"> + <h2>[[- plans.pro.name ]]</h2> + <h3><span class="dollar">$</span><span class="price large">[[- plans.pro.monthly_price ]]</span> <span class="month large">/ mo </span></h3> + <h4>Ideal for large galleries<br>and small businesses.</h4> + </div> + <ul> + <li> + [[- plans.pro.pro_layout_limit ]] Pro Floor Plans and [[- plans.pro.pro_project_limit ]] Exhibitions + </li> + <li> + Trace a Floor Plan from a Drawing + </li> + <li> + Image Hosting For Artworks + </li> + <li> + Planning for 3D Objects + </li> + <li> + Everything the Medium Plan Contains + </li> + <li> + No Branding! + </li> + </ul> + <div class="signup"> + [[ if (! logged_in) { ]] + <a class="button" href="#" data-role="show-signup-modal">Sign Up for [[- plans.pro.name ]]</a> + [[ } else if (! user.plan_level || user.plan_level < plans.pro.level) { ]] + <a class="button" href="https://vvalls.recurly.com/subscribe/pro-monthly/[[- user._id ]]/[[- user.username ]]">Sign Up for [[- plans.pro.name ]]</a> + [[ } else if (user.plan_level == plans.pro.level) { ]] + <div class="current">Current Level</div> + [[ } ]] + </div> + </li> + <li> + <div class="top"> + <h2>[[- plans.basic.name ]]</h2> + <h3><span class="dollar">$</span><span class="price medium">[[- plans.basic.monthly_price ]]</span> <span class="month medium">/ mo </span></h3> + <h4>Great for small galleries<br>and art projects.</h4> + </div> + <ul> + <li> + [[- plans.basic.basic_layout_limit ]] Basic Floor Plan and [[- plans.basic.basic_project_limit ]] Exhibitions + </li> + <li> + Add More Basic Floor Plans for $[[- plans.basic.basic_layout_monthly_price ]]/mo + </li> + <li> + Invite Artists to Collaborate + </li> + <li> + Prepay a Year and Get Two Months Free + </li> + <li> + Everything the Small Plan Contains + </li> + <li> + VValls Branding + </li> + </ul> + <div class="signup"> + [[ if (! logged_in) { ]] + <a class="button" href="#" data-role="show-signup-modal">Sign Up for [[- plans.basic.name ]]</a> + [[ } else if (! user.plan_level || user.plan_level < plans.basic.level) { ]] + <a class="button" href="https://vvalls.recurly.com/subscribe/basic-monthly/[[- user._id ]]/[[- user.username ]]">Sign Up for [[- plans.basic.name ]]</a> + [[ } else if (user.plan_level == plans.basic.level) { ]] + <div class="current">Current Level</div> + [[ } else { ]] + <div class="current"> </div> + [[ } ]] + </div> + </li> + <li> + <div class="top"> + <h2>[[- plans.free.name ]]</h2> + <h3><span class="dollar">$</span><span class="price small">0</span> <span class="month small">/ mo </span></h3> + <h4>Free forever.</h4> + </div> + <ul> + <li> + [[- plans.free.stock_project_limit ]] Basic Exhibition + </li> + <li> + Use Any of our Built-In Floor Plans + </li> + <li> + Embed Images and Videos in your Room + </li> + <li> + Custom Color and Wallpaper + </li> + <li> + Embed Room on Your Website + </li> + <li> + VValls Branding + </li> + </ul> + + <div class="signup"> + [[ if (! logged_in) { ]] + <a class="button" href="#" data-role="show-signup-modal">Sign Up for Small</a> + [[ } else if (! user.plan_level || user.plan_level == plans.free.level) { ]] + <div class="current">Current Level</div> + [[ } else { ]] + <div class="current"> </div> + [[ } ]] + </div> + </li> +</ul> + +<br> +<div class="about_custom custombox planbox"> + <h3>Want Something Custom?</h3> + <li> We offer customized white-label options for business and educational uses. + <br> + <a href="mailto:hello@vvalls.com">Contact us</a> for more information. +</div> diff --git a/views/about/about.ejs b/views/about/about.ejs new file mode 100644 index 0000000..6d5f011 --- /dev/null +++ b/views/about/about.ejs @@ -0,0 +1,52 @@ +<!doctype html> +<html> +<head> + <title>About VValls</title> + [[ include ../partials/meta ]] +</head> +<body class="loading"> + <div class="rapper page"> + [[ include ../partials/header ]] + + <h1 class="leader">About VValls</h1> + + <div class="projectList about aboutintro"> + <div class="inner"> + VValls is a platform for creating and sharing immersive web based 3D exhibitions. With VValls users can draw floor plans, and then apply media to the surfaces of the virtual space. VValls is the ideal solution for anyone creating immersive presentations of content, curators looking to plan shows, and artists looking to visualize their work in 3D space. VValls is completely HTML5 based – mobile and desktop compatible. + <br><br> + Contact us with inquiries at <a href="mailto:hello@vvalls.com">hello@vvalls.com</a>.<br> + We are based in New York City. + </div> + + <div class="item"> + <div class="rap"> + <span style="background-image:url(http://vvalls.s3.amazonaws.com/static/larisa.jpg)"> + </span> + <span> + <h3>Dot Dash 3</h3> + <words>VValls was conceived and prototyped by Larisa Leventon, Ph.D., MBA, founder of Dot Dash 3 and an M.I.T. + Brown University-trained visualization algorithm specialist.</words> + </span> + </div> + </div> + + <div class="item"> + <div class="rap"> + <span style="background-image:url(http://vvalls.s3.amazonaws.com/static/okf.jpg)"> + </span> + <span> + <h3>OKFocus</h3> + <words>VValls was developed and designed by OKFocus, a forward thinking NYC based creative agency. The technology was spearheaded by Jules LaPlace, CTO, and the design by Ryder Ripps, ECD.</words> + </span> + </div> + </div> + </div> + + [[ include ../partials/confirm-modal ]] + [[ include ../projects/layouts-modal ]] + [[ include ../partials/sign-in ]] + [[ include ../partials/footer ]] + + </div> +</body> +[[ include ../partials/scripts ]] +</html> diff --git a/views/about/brochure.ejs b/views/about/brochure.ejs new file mode 100644 index 0000000..e34d3d3 --- /dev/null +++ b/views/about/brochure.ejs @@ -0,0 +1,25 @@ +<!doctype html> +<html> +<head> + <title>VValls Subscriptions</title> + [[ include ../partials/meta ]] +</head> +<body class="loading"> + <div class="rapper page"> + [[ include ../partials/header ]] + + <h1 class="leader">Subscriptions</h1> + + <div class="projectList about aboutintro"> + [[ include _plans ]] + </div> + + [[ include ../partials/confirm-modal ]] + [[ include ../projects/layouts-modal ]] + [[ include ../partials/sign-in ]] + [[ include ../partials/footer ]] + + </div> +</body> +[[ include ../partials/scripts ]] +</html> diff --git a/views/about/howto.ejs b/views/about/howto.ejs new file mode 100644 index 0000000..914c3b3 --- /dev/null +++ b/views/about/howto.ejs @@ -0,0 +1,128 @@ +<!doctype html> +<html> +<head> + <title>How to Use VValls</title> + [[ include ../partials/meta ]] +</head> +<body class="loading"> + <div class="rapper page"> + [[ include ../partials/header ]] + + <div class="hero" style="background-image:url(http://okfocus.s3.amazonaws.com/images/vvalls/construction.jpg);"> + <div class="holder"> + </div> + </div> + <h1>How To Use VValls</h1> + + <div class="projectList about howto"> + <div class="item"> + <div class="rap"> + <span style="background-image:url(http://okfocus.s3.amazonaws.com/images/vvalls/newproject.jpg)"> + </span> + <span> + <h3>1. Define Your Space.</h3> + <words>Choose from one of our existing floor plan templates or create your own.</words> + </span> + </div> + </div> + + + <div class="item"> + <div class="rap"> + <span style="background-image:url(http://okfocus.s3.amazonaws.com/images/vvalls/addmedia.gif)"> + </span> + <span> + <h3>2. Add Your Media Files.</h3> + <words>Upload media files or choose media from our pre-loaded image/video stream. Position media on the walls.</words> + </span> + </div> + </div> + + + <div class="item"> + <div class="rap"> + <span style="background-image:url(http://okfocus.s3.amazonaws.com/images/vvalls/wallpaper3.gif)"> + </span> + <span> + <h3>3. Customize.</h3> + <words>Use color or wallpaper features to customize the look of your space.</words> + </span> + </div> + </div> + + <div class="item"> + <div class="rap"> + <span style="background-image:url(http://okfocus.s3.amazonaws.com/images/vvalls/colab.png)"> + </span> + <span> + <h3>4. Collaborate.</h3> + <words>You can invite others to collaborate on your project.</words> + </span> + </div> + </div> + + <div class="item"> + <div class="rap"> + <span style="background-image:url(http://okfocus.s3.amazonaws.com/images/vvalls/thumbsup.gif)"> + </span> + <span> + <h3>5. Publish + Share.</h3> + <words>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.</words> + </span> + </div> + </div> + + <h1 style="text-align:center; background: white; border-bottom: 1px solid black; margin: 60px 0 40px;">Keyboard Shortcuts</h1> + + <div class="item"> + <div class="rap"> + <span style="background-image:url(http://okfocus.s3.amazonaws.com/random/keyboard.gif); background-position: 15%;"></span> + <span style="padding: 0 50px;margin-bottom: 60px;"> + <words> + <h3>Getting around VValls is easier with the keyboard.</h3> + + 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. + </words> + </span> + <br clear="both"> + + <table border="0" class="keyboard first-keyboard"> + <tr><td>W</td><td>Move forward</td></tr> + <tr><td>A</td><td>Strafe left</td></tr> + <tr><td>S</td><td>Move backward</td></tr> + <tr><td>D</td><td>Strafe right</td></tr> + <tr><td> </td></tr> + <tr><td>Q</td><td>Turn left</td></tr> + <tr><td>E</td><td>Turn right</td></tr> + <tr><td> </td></tr> + <tr><td>R</td><td>Look up</td></tr> + <tr><td>F</td><td>Look down</td></tr> + </table> + <table border="0" class="keyboard"> + <tr><td>Cmd-Z</td><td>Undo</td></tr> + <tr><td>Shift-Cmd-Z</td><td>Redo</td></tr> + <tr><td>Cmd-\</td><td>Noclip mode</td></tr> + <tr><td>Esc</td><td>Cancel</td></tr> + <tr><td>Backspace</td><td>Delete currently selected media</td></tr> + <tr><td> </td></tr> + <tr><td>Mousewheel</td><td>Move forward/back</td></tr> + <tr><td>Shift-Mousewheel</td><td>Turn left/right</td></tr> + <tr><td> </td></tr> + <tr><td>Spacebar</td><td>Jump</td></tr> + </table> + </span> + </div> + </div> +</div> + + + [[ include ../partials/confirm-modal ]] + [[ include ../projects/layouts-modal ]] + [[ include ../partials/sign-in ]] + [[ include ../partials/footer ]] + + </div> +</body> +[[ include ../partials/scripts ]] +</html> |