diff --git a/static/css/pages/plans.css b/static/css/pages/plans.css index fae3568c2..03de7d554 100644 --- a/static/css/pages/plans.css +++ b/static/css/pages/plans.css @@ -367,4 +367,66 @@ margin-bottom: 20px; text-align: center; display: block; -} \ No newline at end of file +} + +#tectonicManagerDialog .modal-body { + text-align: center; + padding: 40px; +} + +#tectonicManagerDialog .qe-logo { + max-height: 50px; + margin-bottom: 30px; + max-width: 100%; +} + +#tectonicManagerDialog b { + display: block; + margin-bottom: 15px; +} + +#tectonicManagerDialog .buttons { + margin-top: 10px; + margin-bottom: 30px; +} + +#tectonicManagerDialog .buttons .btn { + margin-left: 30px; + font-size: 14px; + padding-left: 20px; + padding-right: 20px +} + +@media (max-width: 767px) { + #tectonicManagerDialog .buttons .btn { + margin: 0px; + margin-top: 20px; + } +} + +#tectonicManagerDialog .buttons .btn:first-child { + margin-left: 0px; +} + +#tectonicManagerDialog .shoutout { + padding: 20px; + border: 1px solid #ddd; + border-radius: 4px; + max-width: 300px; + display: inline-block; + color: #1d304f; + + font-size: 13px; + margin-top: 30px; + margin-bottom: 10px; +} + +#tectonicManagerDialog .shoutout img { + max-width: 260px; + max-height: 20px; + margin-top: 20px; +} + +#tectonicManagerDialog .modal-dialog { + max-width: 650px; +} diff --git a/static/img/tectonic-bycoreos-color-sidebyside.svg b/static/img/tectonic-bycoreos-color-sidebyside.svg new file mode 100644 index 000000000..fcef6c503 --- /dev/null +++ b/static/img/tectonic-bycoreos-color-sidebyside.svg @@ -0,0 +1,69 @@ + + + + diff --git a/static/js/pages/plans.js b/static/js/pages/plans.js index 5bc0d12ed..6d301d286 100644 --- a/static/js/pages/plans.js +++ b/static/js/pages/plans.js @@ -25,8 +25,8 @@ }; $scope.qeStartTrial = function(plan) { - // TODO(jschorr): Implement. - alert('Not yet implemented!') + $scope.currentQEPlan = plan; + $('#tectonicManagerDialog').modal('show'); }; $scope.buyNow = function(plan) { diff --git a/static/partials/plans.html b/static/partials/plans.html index 167df9e84..487fe604b 100644 --- a/static/partials/plans.html +++ b/static/partials/plans.html @@ -601,7 +601,7 @@ -