blob: cffa51fdb0127b86ab57f36f11421dc47017d80f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
|
<!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">
<div class="inner">
Want to get more out of VValls? Consider becoming a subscription user.
<br><br>
</div>
<div class="about_plan planbox">
<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 href="/signup">Sign Up</button>
[[ } else if (! profile.plan_level || profile.plan_level < plan.level) { ]]
<button href="https://vvalls.recurly.com/subscribe/basic/[[- profile._id ]]/[[- profile.username ]]">Buy Now</button>
[[ } else if (profile.plan_level == plan.level) { ]]
Current Level
[[ } else { ]]
[[ } ]]
</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 href="/signup">Sign Up</button>
[[ } else if (! profile.plan_level || profile.plan_level < plan.level) { ]]
<button href="https://vvalls.recurly.com/subscribe/pro/[[- profile._id ]]/[[- profile.username ]]">Buy Now</button>
[[ } else if (profile.plan_level == plan.level) { ]]
Current Level
[[ } ]]
</ul>
</div>
<div class="about_custom planbox miscbox">
<ul>
<li> Buying any extra floor plan unlocks collaboration. 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 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>
</div>
[[ include ../partials/confirm-modal ]]
[[ include ../projects/layouts-modal ]]
[[ include ../partials/sign-in ]]
[[ include ../partials/footer ]]
</div>
</body>
[[ include ../partials/scripts ]]
</html>
<style>
/* nb these styles should be fixed for narrower screens/mobile layout */
.about_plan {
width: 28vw;
margin: 2vw;
float: left;
min-height: 28vw;
position: relative;
}
.about_plan button {
position: absolute;
bottom: 5%;
left: 5%;
width: 90%;
}
.about_custom {
clear: both;
width: 76vw;
margin: 2vw 10vw;
}
.planbox {
padding: 2vw;
border: 1px solid #ddd;
background: white;
border-radius: 25px;
font-size: 15px;
line-height: 23px;
text-align: center;
}
.planbox h3 {
text-align: center;
margin-bottom: 10px;
}
.planbox li {
list-style-type: none;
margin-bottom: 5px;
}
.planbox.miscbox {
border: 0;
background: #f8f8f8;
}
.about_custom a {
border-bottom: 1px solid;
}
</style>
|
