Merge pull request #573 from pcoder/task/3554/remove_beta_url
Task/3554/Remove beta access resources
This commit is contained in:
		
				commit
				
					
						1d1232e617
					
				
			
		
					 24 changed files with 41 additions and 1516 deletions
				
			
		| 
						 | 
				
			
			@ -1,9 +0,0 @@
 | 
			
		|||
from django.contrib import admin
 | 
			
		||||
 | 
			
		||||
from .models import BetaAccess, BetaAccessVMType, BetaAccessVM
 | 
			
		||||
# Register your models here.
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
admin.site.register(BetaAccess)
 | 
			
		||||
admin.site.register(BetaAccessVMType)
 | 
			
		||||
admin.site.register(BetaAccessVM)
 | 
			
		||||
| 
						 | 
				
			
			@ -1,26 +1,9 @@
 | 
			
		|||
from django import forms
 | 
			
		||||
 | 
			
		||||
from .models import BetaAccess, ContactUs
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class BetaAccessForm(forms.ModelForm):
 | 
			
		||||
    email = forms.CharField(widget=forms.EmailInput())
 | 
			
		||||
 | 
			
		||||
    class Meta:
 | 
			
		||||
        fields = ['name', 'email']
 | 
			
		||||
        model = BetaAccess
 | 
			
		||||
from .models import ContactUs
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class ContactForm(forms.ModelForm):
 | 
			
		||||
 | 
			
		||||
    class Meta:
 | 
			
		||||
        fields = ['name', 'email', 'message']
 | 
			
		||||
        model = ContactUs
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
# class BetaAccessVMForm(forms.ModelForm):
 | 
			
		||||
#     type = forms.CharField(widget=forms.EmailInput())
 | 
			
		||||
 | 
			
		||||
#     class Meta:
 | 
			
		||||
#         fields = ['email']
 | 
			
		||||
#         model = BetaAccessVM
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										32
									
								
								datacenterlight/migrations/0011_auto_20180220_1423.py
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										32
									
								
								datacenterlight/migrations/0011_auto_20180220_1423.py
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,32 @@
 | 
			
		|||
# -*- coding: utf-8 -*-
 | 
			
		||||
# Generated by Django 1.9.4 on 2018-02-20 14:23
 | 
			
		||||
from __future__ import unicode_literals
 | 
			
		||||
 | 
			
		||||
from django.db import migrations
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class Migration(migrations.Migration):
 | 
			
		||||
 | 
			
		||||
    dependencies = [
 | 
			
		||||
        ('datacenterlight', '0010_merge'),
 | 
			
		||||
    ]
 | 
			
		||||
 | 
			
		||||
    operations = [
 | 
			
		||||
        migrations.RemoveField(
 | 
			
		||||
            model_name='betaaccessvm',
 | 
			
		||||
            name='access',
 | 
			
		||||
        ),
 | 
			
		||||
        migrations.RemoveField(
 | 
			
		||||
            model_name='betaaccessvm',
 | 
			
		||||
            name='type',
 | 
			
		||||
        ),
 | 
			
		||||
        migrations.DeleteModel(
 | 
			
		||||
            name='BetaAccess',
 | 
			
		||||
        ),
 | 
			
		||||
        migrations.DeleteModel(
 | 
			
		||||
            name='BetaAccessVM',
 | 
			
		||||
        ),
 | 
			
		||||
        migrations.DeleteModel(
 | 
			
		||||
            name='BetaAccessVMType',
 | 
			
		||||
        ),
 | 
			
		||||
    ]
 | 
			
		||||
| 
						 | 
				
			
			@ -1,56 +1,6 @@
 | 
			
		|||
from django.db import models
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class BetaAccessVMType(models.Model):
 | 
			
		||||
    ssd = models.IntegerField()
 | 
			
		||||
    ram = models.IntegerField()
 | 
			
		||||
    cpu = models.IntegerField()
 | 
			
		||||
    price = models.FloatField()
 | 
			
		||||
 | 
			
		||||
    def __str__(self):
 | 
			
		||||
        return "ID: %s - SSD %s - RAM %s - CPU %s - Price %s " % \
 | 
			
		||||
               (self.id, str(self.ssd), self.ram, self.cpu, self.price)
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class BetaAccess(models.Model):
 | 
			
		||||
    email = models.CharField(max_length=250)
 | 
			
		||||
    name = models.CharField(max_length=250)
 | 
			
		||||
 | 
			
		||||
    # vm = models.ForeignKey(BetaAccessVM)
 | 
			
		||||
 | 
			
		||||
    def __str__(self):
 | 
			
		||||
        vms = self.betaaccessvm_set.all()
 | 
			
		||||
        rep = "Email: %s " % self.email
 | 
			
		||||
        for vm in vms:
 | 
			
		||||
            rep += "(vm:%s - amount:%s) - " % (vm.type.id, vm.amount)
 | 
			
		||||
        return rep
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class BetaAccessVM(models.Model):
 | 
			
		||||
    type = models.ForeignKey(BetaAccessVMType)
 | 
			
		||||
    access = models.ForeignKey(BetaAccess)
 | 
			
		||||
    amount = models.IntegerField()
 | 
			
		||||
 | 
			
		||||
    @classmethod
 | 
			
		||||
    def create(cls, data):
 | 
			
		||||
        VM_KEY_ID = 0
 | 
			
		||||
        VM_AMOUNT = 1
 | 
			
		||||
        ZERO = 0
 | 
			
		||||
        email = data.get('email')
 | 
			
		||||
        beta_access = BetaAccess.objects.create(email=email)
 | 
			
		||||
        vm_data = [(key, value) for key, value in data.items() if 'vm' in key]
 | 
			
		||||
        created_vms = []
 | 
			
		||||
        for vm in vm_data:
 | 
			
		||||
            if int(vm[VM_AMOUNT]) == ZERO:
 | 
			
		||||
                continue
 | 
			
		||||
            vm_id = vm[VM_KEY_ID].split('-').pop()
 | 
			
		||||
            vm_type = BetaAccessVMType.objects.get(id=vm_id)
 | 
			
		||||
            created_vms.append(cls.objects.create(access=beta_access,
 | 
			
		||||
                                                  amount=vm[VM_AMOUNT], type=vm_type))
 | 
			
		||||
 | 
			
		||||
        return created_vms
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class VMTemplate(models.Model):
 | 
			
		||||
    name = models.CharField(max_length=50)
 | 
			
		||||
    opennebula_vm_template_id = models.IntegerField()
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
										
											Binary file not shown.
										
									
								
							| 
		 Before Width: | Height: | Size: 9 KiB  | 
| 
						 | 
				
			
			@ -1,55 +0,0 @@
 | 
			
		|||
