diff --git a/requirements.txt b/requirements.txt index c64c4ce..2191046 100755 --- a/requirements.txt +++ b/requirements.txt @@ -2,6 +2,7 @@ appdirs==1.4.3 click==6.7 couchdbkit==0.6.5 Flask==0.12.1 +Flask-Cors==3.0.6 http-parser==0.8.3 itsdangerous==0.24 Jinja2==2.9.6 @@ -14,5 +15,5 @@ requests==2.13.0 restkit==4.2.2 six==1.10.0 socketpool==0.5.3 -stripe==1.55.0 +stripe==1.82.1 Werkzeug==0.12.1 diff --git a/src/api/templates/subscribe.html b/src/api/templates/subscribe.html index 1eca04a..b69b217 100755 --- a/src/api/templates/subscribe.html +++ b/src/api/templates/subscribe.html @@ -20,6 +20,7 @@ font-size:14px; font-weight:lighter; } + .bold { font-weight:bold} .caption { font-size:28px; font-weight:lighter ; @@ -43,20 +44,21 @@ grid-template-columns: repeat(auto-fit,minmax(250px, 1fr) ) } .plan .title { font-size:24px; font-family:verdana; text-transform: capitalize; border-bottom:1px solid #CAD5E0; } - .plan .feature {display:grid; grid-template-columns: 60% 40%; grid-gap:4px; margin:4px} - .plan .feature .label {text-transform: uppercase; grid-column:1} - .plan .feature .status {font-size:20px; text-align: right} + .plan .feature {display:grid; grid-template-columns: 60% 40%; grid-gap:2px; margin:2px;} + .plan .feature .label {text-transform: uppercase; grid-column:1; font-size:14px;} + .plan .feature .status {font-size:20px; text-align: right; font-size:14px;} .border-bottom{ border-bottom:1px solid #CAD5E0} .border-right{ border-right:1px solid #CAD5E0} .border-left{ border-left:1px solid #CAD5E0} + .border-top{ border-top:1px solid #CAD5E0} .left { float:left} - .small { font-family:verdana; font-size:11px;} + .small { font-family:verdana; font-size:11px; font-weight:lighter; color:#000000;} .hidden {display:none} .width-50{width:50%; padding:4px;} .width-25{width:25%; padding:4px} .height-48{height:48px;} - .fa-times {color:maroon} - .fa-check {color:green} + .fa-times {color:maroon; font-size:18px;} + .fa-check {color:green; font-size:18px;} table { border:1px solid #CAD5E0; border-radius:8px; -webkit-border-radius:8px; @@ -101,15 +103,24 @@ .plan .title { font-size:18px; font-family:verdana; text-transform: capitalize; border-bottom:1px solid #CAD5E0; } .plan .feature {display:grid; grid-template-columns: 60% 40%; grid-gap:4px; margin:4px} .plan .feature .label {font-size:12px; text-transform: uppercase; grid-column:1} - .plan .feature .status {font-size:16px; text-align: right} + .plan .feature .status {font-size:16px; text-align: right; font-size:14px;} .header{display:none} .caption {font-size:20px} } @media only screen and (min-device-width: 768px){ body {font-size:12px} - .header img {width:48px} - .header {display:block} + + .header .logo{ + display:grid; + margin:4px; + grid-template-columns: 48px auto ; + grid-gap:2px; + } + .header .logo img {width:32px} + .header {display:block; + } + table {width:70%; margin-left:20%} .medium-caption {font-size:18px} .width-50{width:50%; padding:4px;} @@ -119,110 +130,95 @@ display:grid; grid-template-columns: repeat(auto-fit,minmax(250px, 1fr) ) } - .plan .title { font-size:24px; font-family:verdana; text-transform: capitalize; border-bottom:1px solid #CAD5E0; } + .plan .title { font-size:20px; font-family:verdana; text-transform: capitalize; border-bottom:1px solid #CAD5E0; } .plan .feature {display:grid; grid-template-columns: 60% 40%; grid-gap:4px; margin:4px} .plan .feature .label {text-transform: uppercase; grid-column:1} - .plan .feature .status {font-size:20px; text-align: right} + .plan .feature .status {font-size:20px; text-align: right; font-size:14px;} } + -
-{{active_plan}} +
+ +
+
+ {% if alias %} +
{{alias.replace('-',' ') }}
+ {% else %} +
{{app_name.replace('-',' ') }}
+ {% endif %} +
Available Plans
+
-
- - - - - -
-
- -
-
The Phi Technology
-
{{ alias }}
+
+
+ {% for item in plans%} +
+
{{ item.nickname }}
+
+ {% for key,value in item.metadata['features'].iteritems() %} +
+
{{ key }}
+ {% if value == True %} +
+ {% elif value == False %} +
+ {%else %} +
{{value}}
+ {% endif %}
-
- - -
- {{uid}} -
- + + {% endfor %} + {% if item.amount > 0 and platform != 'mobile' %} +
+ +
+ + + + +
+ {% elif item.amount == 0 and platform != 'mobile' %} +
+
+
This Plan is Plan
+
Login to Start
-
- - - - - -
-
- {% for item in plans%} -
-
{{ item.nickname }}
- {% for key,value in item.metadata['features'].iteritems() %} -
-
{{ key }}
- {% if value == 1 %} -
- {% else %} -
- {% endif %} -
- - {% endfor %} - {% if item.amount > 0 and platform != 'mobile' %} -
- -
- - - -
-
- {% elif item.amount == 0 and platform != 'mobile' %} -
Login, it's Free
- {% endif%} - +
- {% endfor %} + {% endif%} - + + {% endfor %} - -
- -
support@the-phi.com
-
+
+ + +
support@the-phi.com