(function($){
 | 
			
		||||
    'use strict'; // Start of use strict
 | 
			
		||||
 | 
			
		||||
   
 | 
			
		||||
 | 
			
		||||
    $(document).ready(function(){
 | 
			
		||||
        verifiedUrl();
 | 
			
		||||
        init_options_interested();
 | 
			
		||||
        init_nav();
 | 
			
		||||
        change_values();
 | 
			
		||||
    });
 | 
			
		||||
 | 
			
		||||
    function verifiedUrl(){
 | 
			
		||||
        if(window.location.href.indexOf('#success') > -1){
 | 
			
		||||
            form_success();
 | 
			
		||||
        }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    function init_options_interested(){
 | 
			
		||||
        $('.row-vms').click(function(){
 | 
			
		||||
            $('.row-vms').removeClass('row-vms__active');
 | 
			
		||||
            $(this).addClass('row-vms__active');
 | 
			
		||||
            var number = $('.row-vms__active input').val();
 | 
			
		||||
            var price = $('.row-vms__active input').data('price');
 | 
			
		||||
            _calculate(number, price);
 | 
			
		||||
        });
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    function init_nav(){
 | 
			
		||||
 | 
			
		||||
        $('.nav-local').click(function(){
 | 
			
		||||
            $('html, body').animate({
 | 
			
		||||
                 scrollTop: $('#'+$(this).data('href')).offset().top
 | 
			
		||||
             });
 | 
			
		||||
        });
 | 
			
		||||
        
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    function change_values(){
 | 
			
		||||
        $('.number-vms').keyup(function () {
 | 
			
		||||
            var number = $(this).val();
 | 
			
		||||
            var price =  $(this).data('price');
 | 
			
		||||
            _calculate(number, price);
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
    }
 | 
			
		||||
    function form_success(){
 | 
			
		||||
        $('#sucessModal').modal('show');
 | 
			
		||||
    }
 | 
			
		||||
    function _calculate(numbers, price){
 | 
			
		||||
        $('#valueTotal').text(numbers*price*31);
 | 
			
		||||
    }
 | 
			
		||||
    
 | 
			
		||||
    
 | 
			
		||||
})(jQuery); // End of use strict
 | 
			
		||||
| 
						 | 
				
			
			@ -1,27 +0,0 @@
 | 
			
		|||
{% load i18n %}
 | 
			
		||||
 | 
			
		||||
<form novalidate id ="beta_access" class="form-beta" method="POST" action="{% url 'datacenterlight:beta_access'%}">
 | 
			
		||||
  {% csrf_token %}
 | 
			
		||||
  {{ form.non_field_errors }}
 | 
			
		||||
  <div>
 | 
			
		||||
	{% for message in messages %}
 | 
			
		||||
		<strong>{{ message }}</strong>
 | 
			
		||||
	{% endfor %}
 | 
			
		||||
  </div>
 | 
			
		||||
 <div class="inputs">
 | 
			
		||||
	 <div class="form-group">
 | 
			
		||||
		<input type="text" name="name" class="form-control" id="name" placeholder="{% trans 'Enter name' %}">
 | 
			
		||||
		<span style="color: white">{{ form.name.errors|striptags}}</span>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="form-group">
 | 
			
		||||
		<input type="email" name="email" class="form-control" id="email" placeholder="{% trans 'Enter email' %}">
 | 
			
		||||
		<span style="color: white">{{ form.email.errors|striptags}}</span>
 | 
			
		||||
	  </div>
 | 
			
		||||
 </div>
 | 
			
		||||
  <button type="submit" class="btn btn-default btn-transparent btn-lg">{% trans "Request Beta Access" %}</button>
 | 
			
		||||
</form>
 | 
			
		||||
<script>
 | 
			
		||||
	$('#beta_access').ajaxForm({
 | 
			
		||||
		target: '#beta_access_form', success: function(response) { }
 | 
			
		||||
	});
 | 
			
		||||
</script>
 | 
			
		||||
| 
						 | 
				
			
			@ -1,47 +0,0 @@
 | 
			
		|||
 | 
			
		||||
{% load i18n %}
 | 
			
		||||
 | 
			
		||||
<div class="modal fade bs-example-modal-sm" style="color:black;"  id="successModal" tabindex="-1" role="dialog">
 | 
			
		||||
    <div class="modal-dialog">
 | 
			
		||||
        <div class="modal-content">
 | 
			
		||||
            <div class="modal-header">
 | 
			
		||||
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="modal-body">
 | 
			
		||||
              <div class="modal-icon"><i class="checkmark" aria-hidden="true"></i></div>
 | 
			
		||||
              <h4 class="modal-title">{% trans "Request Sent" %}</h4>
 | 
			
		||||
              <p class="modal-text">{% trans "Thank you for your subscription! You will receive a confirmation mail from our team" %}</p>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div><!-- /.modal-content -->
 | 
			
		||||
    </div>
 | 
			
		||||
</div><!-- /.modal -->
 | 
			
		||||
<script>
 | 
			
		||||
	// Show modal
 | 
			
		||||
	$('#successModal').modal('show');
 | 
			
		||||
	// close the modal after 3 seconds
 | 
			
		||||
	setTimeout(function() {
 | 
			
		||||
	    $('#successModal').modal('hide');
 | 
			
		||||
	}, 5000);
 | 
			
		||||
</script>
 | 
			
		||||
<style>
 | 
			
		||||
.vertical-alignment-helper {
 | 
			
		||||
    display:table;
 | 
			
		||||
    height: 100%;
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
 | 
			
		||||
}
 | 
			
		||||
.vertical-align-center {
 | 
			
		||||
    /* To center vertically */
 | 
			
		||||
    display: table-cell;
 | 
			
		||||
    vertical-align: middle;
 | 
			
		||||
    pointer-events:none;
 | 
			
		||||
}
 | 
			
		||||
.modal-content {
 | 
			
		||||
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
 | 
			
		||||
    width:inherit;
 | 
			
		||||
    height:inherit;
 | 
			
		||||
    /* To center horizontally */
 | 
			
		||||
    margin: 0 auto;
 | 
			
		||||
    pointer-events: all;
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
| 
						 | 
				
			
			@ -1,176 +0,0 @@
 | 
			
		|||
{% load static from staticfiles %}
 | 
			
		||||
{% load i18n %}
 | 
			
		||||
<!-- Inliner Build Version 4380b7741bb759d6cb997545f3add21ad48f010b -->
 | 
			
		||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
 | 
			
		||||
<html xmlns="http://www.w3.org/1999/xhtml"
 | 
			
		||||
      style="font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
<head>
 | 
			
		||||
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 | 
			
		||||
    <meta name="viewport" content="width=device-width, initial-scale=1">
 | 
			
		||||
    <title>{{dcl_text}}</title>
 | 
			
		||||
</head>
 | 
			
		||||
<body bgcolor="#ffffff"
 | 
			
		||||
      style="font-family: 'Lato', 'sans-serif' !important; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; color: white; margin: 0;">
 | 
			
		||||
<style type="text/css">
 | 
			
		||||
@media only screen and (max-width: 480px) {
 | 
			
		||||
  table[class*="container-for-gmail-android"] {
 | 
			
		||||
    min-width: 290px !important; width: 100% !important;
 | 
			
		||||
  }
 | 
			
		||||
  img[class="force-width-gmail"] {
 | 
			
		||||
    display: none !important; width: 0 !important; height: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  table[class="w320"] {
 | 
			
		||||
    width: 320px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="mobile-header-padding-left"] {
 | 
			
		||||
    width: 160px !important; padding-left: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="mobile-header-padding-right"] {
 | 
			
		||||
    width: 160px !important; padding-right: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="header-lg"] {
 | 
			
		||||
    font-size: 24px !important; padding-bottom: 5px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="content-padding"] {
 | 
			
		||||
    padding: 5px 0 5px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="button"] {
 | 
			
		||||
    padding: 5px 5px 30px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="free-text"] {
 | 
			
		||||
    padding: 10px 18px 30px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="mobile-hide-img"] {
 | 
			
		||||
    display: none !important; height: 0 !important; width: 0 !important; line-height: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="item"] {
 | 
			
		||||
    width: 140px !important; vertical-align: top !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="quantity"] {
 | 
			
		||||
    width: 50px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="price"] {
 | 
			
		||||
    width: 90px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="item-table"] {
 | 
			
		||||
    padding: 30px 20px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="mini-container-left"] {
 | 
			
		||||
    padding: 0 15px 15px !important; display: block !important; width: 290px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="mini-container-right"] {
 | 
			
		||||
    padding: 0 15px 15px !important; display: block !important; width: 290px !important;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
<table align="center" cellpadding="0" cellspacing="0"
 | 
			
		||||
       class="container-for-gmail-android" width="100%"
 | 
			
		||||
       style="border-collapse: collapse !important; min-width: 600px; font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
    <tr style="font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
        <td align="left" valign="top" width="100%"
 | 
			
		||||
            style="border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff url(http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg) repeat-x;"
 | 
			
		||||
            bgcolor="#ffffff">
 | 
			
		||||
            <center style="font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
                <table cellspacing="0" cellpadding="0" width="100%"
 | 
			
		||||
                       bgcolor="#ffffff"
 | 
			
		||||
                       background="{{base_url}}{% static 'datacenterlight/img/dcl-email-bg.jpg' %}"
 | 
			
		||||
                       style="border-collapse: collapse !important; font-family: 'Lato', 'sans-serif' !important; background: transparent;">
 | 
			
		||||
                    <tr style="font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
                        <td width="100%" height="80" valign="top"
 | 
			
		||||
                            style="text-align: center; vertical-align: middle; border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; color: #777777; line-height: 21px; background-color: #ffffff"
 | 
			
		||||
                            align="center">
 | 
			
		||||
                            <!--[if gte mso 9]>
 | 
			
		||||
                            <v:rect xmlns:v="urn:schemas-microsoft-com:vml"
 | 
			
		||||
                                    fill="true" stroke="false"
 | 
			
		||||
                                    style="mso-width-percent:1000;height:80px; v-text-anchor:middle;">
 | 
			
		||||
                                <v:fill type="tile"
 | 
			
		||||
                                        src="{{base_url}}{% static 'datacenterlight/img/dcl-email-bg.jpg' %}"
 | 
			
		||||
                                        color="#ffffff"/>
 | 
			
		||||
                                <v:textbox inset="0,0,0,0">
 | 
			
		||||
                            <![endif]-->
 | 
			
		||||
                            <center style="font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
                                <table cellpadding="0" cellspacing="0"
 | 
			
		||||
                                       width="600" class="w320"
 | 
			
		||||
                                       style="border-collapse: collapse !important; font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
                                    <tr style="font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
                                        <td class="pull-left mobile-header-padding-left"
 | 
			
		||||
                                            style="vertical-align: middle; border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 290px; padding-left: 0px;"
 | 
			
		||||
                                            align="left" valign="middle">
 | 
			
		||||
                                            <a href="{{base_url}}"
 | 
			
		||||
                                               style="font-family: 'Lato', 'sans-serif' !important; color: #676767; text-decoration: none !important;"><img
 | 
			
		||||
                                                    width="137"
 | 
			
		||||
                                                    src="{{base_url}}{% static 'datacenterlight/img/datacenterlight.png' %}"
 | 
			
		||||
                                                    alt="logo"
 | 
			
		||||
                                                    style="max-width: 600px; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; font-family: 'Lato', 'sans-serif' !important; border: none;"></a>
 | 
			
		||||
                                        </td>
 | 
			
		||||
                                        <td class="pull-right mobile-header-padding-right"
 | 
			
		||||
                                            style="color: #4d4d4d; border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; text-align: right; line-height: 21px; width: 290px; padding-left: 10px;"
 | 
			
		||||
                                            align="right">
 | 
			
		||||
                                        </td>
 | 
			
		||||
                                    </tr>
 | 
			
		||||
                                </table>
 | 
			
		||||
                            </center>
 | 
			
		||||
                            <!--[if gte mso 9]>
 | 
			
		||||
                            </v:textbox>
 | 
			
		||||
                            </v:rect>
 | 
			
		||||
                            <![endif]-->
 | 
			
		||||
                        </td>
 | 
			
		||||
                    </tr>
 | 
			
		||||
                </table>
 | 
			
		||||
            </center>
 | 
			
		||||
        </td>
 | 
			
		||||
    </tr>
 | 
			
		||||
    <tr style="font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
        <td align="center" valign="top" width="100%"
 | 
			
		||||
            style="border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff; padding: 20px 0 5px;"
 | 
			
		||||
            class="content-padding" bgcolor="#f7f7f7">
 | 
			
		||||
            <center style="font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
                <table cellspacing="0" cellpadding="0" width="600" class="w320"
 | 
			
		||||
                       style="border-collapse: collapse !important; font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
                    <tr style="font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
                        <td class="header-lg"
 | 
			
		||||
                            style="border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 32px; color: #4d4d4d; text-align: left; line-height: normal; font-weight: 400; padding: 35px 5px 0px;"
 | 
			
		||||
                            align="center">
 | 
			
		||||
                            {% block email_head %}
 | 
			
		||||
                            {% endblock %}
 | 
			
		||||
                        </td>
 | 
			
		||||
                    </tr>
 | 
			
		||||
                    <tr style="font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
                        <td class="free-text"
 | 
			
		||||
                            style="border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 100% !important; padding: 40px 5px 20px;"
 | 
			
		||||
                            align="center">
 | 
			
		||||
                            <p>
 | 
			
		||||
                                {% block email_body %}
 | 
			
		||||
                                {% endblock %}
 | 
			
		||||
                            </p></td>
 | 
			
		||||
                    </tr>
 | 
			
		||||
                    <tr style="font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
                        <td class="button"
 | 
			
		||||
                            style="border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; padding: 0;"
 | 
			
		||||
                            align="center"> 
 | 
			
		||||
                        </td>
 | 
			
		||||
                    </tr>
 | 
			
		||||
                </table>
 | 
			
		||||
            </center>
 | 
			
		||||
        </td>
 | 
			
		||||
    </tr>
 | 
			
		||||
    <tr style="font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
        <td align="center" valign="top" width="100%"
 | 
			
		||||
            style="height: 100px; border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff;"
 | 
			
		||||
            bgcolor="#ffffff">
 | 
			
		||||
            <center style="font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
                <table cellspacing="0" cellpadding="0" width="600" class="w320"
 | 
			
		||||
                       style="border-collapse: collapse !important; font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
                    <tr style="font-family: 'Lato', 'sans-serif' !important;">
 | 
			
		||||
                        <td style="border-collapse: collapse; font-family: 'Lato', 'sans-serif' !important; font-size: 14px; font-weight: 600; color: #7293de; padding: 25px 5px 0px;text-align: left; line-height: 21px;;"
 | 
			
		||||
                            align="left">{% trans 'Your Data Center Light Team' %}
 | 
			
		||||
                        </td>
 | 
			
		||||
                    </tr>
 | 
			
		||||
                </table>
 | 
			
		||||
            </center>
 | 
			
		||||
        </td>
 | 
			
		||||
    </tr>
 | 
			
		||||
</table>
 | 
			
		||||
</body>
 | 
			
		||||
</html>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -1,7 +0,0 @@
 | 
			
		|||
{% load static from staticfiles %}
 | 
			
		||||
{% load i18n %}
 | 
			
		||||
{% block email_head %}
 | 
			
		||||
{% endblock %}
 | 
			
		||||
{% block email_body %}
 | 
			
		||||
{% endblock %}
 | 
			
		||||
{% trans 'Your Data Center Light Team' %}
 | 
			
		||||
| 
						 | 
				
			
			@ -1,129 +0,0 @@
 | 
			
		|||
{% load static from staticfiles %}
 | 
			
		||||
{% load i18n%}
 | 
			
		||||
<!-- Inliner Build Version 4380b7741bb759d6cb997545f3add21ad48f010b -->
 | 
			
		||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
 | 
			
		||||
<html xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<head>
 | 
			
		||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 | 
			
		||||
<meta name="viewport" content="width=device-width, initial-scale=1">
 | 
			
		||||
<title>Oxygen Invoice</title>
 | 
			
		||||
</head>
 | 
			
		||||
<body bgcolor="#ffffff" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; color: white; margin: 0;">
 | 
			
		||||
<style type="text/css">
 | 
			
		||||
@media only screen and (max-width: 480px) {
 | 
			
		||||
  table[class*="container-for-gmail-android"] {
 | 
			
		||||
    min-width: 290px !important; width: 100% !important;
 | 
			
		||||
  }
 | 
			
		||||
  img[class="force-width-gmail"] {
 | 
			
		||||
    display: none !important; width: 0 !important; height: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  table[class="w320"] {
 | 
			
		||||
    width: 320px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="mobile-header-padding-left"] {
 | 
			
		||||
    width: 160px !important; padding-left: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="mobile-header-padding-right"] {
 | 
			
		||||
    width: 160px !important; padding-right: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="header-lg"] {
 | 
			
		||||
    font-size: 24px !important; padding-bottom: 5px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="content-padding"] {
 | 
			
		||||
    padding: 5px 0 5px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="button"] {
 | 
			
		||||
    padding: 5px 5px 30px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="free-text"] {
 | 
			
		||||
    padding: 10px 18px 30px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="mobile-hide-img"] {
 | 
			
		||||
    display: none !important; height: 0 !important; width: 0 !important; line-height: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="item"] {
 | 
			
		||||
    width: 140px !important; vertical-align: top !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="quantity"] {
 | 
			
		||||
    width: 50px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="price"] {
 | 
			
		||||
    width: 90px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="item-table"] {
 | 
			
		||||
    padding: 30px 20px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="mini-container-left"] {
 | 
			
		||||
    padding: 0 15px 15px !important; display: block !important; width: 290px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="mini-container-right"] {
 | 
			
		||||
    padding: 0 15px 15px !important; display: block !important; width: 290px !important;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
<table align="center" cellpadding="0" cellspacing="0" class="container-for-gmail-android" width="100%" style="border-collapse: collapse !important; min-width: 600px; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="left" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff url(http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg) repeat-x;" bgcolor="#ffffff">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
      <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" background="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; background: transparent;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td width="100%" height="80" valign="top" style="text-align: center; vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; line-height: 21px; background-color: #ffffff" align="center">
 | 
			
		||||
            <!--[if gte mso 9]>
 | 
			
		||||
            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:80px; v-text-anchor:middle;">
 | 
			
		||||
              <v:fill type="tile" src="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" color="#ffffff" />
 | 
			
		||||
              <v:textbox inset="0,0,0,0">
 | 
			
		||||
            <![endif]-->
 | 
			
		||||
              <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
                <table cellpadding="0" cellspacing="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="pull-left mobile-header-padding-left" style="vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 290px; padding-left: 0px;" align="left" valign="middle">
 | 
			
		||||
                      <a href="{{base_url}}" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; color: #676767; text-decoration: none !important;"><img width="137" src="{{base_url}}{% static 'datacenterlight/img/datacenterlight.png' %}" alt="logo" style="max-width: 600px; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; border: none;"></a>
 | 
			
		||||
                    </td>
 | 
			
		||||
                    <td class="pull-right mobile-header-padding-right" style="color: #4d4d4d; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; text-align: right; line-height: 21px; width: 290px; padding-left: 10px;" align="right">
 | 
			
		||||
                    </td>
 | 
			
		||||
                  </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
              <!--[if gte mso 9]>
 | 
			
		||||
              </v:textbox>
 | 
			
		||||
            </v:rect>
 | 
			
		||||
            <![endif]-->
 | 
			
		||||
            </td>
 | 
			
		||||
          </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="center" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff; padding: 20px 0 5px;" class="content-padding" bgcolor="#f7f7f7">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
        <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="header-lg" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 32px; color: #4d4d4d; text-align: left; line-height: normal; font-weight: 400; padding: 35px 5px 0px;" align="center">
 | 
			
		||||
              {% trans "Thank you for your request." %}
 | 
			
		||||
            </td>
 | 
			
		||||
          </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="free-text" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 100% !important; padding: 40px 5px 20px;" align="center">
 | 
			
		||||
             <p>{% trans "You are one step away from being our beta tester!" %}  <br/><br/> 
 | 
			
		||||
               {% trans "Currently we are running our tests to make sure everything runs perfectly." %}<br/>
 | 
			
		||||
             {% trans "In the meantime, we would like to ask you a little patience<br/> until our team contacts you with beta access." %}<br/>
 | 
			
		||||
             {% trans "Thank you!" %}           </p></td>
 | 
			
		||||
          </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="button" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; padding: 0;" align="center"> </td>
 | 
			
		||||
          </tr>
 | 
			
		||||
</table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="center" valign="top" width="100%" style="height: 100px; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff;" bgcolor="#ffffff">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
        <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; font-weight: 600; color: #7293de; padding: 25px 5px 0px;text-align: left; line-height: 21px;;" align="left">Your data center light team<br style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
</td>
 | 
			
		||||
          </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
</table>
 | 
			
		||||
</body>
 | 
			
		||||
</html>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -1,129 +0,0 @@
 | 
			
		|||
{% load static from staticfiles %}
 | 
			
		||||
{% load i18n%}
 | 
			
		||||
<!-- Inliner Build Version 4380b7741bb759d6cb997545f3add21ad48f010b -->
 | 
			
		||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
 | 
			
		||||
<html xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<head>
 | 
			
		||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 | 
			
		||||
<meta name="viewport" content="width=device-width, initial-scale=1">
 | 
			
		||||
<title>Oxygen Invoice</title>
 | 
			
		||||
</head>
 | 
			
		||||
<body bgcolor="#ffffff" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; color: white; margin: 0;">
 | 
			
		||||
<style type="text/css">
 | 
			
		||||
@media only screen and (max-width: 480px) {
 | 
			
		||||
  table[class*="container-for-gmail-android"] {
 | 
			
		||||
    min-width: 290px !important; width: 100% !important;
 | 
			
		||||
  }
 | 
			
		||||
  img[class="force-width-gmail"] {
 | 
			
		||||
    display: none !important; width: 0 !important; height: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  table[class="w320"] {
 | 
			
		||||
    width: 320px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="mobile-header-padding-left"] {
 | 
			
		||||
    width: 160px !important; padding-left: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="mobile-header-padding-right"] {
 | 
			
		||||
    width: 160px !important; padding-right: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="header-lg"] {
 | 
			
		||||
    font-size: 24px !important; padding-bottom: 5px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="content-padding"] {
 | 
			
		||||
    padding: 5px 0 5px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="button"] {
 | 
			
		||||
    padding: 5px 5px 30px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="free-text"] {
 | 
			
		||||
    padding: 10px 18px 30px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="mobile-hide-img"] {
 | 
			
		||||
    display: none !important; height: 0 !important; width: 0 !important; line-height: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="item"] {
 | 
			
		||||
    width: 140px !important; vertical-align: top !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="quantity"] {
 | 
			
		||||
    width: 50px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="price"] {
 | 
			
		||||
    width: 90px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="item-table"] {
 | 
			
		||||
    padding: 30px 20px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="mini-container-left"] {
 | 
			
		||||
    padding: 0 15px 15px !important; display: block !important; width: 290px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="mini-container-right"] {
 | 
			
		||||
    padding: 0 15px 15px !important; display: block !important; width: 290px !important;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
<table align="center" cellpadding="0" cellspacing="0" class="container-for-gmail-android" width="100%" style="border-collapse: collapse !important; min-width: 600px; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="left" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff url(http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg) repeat-x;" bgcolor="#ffffff">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
      <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" background="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; background: transparent;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td width="100%" height="80" valign="top" style="text-align: center; vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; line-height: 21px; background-color: #ffffff" align="center">
 | 
			
		||||
            <!--[if gte mso 9]>
 | 
			
		||||
            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:80px; v-text-anchor:middle;">
 | 
			
		||||
              <v:fill type="tile" src="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" color="#ffffff" />
 | 
			
		||||
              <v:textbox inset="0,0,0,0">
 | 
			
		||||
            <![endif]-->
 | 
			
		||||
              <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
                <table cellpadding="0" cellspacing="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="pull-left mobile-header-padding-left" style="vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 290px; padding-left: 10px;" align="left" valign="middle">
 | 
			
		||||
                      <a href="{{base_url}}" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; color: #676767; text-decoration: none !important;"><img width="137" src="{{base_url}}{% static 'datacenterlight/img/datacenterlight.png' %}" alt="logo" style="max-width: 600px; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; border: none;"></a>
 | 
			
		||||
                    </td>
 | 
			
		||||
                    <td class="pull-right mobile-header-padding-right" style="color: #4d4d4d; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; text-align: right; line-height: 21px; width: 290px; padding-left: 10px;" align="right">
 | 
			
		||||
                    </td>
 | 
			
		||||
                  </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
              <!--[if gte mso 9]>
 | 
			
		||||
              </v:textbox>
 | 
			
		||||
            </v:rect>
 | 
			
		||||
            <![endif]-->
 | 
			
		||||
            </td>
 | 
			
		||||
          </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="center" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff; padding: 20px 0 5px;" class="content-padding" bgcolor="#f7f7f7">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
        <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="header-lg" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 32px; color: #4d4d4d; text-align: left; line-height: normal; font-weight: 400; padding: 35px 5 0;" align="center">
 | 
			
		||||
              {% trans "Thank you for your request." %}
 | 
			
		||||
            </td>
 | 
			
		||||
          </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="free-text" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 100% !important; padding: 40px 7px 20px;" align="center">
 | 
			
		||||
             <p>{% trans "You are one step away from being our beta tester!" %}  <br/><br/> 
 | 
			
		||||
               {% trans "Currently we are running our tests to make sure everything runs perfectly." %}<br/>
 | 
			
		||||
             {% trans "In the meantime, we would like to ask you a little patience<br/> until our team contacts you with beta access." %}<br/>
 | 
			
		||||
             {% trans "Thank you!" %}           </p></td>
 | 
			
		||||
          </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="button" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; padding: 0;" align="center"> </td>
 | 
			
		||||
          </tr>
 | 
			
		||||
</table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="center" valign="top" width="100%" style="height: 100px; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff;" bgcolor="#ffffff">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
        <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; font-weight: 600; color: #7293de; padding: 25px 9px 0px;text-align: left; line-height: 21px;;" align="left">Your data center light team<br style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
</td>
 | 
			
		||||
          </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
</table>
 | 
			
		||||
</body>
 | 
			
		||||
</html>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -1,125 +0,0 @@
 | 
			
		|||
{% load static from staticfiles %}
 | 
			
		||||
<!-- Inliner Build Version 4380b7741bb759d6cb997545f3add21ad48f010b -->
 | 
			
		||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
 | 
			
		||||
<html xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<head>
 | 
			
		||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 | 
			
		||||
<meta name="viewport" content="width=device-width, initial-scale=1">
 | 
			
		||||
<title>Oxygen Invoice</title>
 | 
			
		||||
</head>
 | 
			
		||||
<body bgcolor="#ffffff" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; color: white; margin: 0;">
 | 
			
		||||
<style type="text/css">
 | 
			
		||||
@media only screen and (max-width: 480px) {
 | 
			
		||||
  table[class*="container-for-gmail-android"] {
 | 
			
		||||
    min-width: 290px !important; width: 100% !important;
 | 
			
		||||
  }
 | 
			
		||||
  img[class="force-width-gmail"] {
 | 
			
		||||
    display: none !important; width: 0 !important; height: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  table[class="w320"] {
 | 
			
		||||
    width: 320px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="mobile-header-padding-left"] {
 | 
			
		||||
    width: 160px !important; padding-left: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="mobile-header-padding-right"] {
 | 
			
		||||
    width: 160px !important; padding-right: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="header-lg"] {
 | 
			
		||||
    font-size: 24px !important; padding-bottom: 5px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="content-padding"] {
 | 
			
		||||
    padding: 5px 0 5px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="button"] {
 | 
			
		||||
    padding: 5px 5px 30px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="free-text"] {
 | 
			
		||||
    padding: 10px 18px 30px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="mobile-hide-img"] {
 | 
			
		||||
    display: none !important; height: 0 !important; width: 0 !important; line-height: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="item"] {
 | 
			
		||||
    width: 140px !important; vertical-align: top !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="quantity"] {
 | 
			
		||||
    width: 50px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="price"] {
 | 
			
		||||
    width: 90px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="item-table"] {
 | 
			
		||||
    padding: 30px 20px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="mini-container-left"] {
 | 
			
		||||
    padding: 0 15px 15px !important; display: block !important; width: 290px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="mini-container-right"] {
 | 
			
		||||
    padding: 0 15px 15px !important; display: block !important; width: 290px !important;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
<table align="center" cellpadding="0" cellspacing="0" class="container-for-gmail-android" width="100%" style="border-collapse: collapse !important; min-width: 600px; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="left" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff url(http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg) repeat-x;" bgcolor="#ffffff">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
      <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" background="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; background: transparent;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td width="100%" height="80" valign="top" style="text-align: center; vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; line-height: 21px; background-color: #ffffff" align="center">
 | 
			
		||||
            <!--[if gte mso 9]>
 | 
			
		||||
            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:80px; v-text-anchor:middle;">
 | 
			
		||||
              <v:fill type="tile" src="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" color="#ffffff" />
 | 
			
		||||
              <v:textbox inset="0,0,0,0">
 | 
			
		||||
            <![endif]-->
 | 
			
		||||
              <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
                <table cellpadding="0" cellspacing="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="pull-left mobile-header-padding-left" style="vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 290px; padding-left: 0px;" align="left" valign="middle">
 | 
			
		||||
                      <a href="{{base_url}}" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; color: #676767; text-decoration: none !important;"><img width="137" src="{{base_url}}{% static 'datacenterlight/img/datacenterlight.png' %}" alt="logo" style="max-width: 600px; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; border: none;"></a>
 | 
			
		||||
                    </td>
 | 
			
		||||
                    <td class="pull-right mobile-header-padding-right" style="color: #4d4d4d; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; text-align: right; line-height: 21px; width: 290px; padding-left: 10px;" align="right">
 | 
			
		||||
                    </td>
 | 
			
		||||
                  </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
              <!--[if gte mso 9]>
 | 
			
		||||
              </v:textbox>
 | 
			
		||||
            </v:rect>
 | 
			
		||||
            <![endif]-->
 | 
			
		||||
            </td>
 | 
			
		||||
          </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="center" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff; padding: 20px 0 5px;" class="content-padding" bgcolor="#f7f7f7">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
        <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="header-lg" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 32px; color: #4d4d4d; text-align: left; line-height: normal; font-weight: 400; padding: 35px 5px 0px;" align="center">
 | 
			
		||||
              An user requested a beta access
 | 
			
		||||
            </td>
 | 
			
		||||
          </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="free-text" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 100% !important; padding: 40px 5px 20px;" align="center">
 | 
			
		||||
             <p>User {{email}} requested beta access         </p></td>
 | 
			
		||||
          </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="button" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; padding: 0;" align="center"> </td>
 | 
			
		||||
          </tr>
 | 
			
		||||
</table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="center" valign="top" width="100%" style="height: 100px; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff;" bgcolor="#ffffff">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
        <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; font-weight: 600; color: #7293de; padding: 25px 5px 0px;text-align: left; line-height: 21px;;" align="left">Your data center light team<br style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
</td>
 | 
			
		||||
          </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
</table>
 | 
			
		||||
</body>
 | 
			
		||||
</html>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -1,125 +0,0 @@
 | 
			
		|||
{% load static from staticfiles %}
 | 
			
		||||
<!-- Inliner Build Version 4380b7741bb759d6cb997545f3add21ad48f010b -->
 | 
			
		||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
 | 
			
		||||
<html xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<head>
 | 
			
		||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 | 
			
		||||
<meta name="viewport" content="width=device-width, initial-scale=1">
 | 
			
		||||
<title>Oxygen Invoice</title>
 | 
			
		||||
</head>
 | 
			
		||||
<body bgcolor="#ffffff" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; color: white; margin: 0;">
 | 
			
		||||
<style type="text/css">
 | 
			
		||||
@media only screen and (max-width: 480px) {
 | 
			
		||||
  table[class*="container-for-gmail-android"] {
 | 
			
		||||
    min-width: 290px !important; width: 100% !important;
 | 
			
		||||
  }
 | 
			
		||||
  img[class="force-width-gmail"] {
 | 
			
		||||
    display: none !important; width: 0 !important; height: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  table[class="w320"] {
 | 
			
		||||
    width: 320px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="mobile-header-padding-left"] {
 | 
			
		||||
    width: 160px !important; padding-left: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="mobile-header-padding-right"] {
 | 
			
		||||
    width: 160px !important; padding-right: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="header-lg"] {
 | 
			
		||||
    font-size: 24px !important; padding-bottom: 5px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="content-padding"] {
 | 
			
		||||
    padding: 5px 0 5px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="button"] {
 | 
			
		||||
    padding: 5px 5px 30px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="free-text"] {
 | 
			
		||||
    padding: 10px 18px 30px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="mobile-hide-img"] {
 | 
			
		||||
    display: none !important; height: 0 !important; width: 0 !important; line-height: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="item"] {
 | 
			
		||||
    width: 140px !important; vertical-align: top !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="quantity"] {
 | 
			
		||||
    width: 50px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="price"] {
 | 
			
		||||
    width: 90px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="item-table"] {
 | 
			
		||||
    padding: 30px 20px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="mini-container-left"] {
 | 
			
		||||
    padding: 0 15px 15px !important; display: block !important; width: 290px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="mini-container-right"] {
 | 
			
		||||
    padding: 0 15px 15px !important; display: block !important; width: 290px !important;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
<table align="center" cellpadding="0" cellspacing="0" class="container-for-gmail-android" width="100%" style="border-collapse: collapse !important; min-width: 600px; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="left" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff url(http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg) repeat-x;" bgcolor="#ffffff">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
      <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" background="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; background: transparent;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td width="100%" height="80" valign="top" style="text-align: center; vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; line-height: 21px; background-color: #ffffff" align="center">
 | 
			
		||||
            <!--[if gte mso 9]>
 | 
			
		||||
            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:80px; v-text-anchor:middle;">
 | 
			
		||||
              <v:fill type="tile" src="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" color="#ffffff" />
 | 
			
		||||
              <v:textbox inset="0,0,0,0">
 | 
			
		||||
            <![endif]-->
 | 
			
		||||
              <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
                <table cellpadding="0" cellspacing="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="pull-left mobile-header-padding-left" style="vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 290px; padding-left: 10px;" align="left" valign="middle">
 | 
			
		||||
                      <a href="{{base_url}}" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; color: #676767; text-decoration: none !important;"><img width="137" src="{{base_url}}{% static 'datacenterlight/img/datacenterlight.png' %}" alt="logo" style="max-width: 600px; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; border: none;"></a>
 | 
			
		||||
                    </td>
 | 
			
		||||
                    <td class="pull-right mobile-header-padding-right" style="color: #4d4d4d; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; text-align: right; line-height: 21px; width: 290px; padding-left: 10px;" align="right">
 | 
			
		||||
                    </td>
 | 
			
		||||
                  </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
              <!--[if gte mso 9]>
 | 
			
		||||
              </v:textbox>
 | 
			
		||||
            </v:rect>
 | 
			
		||||
            <![endif]-->
 | 
			
		||||
            </td>
 | 
			
		||||
          </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="center" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff; padding: 20px 0 5px;" class="content-padding" bgcolor="#f7f7f7">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
        <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="header-lg" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 32px; color: #4d4d4d; text-align: left; line-height: normal; font-weight: 400; padding: 35px 5 0;" align="center">
 | 
			
		||||
              An user requested a beta access
 | 
			
		||||
            </td>
 | 
			
		||||
          </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="free-text" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 100% !important; padding: 40px 7px 20px;" align="center">
 | 
			
		||||
             <p>User {{email}} requested beta access         </p></td>
 | 
			
		||||
          </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="button" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; padding: 0;" align="center"> </td>
 | 
			
		||||
          </tr>
 | 
			
		||||
</table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="center" valign="top" width="100%" style="height: 100px; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff;" bgcolor="#ffffff">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
        <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; font-weight: 600; color: #7293de; padding: 25px 9px 0px;text-align: left; line-height: 21px;;" align="left">Your data center light team<br style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
</td>
 | 
			
		||||
          </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
</table>
 | 
			
		||||
</body>
 | 
			
		||||
</html>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -1,131 +0,0 @@
 | 
			
		|||
{% load static from staticfiles %}
 | 
			
		||||
<!-- Inliner Build Version 4380b7741bb759d6cb997545f3add21ad48f010b -->
 | 
			
		||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
 | 
			
		||||
<html xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<head>
 | 
			
		||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 | 
			
		||||
<meta name="viewport" content="width=device-width, initial-scale=1">
 | 
			
		||||
<title>Oxygen Invoice</title>
 | 
			
		||||
</head>
 | 
			
		||||
<body bgcolor="#ffffff" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; color: white; margin: 0;">
 | 
			
		||||
<style type="text/css">
 | 
			
		||||
@media only screen and (max-width: 480px) {
 | 
			
		||||
  table[class*="container-for-gmail-android"] {
 | 
			
		||||
    min-width: 290px !important; width: 100% !important;
 | 
			
		||||
  }
 | 
			
		||||
  img[class="force-width-gmail"] {
 | 
			
		||||
    display: none !important; width: 0 !important; height: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  table[class="w320"] {
 | 
			
		||||
    width: 320px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="mobile-header-padding-left"] {
 | 
			
		||||
    width: 160px !important; padding-left: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="mobile-header-padding-right"] {
 | 
			
		||||
    width: 160px !important; padding-right: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="header-lg"] {
 | 
			
		||||
    font-size: 24px !important; padding-bottom: 5px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="content-padding"] {
 | 
			
		||||
    padding: 5px 0 5px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="button"] {
 | 
			
		||||
    padding: 5px 5px 30px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="free-text"] {
 | 
			
		||||
    padding: 10px 18px 30px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="mobile-hide-img"] {
 | 
			
		||||
    display: none !important; height: 0 !important; width: 0 !important; line-height: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="item"] {
 | 
			
		||||
    width: 140px !important; vertical-align: top !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="quantity"] {
 | 
			
		||||
    width: 50px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="price"] {
 | 
			
		||||
    width: 90px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="item-table"] {
 | 
			
		||||
    padding: 30px 20px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="mini-container-left"] {
 | 
			
		||||
    padding: 0 15px 15px !important; display: block !important; width: 290px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="mini-container-right"] {
 | 
			
		||||
    padding: 0 15px 15px !important; display: block !important; width: 290px !important;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
<table align="center" cellpadding="0" cellspacing="0" class="container-for-gmail-android" width="100%" style="border-collapse: collapse !important; min-width: 600px; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="left" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff url(http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg) repeat-x;" bgcolor="#ffffff">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
      <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" background="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; background: transparent;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td width="100%" height="80" valign="top" style="text-align: center; vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; line-height: 21px; background-color: #ffffff" align="center">
 | 
			
		||||
            <!--[if gte mso 9]>
 | 
			
		||||
            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:80px; v-text-anchor:middle;">
 | 
			
		||||
              <v:fill type="tile" src="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" color="#ffffff" />
 | 
			
		||||
              <v:textbox inset="0,0,0,0">
 | 
			
		||||
            <![endif]-->
 | 
			
		||||
              <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
                <table cellpadding="0" cellspacing="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="pull-left mobile-header-padding-left" style="vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 290px; padding-left: 0px;" align="left" valign="middle">
 | 
			
		||||
                      <a href="{{base_url}}" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; color: #676767; text-decoration: none !important;"><img width="137" src="{{base_url}}{% static 'datacenterlight/img/datacenterlight.png' %}" alt="logo" style="max-width: 600px; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; border: none;"></a>
 | 
			
		||||
                    </td>
 | 
			
		||||
                    <td class="pull-right mobile-header-padding-right" style="color: #4d4d4d; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; text-align: right; line-height: 21px; width: 290px; padding-left: 10px;" align="right">
 | 
			
		||||
                    </td>
 | 
			
		||||
                  </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
              <!--[if gte mso 9]>
 | 
			
		||||
              </v:textbox>
 | 
			
		||||
            </v:rect>
 | 
			
		||||
            <![endif]-->
 | 
			
		||||
            </td>
 | 
			
		||||
          </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="center" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff; padding: 20px 0 5px;" class="content-padding" bgcolor="#f7f7f7">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
        <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="header-lg" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 32px; color: #4d4d4d; text-align: left; line-height: normal; font-weight: 400; padding: 35px 5px 0px;" align="center">
 | 
			
		||||
              An user requested a beta access
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
            </td>
 | 
			
		||||
          </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="free-text" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 100% !important; padding: 40px 5px 20px;" align="center">
 | 
			
		||||
             <p>User {{email}} requested beta access         </p>
 | 
			
		||||
             {% for vm in vms %}
 | 
			
		||||
                Type: {{vm.type}} - Amount: {{vm.amount}}
 | 
			
		||||
             {% endfor %}
 | 
			
		||||
             </td>
 | 
			
		||||
          </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="button" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; padding: 0;" align="center"> </td>
 | 
			
		||||
          </tr>
 | 
			
		||||
</table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="center" valign="top" width="100%" style="height: 100px; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff;" bgcolor="#ffffff">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
        <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; font-weight: 600; color: #7293de; padding: 25px 5px 0px;text-align: left; line-height: 21px;;" align="left">Your data center light team<br style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
</td>
 | 
			
		||||
          </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
</table>
 | 
			
		||||
</body>
 | 
			
		||||
</html>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -1,131 +0,0 @@
 | 
			
		|||
{% load static from staticfiles %}
 | 
			
		||||
<!-- Inliner Build Version 4380b7741bb759d6cb997545f3add21ad48f010b -->
 | 
			
		||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
 | 
			
		||||
<html xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<head>
 | 
			
		||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 | 
			
		||||
<meta name="viewport" content="width=device-width, initial-scale=1">
 | 
			
		||||
<title>Oxygen Invoice</title>
 | 
			
		||||
</head>
 | 
			
		||||
<body bgcolor="#ffffff" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; color: white; margin: 0;">
 | 
			
		||||
<style type="text/css">
 | 
			
		||||
@media only screen and (max-width: 480px) {
 | 
			
		||||
  table[class*="container-for-gmail-android"] {
 | 
			
		||||
    min-width: 290px !important; width: 100% !important;
 | 
			
		||||
  }
 | 
			
		||||
  img[class="force-width-gmail"] {
 | 
			
		||||
    display: none !important; width: 0 !important; height: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  table[class="w320"] {
 | 
			
		||||
    width: 320px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="mobile-header-padding-left"] {
 | 
			
		||||
    width: 160px !important; padding-left: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="mobile-header-padding-right"] {
 | 
			
		||||
    width: 160px !important; padding-right: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="header-lg"] {
 | 
			
		||||
    font-size: 24px !important; padding-bottom: 5px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="content-padding"] {
 | 
			
		||||
    padding: 5px 0 5px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="button"] {
 | 
			
		||||
    padding: 5px 5px 30px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class*="free-text"] {
 | 
			
		||||
    padding: 10px 18px 30px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="mobile-hide-img"] {
 | 
			
		||||
    display: none !important; height: 0 !important; width: 0 !important; line-height: 0 !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="item"] {
 | 
			
		||||
    width: 140px !important; vertical-align: top !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="quantity"] {
 | 
			
		||||
    width: 50px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class~="price"] {
 | 
			
		||||
    width: 90px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="item-table"] {
 | 
			
		||||
    padding: 30px 20px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="mini-container-left"] {
 | 
			
		||||
    padding: 0 15px 15px !important; display: block !important; width: 290px !important;
 | 
			
		||||
  }
 | 
			
		||||
  td[class="mini-container-right"] {
 | 
			
		||||
    padding: 0 15px 15px !important; display: block !important; width: 290px !important;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
</style>
 | 
			
		||||
<table align="center" cellpadding="0" cellspacing="0" class="container-for-gmail-android" width="100%" style="border-collapse: collapse !important; min-width: 600px; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="left" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff url(http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg) repeat-x;" bgcolor="#ffffff">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
      <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff" background="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; background: transparent;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td width="100%" height="80" valign="top" style="text-align: center; vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; line-height: 21px; background-color: #ffffff" align="center">
 | 
			
		||||
            <!--[if gte mso 9]>
 | 
			
		||||
            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:80px; v-text-anchor:middle;">
 | 
			
		||||
              <v:fill type="tile" src="http://s3.amazonaws.com/swu-filepicker/4E687TRe69Ld95IDWyEg_bg_top_02.jpg" color="#ffffff" />
 | 
			
		||||
              <v:textbox inset="0,0,0,0">
 | 
			
		||||
            <![endif]-->
 | 
			
		||||
              <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
                <table cellpadding="0" cellspacing="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="pull-left mobile-header-padding-left" style="vertical-align: middle; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 290px; padding-left: 10px;" align="left" valign="middle">
 | 
			
		||||
                      <a href="{{base_url}}" style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; color: #676767; text-decoration: none !important;"><img width="137" src="{{base_url}}{% static 'datacenterlight/img/datacenterlight.png' %}" alt="logo" style="max-width: 600px; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; border: none;"></a>
 | 
			
		||||
                    </td>
 | 
			
		||||
                    <td class="pull-right mobile-header-padding-right" style="color: #4d4d4d; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; text-align: right; line-height: 21px; width: 290px; padding-left: 10px;" align="right">
 | 
			
		||||
                    </td>
 | 
			
		||||
                  </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
              <!--[if gte mso 9]>
 | 
			
		||||
              </v:textbox>
 | 
			
		||||
            </v:rect>
 | 
			
		||||
            <![endif]-->
 | 
			
		||||
            </td>
 | 
			
		||||
          </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="center" valign="top" width="100%" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff; padding: 20px 0 5px;" class="content-padding" bgcolor="#f7f7f7">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
        <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="header-lg" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 32px; color: #4d4d4d; text-align: left; line-height: normal; font-weight: 400; padding: 35px 5 0;" align="center">
 | 
			
		||||
              An user requested a beta access
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
            </td>
 | 
			
		||||
          </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="free-text" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: left; line-height: 21px; width: 100% !important; padding: 40px 7px 20px;" align="center">
 | 
			
		||||
             <p>User {{email}} requested beta access         </p>
 | 
			
		||||
             {% for vm in vms %}
 | 
			
		||||
                Type: {{vm.type}}
 | 
			
		||||
             {% endfor %}
 | 
			
		||||
             </td>
 | 
			
		||||
          </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td class="button" style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; padding: 0;" align="center"> </td>
 | 
			
		||||
          </tr>
 | 
			
		||||
</table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
<tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td align="center" valign="top" width="100%" style="height: 100px; border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; color: #777777; text-align: center; line-height: 21px; background: #ffffff;" bgcolor="#ffffff">
 | 
			
		||||
      <center style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
        <table cellspacing="0" cellpadding="0" width="600" class="w320" style="border-collapse: collapse !important; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;"><tr style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
<td style="border-collapse: collapse; font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important; font-size: 14px; font-weight: 600; color: #7293de; padding: 25px 9px 0px;text-align: left; line-height: 21px;;" align="left">Your data center light team<br style="font-family: 'Raleway', 'Helvetica Neue', 'Arial', 'sans-serif' !important;">
 | 
			
		||||
</td>
 | 
			
		||||
          </tr></table>
 | 
			
		||||
</center>
 | 
			
		||||
    </td>
 | 
			
		||||
  </tr>
 | 
			
		||||
</table>
 | 
			
		||||
</body>
 | 
			
		||||
</html>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -136,7 +136,6 @@
 | 
			
		|||
                <div class="col-xs-12 col-md-6 hero-feature">
 | 
			
		||||
                    <div class="price-calc-section no-padding">
 | 
			
		||||
                        <div class="landing card">
 | 
			
		||||
                            <img class="img-beta" src="{% static 'datacenterlight/img/beta-img.png' %}" alt="">
 | 
			
		||||
                            <div class="caption">
 | 
			
		||||
                            {% include "datacenterlight/calculator_form.html" %}
 | 
			
		||||
                            </div>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,32 +0,0 @@
 | 
			
		|||
{% extends "datacenterlight/base.html" %}
 | 
			
		||||
{% load staticfiles i18n %}
 | 
			
		||||
{% block content %}
 | 
			
		||||
 | 
			
		||||
	<div class="intro-pricing success-pricing">
 | 
			
		||||
 | 
			
		||||
		<div class="intro-message">
 | 
			
		||||
			<h2 class="section-heading">{% trans "Thank you for order! Our team will contact you via email" %}</h2>
 | 
			
		||||
			{% if LANGUAGE_CODE == 'en-us'%}
 | 
			
		||||
			<h2 class="section-heading">{% trans "as soon as possible!" %}</h2>
 | 
			
		||||
			{% endif %}
 | 
			
		||||
		</div>
 | 
			
		||||
 | 
			
		||||
	</div>
 | 
			
		||||
 | 
			
		||||
	<script type="text/javascript">
 | 
			
		||||
		  window.onload=function(){
 | 
			
		||||
			$('.selectpicker').selectpicker({
 | 
			
		||||
				 style: 'btn-link',
 | 
			
		||||
				 windowPadding: 10,
 | 
			
		||||
			});
 | 
			
		||||
 | 
			
		||||
			var hash = window.location.hash.substr(1);
 | 
			
		||||
			console.log(hash);
 | 
			
		||||
			if (hash == 'requestform'){
 | 
			
		||||
				$('#reques-success-message').modal('show');
 | 
			
		||||
			}
 | 
			
		||||
 | 
			
		||||
		   };
 | 
			
		||||
	</script>
 | 
			
		||||
 | 
			
		||||
{% endblock %}
 | 
			
		||||
| 
						 | 
				
			
			@ -135,7 +135,6 @@
 | 
			
		|||
                <div class="col-xs-12 col-md-6 hero-feature">
 | 
			
		||||
                    <div class="price-calc-section no-padding">
 | 
			
		||||
                        <div class="landing card">
 | 
			
		||||
                            <img class="img-beta" src="{% static 'datacenterlight/img/beta-img.png' %}" alt="">
 | 
			
		||||
                            <div class="caption">
 | 
			
		||||
                            {% include "datacenterlight/calculator_form.html" %}
 | 
			
		||||
                            </div>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,13 +1,10 @@
 | 
			
		|||
from django.conf.urls import url
 | 
			
		||||
 | 
			
		||||
from .views import (
 | 
			
		||||
    IndexView, BetaProgramView, LandingProgramView, BetaAccessView,
 | 
			
		||||
    SuccessView, PaymentOrderView, OrderConfirmationView,
 | 
			
		||||
    WhyDataCenterLightView, ContactUsView
 | 
			
		||||
)
 | 
			
		||||
 | 
			
		||||
from django.views.generic import TemplateView
 | 
			
		||||
 | 
			
		||||
from .views import (
 | 
			
		||||
    IndexView, LandingProgramView, PaymentOrderView, OrderConfirmationView,
 | 
			
		||||
    WhyDataCenterLightView, ContactUsView
 | 
			
		||||
)
 | 
			
		||||
 | 
			
		||||
urlpatterns = [
 | 
			
		||||
    url(r'^$', IndexView.as_view(), name='index'),
 | 
			
		||||
| 
						 | 
				
			
			@ -17,15 +14,11 @@ urlpatterns = [
 | 
			
		|||
    url(r'^l/$', IndexView.as_view(), name='index_l'),
 | 
			
		||||
    url(r'^whydatacenterlight/?$', WhyDataCenterLightView.as_view(),
 | 
			
		||||
        name='whydatacenterlight'),
 | 
			
		||||
    url(r'^beta-program/?$', BetaProgramView.as_view(), name='beta'),
 | 
			
		||||
    url(r'^landing/?$', LandingProgramView.as_view(), name='landing'),
 | 
			
		||||
    url(r'^payment/?$', PaymentOrderView.as_view(), name='payment'),
 | 
			
		||||
    url(r'^order-confirmation/?$', OrderConfirmationView.as_view(),
 | 
			
		||||
        name='order_confirmation'),
 | 
			
		||||
    url(r'^order-success/?$', SuccessView.as_view(), name='order_success'),
 | 
			
		||||
    url(r'^beta_access?$', BetaAccessView.as_view(), name='beta_access'),
 | 
			
		||||
    url(r'^contact/?$', ContactUsView.as_view(), name='contact_us'),
 | 
			
		||||
 | 
			
		||||
    url(r'glasfaser/?$',
 | 
			
		||||
        TemplateView.as_view(template_name='ungleich_page/glasfaser.html'),
 | 
			
		||||
        name='glasfaser'),
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -1,5 +1,5 @@
 | 
			
		|||
import logging
 | 
			
		||||
import json
 | 
			
		||||
import logging
 | 
			
		||||
 | 
			
		||||
from django import forms
 | 
			
		||||
from django.conf import settings
 | 
			
		||||
| 
						 | 
				
			
			@ -14,19 +14,18 @@ from django.views.decorators.cache import cache_control
 | 
			
		|||
from django.views.generic import FormView, CreateView, TemplateView, DetailView
 | 
			
		||||
 | 
			
		||||
from datacenterlight.tasks import create_vm_task
 | 
			
		||||
from hosting.models import HostingOrder
 | 
			
		||||
from hosting.forms import HostingUserLoginForm
 | 
			
		||||
from hosting.models import HostingOrder
 | 
			
		||||
from membership.models import CustomUser, StripeCustomer
 | 
			
		||||
from opennebula_api.serializers import VMTemplateSerializer
 | 
			
		||||
from utils.forms import (
 | 
			
		||||
    BillingAddressForm, BillingAddressFormSignup
 | 
			
		||||
)
 | 
			
		||||
from utils.hosting_utils import get_vm_price
 | 
			
		||||
from utils.mailer import BaseEmail
 | 
			
		||||
from utils.stripe_utils import StripeUtils
 | 
			
		||||
from utils.tasks import send_plain_email_task
 | 
			
		||||
from .forms import BetaAccessForm, ContactForm
 | 
			
		||||
from .models import BetaAccess, BetaAccessVMType, BetaAccessVM, VMTemplate
 | 
			
		||||
from .forms import ContactForm
 | 
			
		||||
from .models import VMTemplate
 | 
			
		||||
 | 
			
		||||
logger = logging.getLogger(__name__)
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -79,128 +78,8 @@ class LandingProgramView(TemplateView):
 | 
			
		|||
    template_name = "datacenterlight/landing.html"
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class SuccessView(TemplateView):
 | 
			
		||||
    template_name = "datacenterlight/success.html"
 | 
			
		||||
 | 
			
		||||
    def get(self, request, *args, **kwargs):
 | 
			
		||||
        if 'specs' not in request.session or 'user' not in request.session:
 | 
			
		||||
            return HttpResponseRedirect(reverse('datacenterlight:index'))
 | 
			
		||||
        elif 'token' not in request.session:
 | 
			
		||||
            return HttpResponseRedirect(reverse('datacenterlight:payment'))
 | 
			
		||||
        elif 'order_confirmation' not in request.session:
 | 
			
		||||
            return HttpResponseRedirect(
 | 
			
		||||
                reverse('datacenterlight:order_confirmation'))
 | 
			
		||||
        else:
 | 
			
		||||
            for session_var in ['specs', 'user', 'template', 'billing_address',
 | 
			
		||||
                                'billing_address_data',
 | 
			
		||||
                                'token', 'customer']:
 | 
			
		||||
                if session_var in request.session:
 | 
			
		||||
                    del request.session[session_var]
 | 
			
		||||
        return render(request, self.template_name)
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class BetaAccessView(FormView):
 | 
			
		||||
    template_name = "datacenterlight/beta_access.html"
 | 
			
		||||
    form_class = BetaAccessForm
 | 
			
		||||
    success_message = "Thank you, we will contact you as soon as possible"
 | 
			
		||||
 | 
			
		||||
    def form_valid(self, form):
 | 
			
		||||
        context = {
 | 
			
		||||
            'base_url': "{0}://{1}".format(self.request.scheme,
 | 
			
		||||
                                           self.request.get_host())
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        email_data = {
 | 
			
		||||
            'subject': 'DatacenterLight Beta Access Request',
 | 
			
		||||
            'from_address': '(datacenterlight) datacenterlight Support <support@datacenterlight.ch>',
 | 
			
		||||
            'to': form.cleaned_data.get('email'),
 | 
			
		||||
            'from': '(datacenterlight) DatacenterLight Support support@datacenterlight.ch',
 | 
			
		||||
            'context': context,
 | 
			
		||||
            'template_name': 'request_access_confirmation',
 | 
			
		||||
            'template_path': 'datacenterlight/emails/'
 | 
			
		||||
        }
 | 
			
		||||
        email = BaseEmail(**email_data)
 | 
			
		||||
        email.send()
 | 
			
		||||
 | 
			
		||||
        context.update({
 | 
			
		||||
            'email': form.cleaned_data.get('email')
 | 
			
		||||
        })
 | 
			
		||||
 | 
			
		||||
        email_data = {
 | 
			
		||||
            'subject': 'DatacenterLight Beta Access Request',
 | 
			
		||||
            'from_address': '(datacenterlight) datacenterlight Support <support@datacenterlight.ch>',
 | 
			
		||||
            'to': 'info@ungleich.ch',
 | 
			
		||||
            'context': context,
 | 
			
		||||
            'template_name': 'request_access_notification',
 | 
			
		||||
            'template_path': 'datacenterlight/emails/'
 | 
			
		||||
        }
 | 
			
		||||
        email = BaseEmail(**email_data)
 | 
			
		||||
        email.send()
 | 
			
		||||
 | 
			
		||||
        messages.add_message(self.request, messages.SUCCESS,
 | 
			
		||||
                             self.success_message)
 | 
			
		||||
        return render(self.request, 'datacenterlight/beta_success.html', {})
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class BetaProgramView(CreateView):
 | 
			
		||||
    template_name = "datacenterlight/beta.html"
 | 
			
		||||
    model = BetaAccessVM
 | 
			
		||||
    fields = '__all__'
 | 
			
		||||
    # form_class = BetaAccessForm
 | 
			
		||||
    # success_url = "/datacenterlight#requestform"
 | 
			
		||||
    success_message = "Thank you, we will contact you as soon as possible"
 | 
			
		||||
 | 
			
		||||
    def get_success_url(self):
 | 
			
		||||
        success_url = reverse('datacenterlight:beta')
 | 
			
		||||
        success_url += "#success"
 | 
			
		||||
        return success_url
 | 
			
		||||
 | 
			
		||||
    def get_context_data(self, **kwargs):
 | 
			
		||||
        vms = BetaAccessVMType.objects.all()
 | 
			
		||||
        context = super(BetaProgramView, self).get_context_data(**kwargs)
 | 
			
		||||
 | 
			
		||||
        # templates = OpenNebulaManager().get_templates()
 | 
			
		||||
        # data = VirtualMachineTemplateSerializer(templates, many=True).data
 | 
			
		||||
 | 
			
		||||
        context.update({
 | 
			
		||||
            'base_url': "{0}://{1}".format(self.request.scheme,
 | 
			
		||||
                                           self.request.get_host()),
 | 
			
		||||
            'vms': vms
 | 
			
		||||
        })
 | 
			
		||||
        return context
 | 
			
		||||
 | 
			
		||||
    def post(self, request, *args, **kwargs):
 | 
			
		||||
        data = request.POST
 | 
			
		||||
        vms = BetaAccessVM.create(data)
 | 
			
		||||
 | 
			
		||||
        context = {
 | 
			
		||||
            'base_url': "{0}://{1}".format(self.request.scheme,
 | 
			
		||||
                                           self.request.get_host()),
 | 
			
		||||
            'email': data.get('email'),
 | 
			
		||||
            'name': data.get('name'),
 | 
			
		||||
            'vms': vms
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        email_data = {
 | 
			
		||||
            'subject': 'DatacenterLight Beta Access Request',
 | 
			
		||||
            'from_address': '(datacenterlight) datacenterlight Support <support@datacenterlight.ch>',
 | 
			
		||||
            'to': 'info@ungleich.ch',
 | 
			
		||||
            'context': context,
 | 
			
		||||
            'template_name': 'request_beta_access_notification',
 | 
			
		||||
            'template_path': 'datacenterlight/emails/'
 | 
			
		||||
        }
 | 
			
		||||
        email = BaseEmail(**email_data)
 | 
			
		||||
        email.send()
 | 
			
		||||
 | 
			
		||||
        messages.add_message(self.request, messages.SUCCESS,
 | 
			
		||||
                             self.success_message)
 | 
			
		||||
        return HttpResponseRedirect(self.get_success_url())
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class IndexView(CreateView):
 | 
			
		||||
    template_name = "datacenterlight/index.html"
 | 
			
		||||
    model = BetaAccess
 | 
			
		||||
    form_class = BetaAccessForm
 | 
			
		||||
    success_url = "/datacenterlight#requestform"
 | 
			
		||||
    success_message = "Thank you, we will contact you as soon as possible"
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -292,48 +171,9 @@ class IndexView(CreateView):
 | 
			
		|||
        })
 | 
			
		||||
        return context
 | 
			
		||||
 | 
			
		||||
    def form_valid(self, form):
 | 
			
		||||
 | 
			
		||||
        context = {
 | 
			
		||||
            'base_url': "{0}://{1}".format(self.request.scheme,
 | 
			
		||||
                                           self.request.get_host())
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        email_data = {
 | 
			
		||||
            'subject': 'DatacenterLight Beta Access Request',
 | 
			
		||||
            'from_address': '(datacenterlight) datacenterlight Support <support@datacenterlight.ch>',
 | 
			
		||||
            'to': form.cleaned_data.get('email'),
 | 
			
		||||
            'from': '(datacenterlight) DatacenterLight Support support@datacenterlight.ch',
 | 
			
		||||
            'context': context,
 | 
			
		||||
            'template_name': 'request_access_confirmation',
 | 
			
		||||
            'template_path': 'datacenterlight/emails/'
 | 
			
		||||
        }
 | 
			
		||||
        email = BaseEmail(**email_data)
 | 
			
		||||
        email.send()
 | 
			
		||||
 | 
			
		||||
        context.update({
 | 
			
		||||
            'email': form.cleaned_data.get('email')
 | 
			
		||||
        })
 | 
			
		||||
 | 
			
		||||
        email_data = {
 | 
			
		||||
            'subject': 'DatacenterLight Beta Access Request',
 | 
			
		||||
            'from_address': '(datacenterlight) datacenterlight Support <support@datacenterlight.ch>',
 | 
			
		||||
            'to': 'info@ungleich.ch',
 | 
			
		||||
            'context': context,
 | 
			
		||||
            'template_name': 'request_access_notification',
 | 
			
		||||
            'template_path': 'datacenterlight/emails/'
 | 
			
		||||
        }
 | 
			
		||||
        email = BaseEmail(**email_data)
 | 
			
		||||
        email.send()
 | 
			
		||||
 | 
			
		||||
        messages.add_message(self.request, messages.SUCCESS,
 | 
			
		||||
                             self.success_message)
 | 
			
		||||
        return super(IndexView, self).form_valid(form)
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class WhyDataCenterLightView(IndexView):
 | 
			
		||||
    template_name = "datacenterlight/whydatacenterlight.html"
 | 
			
		||||
    model = BetaAccess
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class PaymentOrderView(FormView):
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue