Merge pull request #322 from HenryGBC/develop
Fixed Staging, Clean code an resolve conflicts
This commit is contained in:
Levi Velázquez
GitHub
commit
dc6f4098e0
55 changed files with 928 additions and 1870 deletions
Binary file not shown.
|
|
@ -8,7 +8,8 @@ msgid ""
|
||||||
msgstr ""
|
msgstr ""
|
||||||
"Project-Id-Version: PACKAGE VERSION\n"
|
"Project-Id-Version: PACKAGE VERSION\n"
|
||||||
"Report-Msgid-Bugs-To: \n"
|
"Report-Msgid-Bugs-To: \n"
|
||||||
"POT-Creation-Date: 2017-06-07 02:09+0530\n"
|
<<<<<<< HEAD
|
||||||
|
"POT-Creation-Date: 2017-06-09 16:08-0500\n"
|
||||||
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
|
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
|
||||||
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
|
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
|
||||||
"Language-Team: LANGUAGE <LL@li.org>\n"
|
"Language-Team: LANGUAGE <LL@li.org>\n"
|
||||||
|
|
@ -30,11 +31,11 @@ msgstr "E-Mail-Adresse"
|
||||||
msgid "Request Beta Access"
|
msgid "Request Beta Access"
|
||||||
msgstr "Beantrage Beta-Zugang"
|
msgstr "Beantrage Beta-Zugang"
|
||||||
|
|
||||||
#: templates/datacenterlight/beta_success.html:9
|
#: templates/datacenterlight/beta_success.html:10
|
||||||
msgid "Request Sent"
|
msgid "Request Sent"
|
||||||
msgstr "Anfrage verschickt"
|
msgstr "Anfrage verschickt"
|
||||||
|
|
||||||
#: templates/datacenterlight/beta_success.html:12
|
#: templates/datacenterlight/beta_success.html:13
|
||||||
msgid ""
|
msgid ""
|
||||||
"Thank you for your subscription! You will receive a confirmation mail from "
|
"Thank you for your subscription! You will receive a confirmation mail from "
|
||||||
"our team"
|
"our team"
|
||||||
|
|
@ -75,6 +76,9 @@ msgstr ""
|
||||||
msgid "Thank you!"
|
msgid "Thank you!"
|
||||||
msgstr "Vielen Dank!"
|
msgstr "Vielen Dank!"
|
||||||
|
|
||||||
|
<<<<<<< HEAD
|
||||||
|
#: templates/datacenterlight/home.html:15
|
||||||
|
=======
|
||||||
#: templates/datacenterlight/index.html:62
|
#: templates/datacenterlight/index.html:62
|
||||||
#: templates/datacenterlight/index.html:160
|
#: templates/datacenterlight/index.html:160
|
||||||
#: templates/datacenterlight/index.html:383
|
#: templates/datacenterlight/index.html:383
|
||||||
|
|
@ -123,73 +127,66 @@ msgid "Contact"
|
||||||
msgstr "Kontakt"
|
msgstr "Kontakt"
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:127
|
#: templates/datacenterlight/index.html:127
|
||||||
|
>>>>>>> 05883952264ad1b5650deaf05bb92cc3937c62fa
|
||||||
msgid "Finally, an affordable VM hosting in Switzerland!"
|
msgid "Finally, an affordable VM hosting in Switzerland!"
|
||||||
msgstr "Endlich: bezahlbares VM Hosting in der Schweiz"
|
msgstr "Endlich: bezahlbares VM Hosting in der Schweiz"
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:131
|
#: templates/datacenterlight/home.html:19
|
||||||
msgid "What is it?"
|
msgid "What is it?"
|
||||||
msgstr "Was ist es?"
|
msgstr "Was ist es?"
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:134
|
#: templates/datacenterlight/home.html:22
|
||||||
msgid "I want it!"
|
msgid "I want it!"
|
||||||
msgstr "Das will ich haben!"
|
msgstr "Das will ich haben!"
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:166
|
#: templates/datacenterlight/home.html:46
|
||||||
|
#: templates/datacenterlight/includes/_footer.html:14
|
||||||
|
#: templates/datacenterlight/includes/_navbar.html:26
|
||||||
|
msgid "What is it"
|
||||||
|
msgstr "Was ist es?"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/home.html:49
|
||||||
|
msgid "Our data center"
|
||||||
|
msgstr "Unser Datacenter"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/home.html:56
|
||||||
msgid ""
|
msgid ""
|
||||||
"Reuses existing factory halls instead of building a new expensive building."
|
"Reuses existing factory halls instead of building a new expensive building."
|
||||||
msgstr "Verwendet ehemalige Fabrikhallen anstatt ein neues, teures Gebäude zu errichten.
"
|
msgstr ""
|
||||||
|
"Verwendet ehemalige Fabrikhallen anstatt ein neues, teures Gebäude zu "
|
||||||
|
"errichten.
"
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:171
|
#: templates/datacenterlight/home.html:61
|
||||||
msgid "Only wants you to pay for what you actually need.\\u2028"
|
msgid "Only wants you to pay for what you actually need.\\u2028"
|
||||||
msgstr "Möchte, dass du nur bezahlst, was du auch wirklich brauchst: Wähle deine Ressourcen individuell aus!
"
|
msgstr ""
|
||||||
|
"Möchte, dass du nur bezahlst, was du auch wirklich brauchst: Wähle deine "
|
||||||
|
"Ressourcen individuell aus!
"
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:175
|
#: templates/datacenterlight/home.html:65
|
||||||
msgid ""
|
msgid ""
|
||||||
"Is creative, using a modern and alternative design for a data center in "
|
"Is creative, using a modern and alternative design for a data center in "
|
||||||
"order to make it more sustainable and affordable at the same time.\\u2028"
|
"order to make it more sustainable and affordable at the same time.\\u2028"
|
||||||
msgstr "Ist kreativ, indem es sich ein modernes und alternatives Layout zu Nutze macht um Nachhaltigkeit zu fördern und somit erschwingliche Preise bieten zu können.
"
|
msgstr ""
|
||||||
|
"Ist kreativ, indem es sich ein modernes und alternatives Layout zu Nutze "
|
||||||
|
"macht um Nachhaltigkeit zu fördern und somit erschwingliche Preise bieten zu "
|
||||||
|
"können.
"
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:179
|
#: templates/datacenterlight/home.html:69
|
||||||
msgid ""
|
msgid ""
|
||||||
"Cuts down the costs for you by using FOSS (Free Open Source Software) "
|
"Cuts down the costs for you by using FOSS (Free Open Source Software) "
|
||||||
"exclusively, wherefore we can save money from paying licenses."
|
"exclusively, wherefore we can save money from paying licenses."
|
||||||
msgstr "Sorgt dafür, dass unnötige Kosten erspart werden, indem es ausschliesslich mit FOSS (Free Open Source Software) arbeitet und wir daher auf Lizenzgebühren verzichten können.
"
|
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:183
|
|
||||||
msgid ""
|
|
||||||
"Is located in Glarus, Switzerland where your data is under strict privacy."
|
|
||||||
msgstr "Befindet sich in Glarus, in der Schweiz, wo deine Daten unter striktem Schutz stehen."
|
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:187
|
|
||||||
msgid "Has qualified workers on site who take care of the hardware.\\u2028"
|
|
||||||
msgstr "Hat qualifizierte Mitarbeiter vor Ort, die sich um die Hardware kümmern."
|
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:191
|
|
||||||
msgid ""
|
|
||||||
"Renounces active cooling by taking an advantage of the isolation of our "
|
|
||||||
"tight factory walls."
|
|
||||||
msgstr "Verzichtet auf aktive Kühlung, indem es sich die Isolation unserer ehemaligen Fabrikhalle zu Nutze macht."
|
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:214
|
|
||||||
#: templates/datacenterlight/index.html:165
|
|
||||||
msgid "Reuse existing factory halls intead of building an expensive building."
|
|
||||||
msgstr ""
|
msgstr ""
|
||||||
"Nachhaltigkeit: Wiederverwendung ehemaliger Fabrikhallen an Stelle der "
|
"Sorgt dafür, dass unnötige Kosten erspart werden, indem es ausschliesslich "
|
||||||
"Errichtung eines neuen Gebäudes"
|
"mit FOSS (Free Open Source Software) arbeitet und wir daher auf "
|
||||||
|
"Lizenzgebühren verzichten können.
"
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:168
|
#: templates/datacenterlight/home.html:89
|
||||||
msgid "Being creative, using modern and alternative design for a datacenter."
|
#: templates/datacenterlight/includes/_footer.html:17
|
||||||
msgstr ""
|
#: templates/datacenterlight/includes/_navbar.html:29
|
||||||
"Kreativität: Verwendung eines modernen und alternativen Designs für unser "
|
msgid "Scale out"
|
||||||
"Datencenter"
|
msgstr "Skalierung"
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:170
|
#: templates/datacenterlight/home.html:92
|
||||||
msgid "Being open: Using FOSS exclusively, we can save money for licenses."
|
|
||||||
msgstr ""
|
|
||||||
"Offene Verfahrensweise: Die Benutzung eines eigenen Frameworks, FOSS, "
|
|
||||||
"erspart Lizenzgebühren"
|
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:192
|
|
||||||
msgid ""
|
msgid ""
|
||||||
"We don't use special hardware. We use commodity hardware: we buy computers "
|
"We don't use special hardware. We use commodity hardware: we buy computers "
|
||||||
"that you buy. Just many more and put them in a cozy home for computers "
|
"that you buy. Just many more and put them in a cozy home for computers "
|
||||||
|
|
@ -199,7 +196,13 @@ msgstr ""
|
||||||
"erschwingliche Systeme. Bei grösserer Auslastung werden mehr Standard "
|
"erschwingliche Systeme. Bei grösserer Auslastung werden mehr Standard "
|
||||||
"komponenten hinzugekauft und skalieren so das Datencenter."
|
"komponenten hinzugekauft und skalieren so das Datencenter."
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:218
|
#: templates/datacenterlight/home.html:115
|
||||||
|
#: templates/datacenterlight/includes/_footer.html:20
|
||||||
|
#: templates/datacenterlight/includes/_navbar.html:32
|
||||||
|
msgid "Reliable and light"
|
||||||
|
msgstr "Zuverlässig und leicht"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/home.html:118
|
||||||
msgid ""
|
msgid ""
|
||||||
"Our VMs are located in Switzerland, with reliable power supply and fast "
|
"Our VMs are located in Switzerland, with reliable power supply and fast "
|
||||||
"internet connection. Our VM costs less thanks to our featherlight "
|
"internet connection. Our VM costs less thanks to our featherlight "
|
||||||
|
|
@ -209,6 +212,13 @@ msgstr ""
|
||||||
"Energieversorgung sowie schneller Internetverbindung ausgestattet. Unser "
|
"Energieversorgung sowie schneller Internetverbindung ausgestattet. Unser "
|
||||||
"Angebot ist aufgrund unserer leichten Infrastruktur überaus kostengünstig."
|
"Angebot ist aufgrund unserer leichten Infrastruktur überaus kostengünstig."
|
||||||
|
|
||||||
|
<<<<<<< HEAD
|
||||||
|
#: templates/datacenterlight/home.html:136
|
||||||
|
#: templates/datacenterlight/order.html:9
|
||||||
|
#: templates/datacenterlight/pricing.html:9
|
||||||
|
msgid "We are cutting down the costs significantly!"
|
||||||
|
msgstr "Wir sorgen dafür, dass die Kosten für Sie signifikant abnehmen"
|
||||||
|
=======
|
||||||
#: templates/datacenterlight/index.html:236
|
#: templates/datacenterlight/index.html:236
|
||||||
#: templates/datacenterlight/order.html:143
|
#: templates/datacenterlight/order.html:143
|
||||||
#: templates/datacenterlight/pricing.html:168
|
#: templates/datacenterlight/pricing.html:168
|
||||||
|
|
@ -216,15 +226,82 @@ msgid "Simple and affordable: Try our virtual machine with featherlight price."
|
||||||
msgstr ""
|
msgstr ""
|
||||||
"Einfach und bezahlbar: Teste nun unsere virtuellen Maschinen mit "
|
"Einfach und bezahlbar: Teste nun unsere virtuellen Maschinen mit "
|
||||||
"federleichten Preisen."
|
"federleichten Preisen."
|
||||||
|
>>>>>>> 05883952264ad1b5650deaf05bb92cc3937c62fa
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:260
|
#: templates/datacenterlight/home.html:137
|
||||||
msgid "More Info"
|
|
||||||
msgstr "Weitere Informationen"
|
|
||||||
|
|
||||||
#: templates/datacenterlight/index.html:237
|
|
||||||
msgid "Affordable VM hosting based in Switzerland"
|
msgid "Affordable VM hosting based in Switzerland"
|
||||||
msgstr "Bezahlbares VM Hosting in der Schweiz"
|
msgstr "Bezahlbares VM Hosting in der Schweiz"
|
||||||
|
|
||||||
|
<<<<<<< HEAD
|
||||||
|
#: templates/datacenterlight/home.html:144
|
||||||
|
#: templates/datacenterlight/order.html:22
|
||||||
|
#: templates/datacenterlight/pricing.html:22
|
||||||
|
msgid "VM hosting"
|
||||||
|
msgstr "VM Hosting"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/home.html:151
|
||||||
|
msgid "Based in Switzerland"
|
||||||
|
msgstr "Standort des Datacenters ist in der Schweiz"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/home.html:160
|
||||||
|
msgid "10 GB Storage (SSD)"
|
||||||
|
msgstr "10 GB Storage (SSD)"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/home.html:163
|
||||||
|
#: templates/datacenterlight/order.html:74
|
||||||
|
#: templates/datacenterlight/pricing.html:76
|
||||||
|
msgid "Order Now!"
|
||||||
|
msgstr "Bestelle jetzt!"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/home.html:186
|
||||||
|
msgid "Switzerland "
|
||||||
|
msgstr "Schweiz"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/home.html:203
|
||||||
|
msgid "Questions?"
|
||||||
|
msgstr "Fragen?"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/home.html:203
|
||||||
|
msgid "Contact us!"
|
||||||
|
msgstr "Kontaktiere uns!"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/includes/_footer.html:10
|
||||||
|
msgid "Home"
|
||||||
|
msgstr "Home"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/includes/_footer.html:23
|
||||||
|
msgid "Pricing"
|
||||||
|
msgstr "Preise"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/includes/_footer.html:27
|
||||||
|
#: templates/datacenterlight/includes/_navbar.html:38
|
||||||
|
msgid "Contact"
|
||||||
|
msgstr "Kontakt"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/includes/_navbar.html:35
|
||||||
|
msgid "Order VM"
|
||||||
|
msgstr "VM bestellen"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/order.html:30
|
||||||
|
#: templates/datacenterlight/pricing.html:30
|
||||||
|
msgid "Hosted in Switzerland"
|
||||||
|
msgstr "Standort des Datacenters ist in der Schweiz"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/order.html:47
|
||||||
|
#: templates/datacenterlight/pricing.html:47
|
||||||
|
msgid "GB Storage (SSD)"
|
||||||
|
msgstr "GB Storage (SSD)"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/order.html:84
|
||||||
|
#: templates/datacenterlight/pricing.html:83
|
||||||
|
msgid "Simple and affordable: Try our virtual machine with featherlight price."
|
||||||
|
msgstr ""
|
||||||
|
"Einfach und bezahlbar: Testen Sie unsere virtuellen Maschinen mit "
|
||||||
|
"federleichten Preisen"
|
||||||
|
|
||||||
|
#: templates/datacenterlight/order.html:87
|
||||||
|
#: templates/datacenterlight/pricing.html:86
|
||||||
|
=======
|
||||||
#: templates/datacenterlight/index.html:248
|
#: templates/datacenterlight/index.html:248
|
||||||
#: templates/datacenterlight/order.html:81
|
#: templates/datacenterlight/order.html:81
|
||||||
#: templates/datacenterlight/pricing.html:119
|
#: templates/datacenterlight/pricing.html:119
|
||||||
|
|
@ -305,6 +382,7 @@ msgstr "Wir sorgen dafür, dass die Kosten für Sie signifikant abnehmen"
|
||||||
|
|
||||||
#: templates/datacenterlight/order.html:146
|
#: templates/datacenterlight/order.html:146
|
||||||
#: templates/datacenterlight/pricing.html:171
|
#: templates/datacenterlight/pricing.html:171
|
||||||
|
>>>>>>> 05883952264ad1b5650deaf05bb92cc3937c62fa
|
||||||
msgid ""
|
msgid ""
|
||||||
"Our VMs are hosted in Glarus, Switzerland, and our website is currently "
|
"Our VMs are hosted in Glarus, Switzerland, and our website is currently "
|
||||||
"running in BETA mode. If you want more information that you did not find on "
|
"running in BETA mode. If you want more information that you did not find on "
|
||||||
|
|
@ -320,12 +398,50 @@ msgstr ""
|
||||||
"uns unter support@datacenterlight.ch. Unser Team wird sich umgehend um dein "
|
"uns unter support@datacenterlight.ch. Unser Team wird sich umgehend um dein "
|
||||||
"Anliegen kümmern!"
|
"Anliegen kümmern!"
|
||||||
|
|
||||||
|
<<<<<<< HEAD
|
||||||
|
#: templates/datacenterlight/success.html:8
|
||||||
|
=======
|
||||||
#: templates/datacenterlight/success.html:62
|
#: templates/datacenterlight/success.html:62
|
||||||
|
>>>>>>> 05883952264ad1b5650deaf05bb92cc3937c62fa
|
||||||
msgid "Thank you for order! Our team will contact you via email"
|
msgid "Thank you for order! Our team will contact you via email"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
"Vielen Dank für die Bestellung. Unser Team setzt sich sobald wie möglich mit "
|
"Vielen Dank für die Bestellung. Unser Team setzt sich sobald wie möglich mit "
|
||||||
"Ihnen via E-Mail in Verbindung."
|
"Ihnen via E-Mail in Verbindung."
|
||||||
|
|
||||||
|
<<<<<<< HEAD
|
||||||
|
#: templates/datacenterlight/success.html:10
|
||||||
|
msgid "as soon as possible!"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#~ msgid ""
|
||||||
|
#~ "Reuse existing factory halls intead of building an expensive building."
|
||||||
|
#~ msgstr ""
|
||||||
|
#~ "Nachhaltigkeit: Wiederverwendung ehemaliger Fabrikhallen an Stelle der "
|
||||||
|
#~ "Errichtung eines neuen Gebäudes"
|
||||||
|
|
||||||
|
#~ msgid ""
|
||||||
|
#~ "Being creative, using modern and alternative design for a datacenter."
|
||||||
|
#~ msgstr ""
|
||||||
|
#~ "Kreativität: Verwendung eines modernen und alternativen Designs für unser "
|
||||||
|
#~ "Datencenter"
|
||||||
|
|
||||||
|
#~ msgid "Being open: Using FOSS exclusively, we can save money for licenses."
|
||||||
|
#~ msgstr ""
|
||||||
|
#~ "Offene Verfahrensweise: Die Benutzung eines eigenen Frameworks, FOSS, "
|
||||||
|
#~ "erspart Lizenzgebühren"
|
||||||
|
|
||||||
|
#~ msgid "More Info"
|
||||||
|
#~ msgstr "Weitere Informationen"
|
||||||
|
|
||||||
|
#~ msgid "Want to know more? Subscribe to our newsletter!"
|
||||||
|
#~ msgstr "Willst du mehr wissen? Abonniere unseren Newsletter!"
|
||||||
|
|
||||||
|
#~ msgid "I want to have it!"
|
||||||
|
#~ msgstr "Das möchte ich haben!"
|
||||||
|
|
||||||
|
#~ msgid "Buy VM"
|
||||||
|
#~ msgstr "VM Kaufen"
|
||||||
|
=======
|
||||||
#: templates/datacenterlight/success.html:64
|
#: templates/datacenterlight/success.html:64
|
||||||
msgid "as soon as possible!"
|
msgid "as soon as possible!"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
@ -335,6 +451,7 @@ msgstr ""
|
||||||
|
|
||||||
#~ msgid "10 GB Storage (SSD)"
|
#~ msgid "10 GB Storage (SSD)"
|
||||||
#~ msgstr "10 GB Storage (SSD)"
|
#~ msgstr "10 GB Storage (SSD)"
|
||||||
|
>>>>>>> 05883952264ad1b5650deaf05bb92cc3937c62fa
|
||||||
|
|
||||||
#~ msgid "Request Newsletter"
|
#~ msgid "Request Newsletter"
|
||||||
#~ msgstr "Newsletter abonnieren"
|
#~ msgstr "Newsletter abonnieren"
|
||||||
|
|
|
||||||
|
|
@ -7,14 +7,6 @@
|
||||||
font-family: 'Lato-Regular';
|
font-family: 'Lato-Regular';
|
||||||
src: url('../fonts/Lato/Lato-Regular.ttf');
|
src: url('../fonts/Lato/Lato-Regular.ttf');
|
||||||
}
|
}
|
||||||
@font-face {
|
|
||||||
font-family: 'Lato-Black';
|
|
||||||
src: url('../fonts/Lato/Lato-Black.ttf');
|
|
||||||
}
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Lato-Light';
|
|
||||||
src: url('../fonts/Lato/Lato-Light.ttf');
|
|
||||||
}
|
|
||||||
body,
|
body,
|
||||||
html {
|
html {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -263,7 +255,6 @@ h6 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 6em;
|
font-size: 6em;
|
||||||
font-family: 'Lato-Black';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.intro-divider {
|
.intro-divider {
|
||||||
|
|
@ -274,7 +265,7 @@ h6 {
|
||||||
|
|
||||||
.intro-message > h3 {
|
.intro-message > h3 {
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-family: 'Lato-Light';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.intro-pricing{
|
.intro-pricing{
|
||||||
|
|
@ -331,7 +322,6 @@ h6 {
|
||||||
margin-bottom: 25px;
|
margin-bottom: 25px;
|
||||||
}
|
}
|
||||||
.split-section .split-text .split-title h2{
|
.split-section .split-text .split-title h2{
|
||||||
font-family: 'Lato-Black';
|
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
padding-bottom: 25px;
|
padding-bottom: 25px;
|
||||||
|
|
@ -352,6 +342,12 @@ h6 {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
.split-section.right .split-description.title p{
|
||||||
|
font-size: 27px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
}
|
||||||
.split-section.right .split-text {
|
.split-section.right .split-text {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
@ -392,10 +388,10 @@ h6 {
|
||||||
min-height: 500px;
|
min-height: 500px;
|
||||||
}
|
}
|
||||||
.split-section.what .split-text .lead {
|
.split-section.what .split-text .lead {
|
||||||
font-size: 18px;
|
font-size: 19px;
|
||||||
color: #3a3a3a;
|
color: #3a3a3a;
|
||||||
margin-bottom: 0;
|
margin-bottom: 5px;
|
||||||
line-height: 25px;
|
line-height: 29px;
|
||||||
}
|
}
|
||||||
.split-section.what .fa-li.fa-lg{
|
.split-section.what .fa-li.fa-lg{
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
|
|
@ -423,10 +419,8 @@ h6 {
|
||||||
}
|
}
|
||||||
.pricing-section .card .title{
|
.pricing-section .card .title{
|
||||||
padding: 15px 40px;
|
padding: 15px 40px;
|
||||||
font-family: 'Lato-Black';
|
|
||||||
}
|
}
|
||||||
.pricing-section .card .title h3{
|
.pricing-section .card .title h3{
|
||||||
font-family: 'Lato-Black';
|
|
||||||
}
|
}
|
||||||
.pricing-section .card .price{
|
.pricing-section .card .price{
|
||||||
background: #5A74AF;
|
background: #5A74AF;
|
||||||
|
|
@ -451,7 +445,6 @@ h6 {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
.pricing-section .text .section-heading{
|
.pricing-section .text .section-heading{
|
||||||
font-family: 'Lato-Black';
|
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
padding-bottom: 25px;
|
padding-bottom: 25px;
|
||||||
|
|
@ -478,7 +471,6 @@ h6 {
|
||||||
padding: 70px 0;
|
padding: 70px 0;
|
||||||
}
|
}
|
||||||
.request-section .title h2{
|
.request-section .title h2{
|
||||||
font-family: 'Lato-Black';
|
|
||||||
font-size: 45px;
|
font-size: 45px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
@ -519,7 +511,6 @@ h6 {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.full-contact-section{
|
.full-contact-section{
|
||||||
padding-top: 90px;
|
|
||||||
background-image: -ms-linear-gradient(right, #29427A 50%, #4F6699 100%);
|
background-image: -ms-linear-gradient(right, #29427A 50%, #4F6699 100%);
|
||||||
background-image: -moz-linear-gradient(right, #29427A 50%, #4F6699 100%);
|
background-image: -moz-linear-gradient(right, #29427A 50%, #4F6699 100%);
|
||||||
background-image: -o-linear-gradient(right, #29427A 50%, #4F6699 100%);
|
background-image: -o-linear-gradient(right, #29427A 50%, #4F6699 100%);
|
||||||
|
|
@ -554,7 +545,6 @@ h6 {
|
||||||
.contact-section .card .subtitle h3{
|
.contact-section .card .subtitle h3{
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
margin-bottom: 23px;
|
margin-bottom: 23px;
|
||||||
font-family: 'Lato-Black';
|
|
||||||
}
|
}
|
||||||
.contact-section .card .social a:hover{
|
.contact-section .card .social a:hover{
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
@ -565,7 +555,6 @@ h6 {
|
||||||
max-width: 468px;
|
max-width: 468px;
|
||||||
}
|
}
|
||||||
.contact-section .title h2{
|
.contact-section .title h2{
|
||||||
font-family: 'Lato-Black';
|
|
||||||
font-size: 65px;
|
font-size: 65px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
@ -643,10 +632,8 @@ h6 {
|
||||||
}
|
}
|
||||||
.price-calc-section .card .title{
|
.price-calc-section .card .title{
|
||||||
padding: 15px 40px;
|
padding: 15px 40px;
|
||||||
font-family: 'Lato-Black';
|
|
||||||
}
|
}
|
||||||
.price-calc-section .card .title h3{
|
.price-calc-section .card .title h3{
|
||||||
font-family: 'Lato-Black';
|
|
||||||
}
|
}
|
||||||
.price-calc-section .card .price{
|
.price-calc-section .card .price{
|
||||||
background: #5A74AF;
|
background: #5A74AF;
|
||||||
|
|
@ -907,8 +894,7 @@ h6 {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
.price-calc-section .text .section-heading {
|
.price-calc-section .text .section-heading {
|
||||||
font-family: 'Lato-Black';
|
font-size: 35px;
|
||||||
font-size: 35px;
|
|
||||||
line-height: 35px;
|
line-height: 35px;
|
||||||
padding-bottom: 15px;
|
padding-bottom: 15px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -973,7 +959,6 @@ h6 {
|
||||||
|
|
||||||
.section-heading {
|
.section-heading {
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
font-family: 'Lato-Black';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-heading-spacer {
|
.section-heading-spacer {
|
||||||
|
|
|
||||||
|
|
@ -138,59 +138,3 @@
|
||||||
|
|
||||||
|
|
||||||
})(jQuery);
|
})(jQuery);
|
||||||
// (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
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,6 @@
|
||||||
|
|
||||||
<title>Data Center Light -
|
<title>Data Center Light -
|
||||||
{% block title %}VM hosting made in Switzerland{% endblock %}</title>
|
{% block title %}VM hosting made in Switzerland{% endblock %}</title>
|
||||||
|
|
||||||
<!-- Bootstrap Core CSS -->
|
<!-- Bootstrap Core CSS -->
|
||||||
<link href="{% static 'datacenterlight/css/bootstrap.min.css' %}" rel="stylesheet">
|
<link href="{% static 'datacenterlight/css/bootstrap.min.css' %}" rel="stylesheet">
|
||||||
|
|
||||||
|
|
@ -35,9 +34,77 @@
|
||||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
{% block body %}
|
|
||||||
|
|
||||||
{% endblock %}
|
<body>
|
||||||
</body>
|
|
||||||
|
<!-- Navigation -->
|
||||||
|
{% include "datacenterlight/includes/_navbar.html" %}
|
||||||
|
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% include "datacenterlight/includes/_footer.html" %}
|
||||||
|
<!-- Footer -->
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="{% static 'datacenterlight/js/jquery.js' %}"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script>
|
||||||
|
|
||||||
|
<!-- Bootstrap Core JavaScript -->
|
||||||
|
<script src="{% static 'datacenterlight/js/bootstrap.min.js' %}"></script>
|
||||||
|
<script src="{% static 'datacenterlight/js/main.js' %}"></script>
|
||||||
|
<!-- Load form js -->
|
||||||
|
<script src="{% static 'datacenterlight/js/form.js' %}"></script>
|
||||||
|
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script>
|
||||||
|
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
|
||||||
|
|
||||||
|
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(document).ready(function(){
|
||||||
|
$.validator.setDefaults({
|
||||||
|
ignore: []
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#order_form').validate({
|
||||||
|
wrapper: 'div',
|
||||||
|
errorLabelContainer: "#error_message_box",
|
||||||
|
rules: {
|
||||||
|
name: {
|
||||||
|
required: true,
|
||||||
|
minlength: 3
|
||||||
|
},
|
||||||
|
email: {
|
||||||
|
required: true,
|
||||||
|
email: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
messages: {
|
||||||
|
name: "Please enter your name",
|
||||||
|
email: "Please enter a valid email address"
|
||||||
|
},
|
||||||
|
submitHandler: function (form) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// 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>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,107 +0,0 @@
|
||||||
{% load staticfiles i18n%}
|
|
||||||
<!doctype html>
|
|
||||||
<html class="no-js">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
|
||||||
<title>landings</title>
|
|
||||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
|
||||||
<link rel="shortcut icon" href="{% static 'datacenterlight/img/favicon.ico' %}" type="image/x-icon" />
|
|
||||||
<link rel="stylesheet" href="{% static 'datacenterlight/css/main.css' %}">
|
|
||||||
<script src="{% static 'datacenterlight/js/vendor/modernizr.js' %}"></script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<!--[if IE]><p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p><![endif]-->
|
|
||||||
<nav class="navbar navbar-toggleable-md navbar-light bg-faded navbar-landing d-flex justify-content-between"><a class="navbar-brand nav-local" href="javascript:void(0)" data-href="home">Data Center Light</a> <a class="navbar-brand nav-local" href="javascript:void(0)" data-href="beta">Beta Program</a></nav>
|
|
||||||
<section class="section-home" id="home">
|
|
||||||
<div class="container d-flex justify-content-center align-items-center">
|
|
||||||
<div class="title">
|
|
||||||
<h1>Your affordable Swiss VM</h1></div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section class="section-description">
|
|
||||||
<div class="container">
|
|
||||||
<p>Are you looking for a secure and affordable VM in the midst of the Swiss mountains?</p>
|
|
||||||
<p>While there are many offers in Switzerland for secure hosting, we haven't found any that is affordable. So we decided we will built one in the Glarus mountains.</p>
|
|
||||||
<p>Right now we are in a preparing the tech stack and talking to infrastructure providers to find the optimal location.</p>
|
|
||||||
<p>Our objective is to launch this offer starting in 2017. Are you curious how it works? Be one of the first to try it and <a class="nav-local" href="javascript:void(0)" data-href="beta">request access to our beta program.</a></p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section class="section-beta" id="beta">
|
|
||||||
<div class="contain-form">
|
|
||||||
<div class="title">
|
|
||||||
<h1>Beta Program</h1></div>
|
|
||||||
<div class="form-interested">
|
|
||||||
<h2>I am interested in running</h2>
|
|
||||||
<form action="." method="POST">
|
|
||||||
{% for vm in vms %}
|
|
||||||
<div class="row-vms d-flex align-items-center">
|
|
||||||
<div class="form-group">
|
|
||||||
<input type="number" name="vm-{{vm.id}}" class="form-control number-vms" value="0" data-price="{{vm.price}}">
|
|
||||||
</div>
|
|
||||||
<div class="text"><span>number of VMs ({{vm.ssd}} GB SSD, {{vm.ram}} GB RAM, {{vm.cpu}} CPU) - {{vm.price}}chf / day</span></div>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
<p class="total">At a monthly total of <span id="valueTotal">0</span>chf per day</p>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="example-email-input" class="col-form-label">You can reach me at</label>
|
|
||||||
<div class="form-group form-300">
|
|
||||||
<label for="email" class="col-form-label">Email</label>
|
|
||||||
<input class="form-control" name="email" type="email" placeholder="Your email" id="example-email-input">
|
|
||||||
</div>
|
|
||||||
<div class="form-group form-300">
|
|
||||||
<label for="name" class="col-form-label">Name</label>
|
|
||||||
<input class="form-control" name="name" type="text" placeholder="Your name" id="name">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="notice">
|
|
||||||
<p>Notice: this is <strong>no</strong> an order - you don't have to pay anything, it just helps us to setup the right infrastructure</p>
|
|
||||||
</div>
|
|
||||||
{% csrf_token %}
|
|
||||||
<div class="submit">
|
|
||||||
<button type="submit" class="btn btn-block btn-success">Submit</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</section>
|
|
||||||
<div class="modal fade" id="sucessModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
|
|
||||||
<div class="modal-dialog" role="document">
|
|
||||||
<div class="modal-content">
|
|
||||||
<div class="modal-header">
|
|
||||||
<h5 class="modal-title" id="exampleModalLongTitle">Thank You</h5>
|
|
||||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
||||||
<span aria-hidden="true">×</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="modal-body">
|
|
||||||
<div class="success-message">
|
|
||||||
<div class="title">
|
|
||||||
<h1>Thank You</h1>
|
|
||||||
</div>
|
|
||||||
<div class="container" style="margin-top: 3rem">
|
|
||||||
<p>Thanks for letting us know about your interest! We will come back to you as soon as our beta program starts!</p>
|
|
||||||
<p>Meanwhile, you can checkout news about it on <a href="#" >Twitter</a>, <a href="#" >Facebook</a> and <a href="#" >Instagram</a> </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script>
|
|
||||||
! function(e, t, a, n, c, o) {
|
|
||||||
e.GoogleAnalyticsObject = n, e[n] || (e[n] = function() {
|
|
||||||
(e[n].q = e[n].q || []).push(arguments)
|
|
||||||
}), e[n].l = +new Date, c = t.createElement(a), o = t.getElementsByTagName(a)[0], c.src = "https://www.google-analytics.com/analytics.js", o.parentNode.insertBefore(c, o)
|
|
||||||
}(window, document, "script", "ga"), ga("create", "UA-XXXXX-X"), ga("send", "pageview")
|
|
||||||
</script>
|
|
||||||
<script src="{% static 'datacenterlight/js/vendor.js' %}"></script>
|
|
||||||
<script src="{% static 'datacenterlight/js/plugin.js' %}"></script>
|
|
||||||
<script src="{% static 'datacenterlight/js/beta.js' %}"></script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
@ -24,4 +24,4 @@
|
||||||
$('#beta_access').ajaxForm({
|
$('#beta_access').ajaxForm({
|
||||||
target: '#beta_access_form', success: function(response) { }
|
target: '#beta_access_form', success: function(response) { }
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -1,3 +1,4 @@
|
||||||
|
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
|
|
||||||
<div class="modal fade bs-example-modal-sm" style="color:black;" id="successModal" tabindex="-1" role="dialog">
|
<div class="modal fade bs-example-modal-sm" style="color:black;" id="successModal" tabindex="-1" role="dialog">
|
||||||
|
|
@ -44,4 +45,4 @@
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -1,158 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
|
|
||||||
<title>Rails Hosting.ch - Ruby on Rails as easy as possible</title>
|
|
||||||
|
|
||||||
<!-- Bootstrap Core CSS -->
|
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- Custom CSS -->
|
|
||||||
<link href="css/landing-page.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- Custom Fonts -->
|
|
||||||
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
|
|
||||||
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
|
||||||
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
|
|
||||||
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
|
|
||||||
|
|
||||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
||||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
||||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<!-- Navigation -->
|
|
||||||
<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
|
|
||||||
<div class="container topnav">
|
|
||||||
<!-- Brand and toggle get grouped for better mobile display -->
|
|
||||||
<div class="navbar-header">
|
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
||||||
<span class="sr-only">Toggle navigation</span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</button>
|
|
||||||
<a class="navbar-brand topnav" href="#"><img src="img/logo_black.svg"></a>
|
|
||||||
</div>
|
|
||||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
||||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
|
||||||
<li>
|
|
||||||
<a href="#how">How it works</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#your">Your infrastructure</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#our">Our inftrastructure</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#price">Pricing</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#contact">Contact</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<!-- /.navbar-collapse -->
|
|
||||||
</div>
|
|
||||||
<!-- /.container -->
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Header -->
|
|
||||||
<a name="about"></a>
|
|
||||||
<div class="intro-header-2">
|
|
||||||
<div class="container">
|
|
||||||
<div class="col-md-4"> </div><div class="col-md-4">
|
|
||||||
<div class="intro-"><img class="responsive" src="img/Beta.png">
|
|
||||||
<h2>Check Out</h2>
|
|
||||||
<form>
|
|
||||||
|
|
||||||
<ul class="fa-ul">
|
|
||||||
<li><i class="fa-li fa fa-check-square-o fa-lg"></i>
|
|
||||||
<p class="lead">OS : Ubuntu 14.04</p>
|
|
||||||
</li>
|
|
||||||
<li><i class="fa-li fa fa-check-square-o fa-lg"></i>
|
|
||||||
<p class="lead">RAM : 1GiB </p></li>
|
|
||||||
<li><i class="fa-li fa fa-check-square-o fa-lg"></i><p class="lead">CPU Cores : 4</p></li>
|
|
||||||
<li><i class="fa-li fa fa-check-square-o fa-lg"></i><p class="lead">Additional Disk: 20 GB
|
|
||||||
</ul><div class="checkbox">
|
|
||||||
<label>
|
|
||||||
<input type="checkbox">
|
|
||||||
Everything Correct!
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class>
|
|
||||||
<p> </p>
|
|
||||||
</div>
|
|
||||||
<button type="submit" class="btn btn-default">Confirm Check Out</button>
|
|
||||||
</form></p></div>
|
|
||||||
<ul class="list-inline intro-social-buttons">
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /.container -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /.intro-header -->
|
|
||||||
|
|
||||||
<!-- Footer -->
|
|
||||||
<footer>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<ul class="list-inline">
|
|
||||||
<li>
|
|
||||||
<a href="#">Home</a>
|
|
||||||
</li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#about">How it works</a></li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#about">Your infrastructure</a></li>
|
|
||||||
<li>⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#about">Our infrastructure</a></li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#services">Pricing</a>
|
|
||||||
</li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#contact">Contact</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<p class="copyright text-muted small">Copyright © ungleich GmbH 2015. All Rights Reserved</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<!-- jQuery -->
|
|
||||||
<script src="js/jquery.js"></script>
|
|
||||||
|
|
||||||
<!-- Bootstrap Core JavaScript -->
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,57 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
|
|
||||||
<title>Rails Hosting.ch - Ruby on Rails as easy as possible | Page not found</title>
|
|
||||||
|
|
||||||
<!-- Bootstrap Core CSS -->
|
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- Custom CSS -->
|
|
||||||
<link href="css/landing-page.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- Custom Fonts -->
|
|
||||||
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
|
|
||||||
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
|
||||||
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
|
|
||||||
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
|
|
||||||
|
|
||||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
||||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
||||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<body class="error404">
|
|
||||||
<div class="content-404">
|
|
||||||
<div class="container">
|
|
||||||
<div class="text-center">
|
|
||||||
<h1> </h1>
|
|
||||||
<h1>404</h1>
|
|
||||||
<p class-"lead">
|
|
||||||
"Sorry, we could not find the page you are looking for!"
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Footer --><!-- jQuery -->
|
|
||||||
<script src="js/jquery.js"></script>
|
|
||||||
|
|
||||||
<!-- Bootstrap Core JavaScript -->
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
212
datacenterlight/templates/datacenterlight/home.html
Executable file
212
datacenterlight/templates/datacenterlight/home.html
Executable file
|
|
@ -0,0 +1,212 @@
|
||||||
|
{% extends "datacenterlight/base.html" %}
|
||||||
|
{% load staticfiles i18n%}
|
||||||
|
{% get_current_language as LANGUAGE_CODE %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<!-- Header -->
|
||||||
|
<div class="intro-header" id="home">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
|
||||||
|
<div class="intro-message">
|
||||||
|
<h1>DataCenterLight</h1>
|
||||||
|
<h3>{% trans "Finally, an affordable VM hosting in Switzerland!" %}</h3>
|
||||||
|
<hr class="intro-divider">
|
||||||
|
<ul class="list-inline intro-social-buttons">
|
||||||
|
<li>
|
||||||
|
<a class="btn btn-default btn-lg btn-transparent url" href="javascript:void(0)" data-url="#how" ><i class="#Services"></i> <span class="network-name">{% trans "What is it?" %}</span></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="btn btn-primary btn-lg page-scroll url" href="javascript:void(0)" data-url="#request" ><span class="network-name">{% trans "I want it!" %}</span></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /.container -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /.intro-header -->
|
||||||
|
|
||||||
|
<!-- Page Content -->
|
||||||
|
<div class="split-section right what" id="how">
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12 col-sm-6 col-md-6 icon-section">
|
||||||
|
<i class="fa fa-cogs" aria-hidden="true"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-12 col-sm-6 col-md-6">
|
||||||
|
<div class="split-text">
|
||||||
|
<div class="split-title">
|
||||||
|
<h2>{% trans "What is it" %}</h2>
|
||||||
|
</div>
|
||||||
|
<div class="split-description title">
|
||||||
|
<p class="lead">{% trans "Our data center" %}</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="split-description">
|
||||||
|
<ul class="fa-ul">
|
||||||
|
<li>
|
||||||
|
<i class="fa-li fa fa-check-square-o fa-lg"></i>
|
||||||
|
<p class="lead">{% trans "Reuses existing factory halls instead of building a new expensive building." %}
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa-li fa fa-check-square-o fa-lg"></i>
|
||||||
|
<p class="lead">{% trans "Only wants you to pay for what you actually need.
" %}</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa-li fa fa-check-square-o fa-lg"></i>
|
||||||
|
<p class="lead">{% trans "Is creative, using a modern and alternative design for a data center in order to make it more sustainable and affordable at the same time.
" %}</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i class="fa-li fa fa-check-square-o fa-lg"></i>
|
||||||
|
<p class="lead">{% trans "Cuts down the costs for you by using FOSS (Free Open Source Software) exclusively, wherefore we can save money from paying licenses." %}</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.container -->
|
||||||
|
<!-- /.option 1 -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="split-section left" id="your">
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12 col-sm-6 col-md-6">
|
||||||
|
<div class="split-text">
|
||||||
|
<div class="split-title">
|
||||||
|
<h2>{% trans "Scale out" %}</h2>
|
||||||
|
</div>
|
||||||
|
<div class="split-description">
|
||||||
|
<p class="lead">{% trans "We don't use special hardware. We use commodity hardware: we buy computers that you buy. Just many more and put them in a cozy home for computers called data center." %}</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-12 col-sm-6 col-md-6 icon-section">
|
||||||
|
<i class="fa fa-rocket" aria-hidden="true"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.container -->
|
||||||
|
<!-- /.option 1 -->
|
||||||
|
</div>
|
||||||
|
<div class="split-section right" id="our">
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-12 col-sm-6 col-md-6 icon-section">
|
||||||
|
<i class="fa fa-handshake-o" aria-hidden="true"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-12 col-sm-6 col-md-6">
|
||||||
|
<div class="split-text">
|
||||||
|
<div class="split-title">
|
||||||
|
<h2>{% trans "Reliable and light" %}</h2>
|
||||||
|
</div>
|
||||||
|
<div class="split-description">
|
||||||
|
<p class="lead">{% trans "Our VMs are located in Switzerland, with reliable power supply and fast internet connection. Our VM costs less thanks to our featherlight infrastructure." %}</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.container -->
|
||||||
|
<!-- /.option 1 -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- /.content-section-b -->
|
||||||
|
<div class="content-section-a pricing-section" id="price">
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<!-- Page Features -->
|
||||||
|
<div class="row text-center">
|
||||||
|
<div class="col-xs-12 col-md-6 text">
|
||||||
|
<h2 class="section-heading">{% trans "We are cutting down the costs significantly!" %}</h2>
|
||||||
|
<p class="lead">{% trans "Affordable VM hosting based in Switzerland" %}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-xs-12 col-md-6 hero-feature">
|
||||||
|
<div class="card">
|
||||||
|
<div class="caption">
|
||||||
|
<div class="title">
|
||||||
|
<h3>{% trans "VM hosting" %} </h3>
|
||||||
|
</div>
|
||||||
|
<div class="price">
|
||||||
|
<span>15 CHF/month</span>
|
||||||
|
</div>
|
||||||
|
<div class="descriptions">
|
||||||
|
<div class="description">
|
||||||
|
<p>{% trans "Based in Switzerland" %}</p>
|
||||||
|
</div>
|
||||||
|
<div class="description">
|
||||||
|
<p>1 Core, </p>
|
||||||
|
</div>
|
||||||
|
<div class="description">
|
||||||
|
<p>2 GB RAM, </p>
|
||||||
|
</div>
|
||||||
|
<div class="description">
|
||||||
|
<p>{% trans "10 GB Storage (SSD)" %}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="{% url 'datacenterlight:order' %}" class="btn btn-primary">{% trans "Order Now!" %}</a>
|
||||||
|
</div>
|
||||||
|
<img class="img-beta" src="{% static 'datacenterlight/img/beta-img.png' %}" alt="">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="full-contact-section">
|
||||||
|
<div class="intro-header-2 contact-section" id="contact">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-sm-6 col-md-6">
|
||||||
|
<div class="card">
|
||||||
|
<div class="subtitle">
|
||||||
|
<h3>ungleich GmbH </h3>
|
||||||
|
</div>
|
||||||
|
<div class="description">
|
||||||
|
<p><i class="fa fa-envelope-o"></i> info@datacenterlight.ch</p>
|
||||||
|
<p>In der Au 7, Schwanden 8762</p>
|
||||||
|
<p>{% trans "Switzerland " %}</p>
|
||||||
|
</div>
|
||||||
|
<div class="social">
|
||||||
|
<a target="_blank" class="" href="https://twitter.com/datacenterlight">
|
||||||
|
<i class="fa fa-twitter fa-fw"></i>
|
||||||
|
</a>
|
||||||
|
<a target="_blank" class="" href="https://github.com/ungleich">
|
||||||
|
<i class="fa fa-github fa-fw"></i>
|
||||||
|
</a>
|
||||||
|
<a target="_blank" class="" href="https://www.facebook.com/ungleich.ch/">
|
||||||
|
<i class="fa fa-facebook fa-fw"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 col-md-6">
|
||||||
|
<div class="title">
|
||||||
|
<h2>{% trans "Questions?" %} {% trans "Contact us!" %}</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
||||||
|
|
@ -0,0 +1,53 @@
|
||||||
|
{% load staticfiles i18n%}
|
||||||
|
{% get_current_language as LANGUAGE_CODE %}
|
||||||
|
<footer>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
|
||||||
|
<ul class="list-inline">
|
||||||
|
{% if request.resolver_match.url_name == "index" %}
|
||||||
|
<li>
|
||||||
|
<a class="url" href="javascript:void(0)" data-url="#how" >{% trans "What is it" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="url" href="javascript:void(0)" data-url="#your" >{% trans "Scale out" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="url" href="javascript:void(0)" data-url="#our">{% trans "Reliable and light" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="url" href="javascript:void(0)" data-url="#price" >{% trans "Order VM" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="url" href="javascript:void(0)" data-url="#contact" >{% trans "Contact" %}</a>
|
||||||
|
</li>
|
||||||
|
{% else %}
|
||||||
|
<li>
|
||||||
|
<a href="{% url 'datacenterlight:index' %}">{% trans "Home" %}</a>
|
||||||
|
</li>
|
||||||
|
<li class="footer-menu-divider">⋅</li>
|
||||||
|
<li>
|
||||||
|
<a href="{% url 'datacenterlight:index' %}#how">{% trans "What is it" %}</a></li>
|
||||||
|
<li class="footer-menu-divider">⋅</li>
|
||||||
|
<li>
|
||||||
|
<a href="{% url 'datacenterlight:index' %}#your">{% trans "Scale out" %}</a></li>
|
||||||
|
<li>⋅</li>
|
||||||
|
<li>
|
||||||
|
<a href="{% url 'datacenterlight:index' %}#our">{% trans "Reliable and light" %}</a></li>
|
||||||
|
<li class="footer-menu-divider">⋅</li>
|
||||||
|
<li>
|
||||||
|
<a href="{% url 'datacenterlight:index' %}#price">{% trans "Pricing" %}</a>
|
||||||
|
</li>
|
||||||
|
<li class="footer-menu-divider">⋅</li>
|
||||||
|
<li>
|
||||||
|
<a href="{% url 'datacenterlight:index' %}#contact">{% trans "Contact" %}</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p class="copyright text-muted small">Copyright © ungleich GmbH {% now "Y" %}. All Rights Reserved</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
@ -0,0 +1,83 @@
|
||||||
|
{% load staticfiles i18n%}
|
||||||
|
{% get_current_language as LANGUAGE_CODE %}
|
||||||
|
<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
|
||||||
|
<div class="topnav">
|
||||||
|
<!-- Brand and toggle get grouped for better mobile display -->
|
||||||
|
<div class="navbar-header">
|
||||||
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||||
|
<span class="sr-only">Toggle navigation</span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
{% if request.resolver_match.url_name == "index" %}
|
||||||
|
<a id="logoBlack" class="navbar-brand topnav url" data-url="#home"><img src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
|
||||||
|
<a id="logoWhite" class="navbar-brand topnav url" data-url="#home"><img src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
|
||||||
|
{% else %}
|
||||||
|
<a id="logoBlack" class="navbar-brand topnav url" href="/datacenterlight"><img src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
|
||||||
|
<a id="logoWhite" class="navbar-brand topnav url" href="/datacenterlight"><img src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||||
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||||
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
{% if request.resolver_match.url_name == "index" %}
|
||||||
|
<li>
|
||||||
|
<a class="url" href="javascript:void(0)" data-url="#how" >{% trans "What is it" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="url" href="javascript:void(0)" data-url="#your" >{% trans "Scale out" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="url" href="javascript:void(0)" data-url="#our">{% trans "Reliable and light" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="url" href="javascript:void(0)" data-url="#price" >{% trans "Order VM" %}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="url" href="javascript:void(0)" data-url="#contact" >{% trans "Contact" %}</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
<li class="nav-language">
|
||||||
|
<div class="select-language">
|
||||||
|
{% if LANGUAGE_CODE == 'en-us'%}
|
||||||
|
<span>English</span>
|
||||||
|
{% else %}
|
||||||
|
<span>Deutsch</span>
|
||||||
|
{% endif %}
|
||||||
|
<i class="fa fa-globe" aria-hidden="true"></i>
|
||||||
|
</div>
|
||||||
|
<div class="drop-language">
|
||||||
|
{% if LANGUAGE_CODE == 'en-us'%}
|
||||||
|
{% if request.resolver_match.url_name == "index" %}
|
||||||
|
<a class="url" href="{{base_url}}/de/datacenterlight" >Deutsch</a>
|
||||||
|
{% endif %}
|
||||||
|
{% if request.resolver_match.url_name == "order" %}
|
||||||
|
<a class="url" href="{{base_url}}/de/datacenterlight/order" >Deutsch</a>
|
||||||
|
{% endif %}
|
||||||
|
{% if request.resolver_match.url_name == "pricing" %}
|
||||||
|
<a class="url" href="{{base_url}}/de/datacenterlight/pricing" >Deutsch</a>
|
||||||
|
{% endif %}
|
||||||
|
{% else %}
|
||||||
|
{% if request.resolver_match.url_name == "index" %}
|
||||||
|
<a class="url" href="{{base_url}}/en-us/datacenterlight" >English</a>
|
||||||
|
{% endif %}
|
||||||
|
{% if request.resolver_match.url_name == "order" %}
|
||||||
|
<a class="url" href="{{base_url}}/en-us/datacenterlight/order" >Deutsch</a>
|
||||||
|
{% endif %}
|
||||||
|
{% if request.resolver_match.url_name == "pricing" %}
|
||||||
|
<a class="url" href="{{base_url}}/en-us/datacenterlight/pricing" >Deutsch</a>
|
||||||
|
{% endif %}
|
||||||
|
<a class="url" href="{{base_url}}/en-us/datacenterlight" ></a>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /.navbar-collapse -->
|
||||||
|
</div>
|
||||||
|
<!-- /.container -->
|
||||||
|
</nav>
|
||||||
|
|
@ -1,483 +0,0 @@
|
||||||
{% load staticfiles i18n%}
|
|
||||||
{% get_current_language as LANGUAGE_CODE %}
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
|
|
||||||
<title>datacenterlight.ch - Featherlight Swiss VM</title>
|
|
||||||
|
|
||||||
<!-- Bootstrap Core CSS -->
|
|
||||||
<link href="{% static 'datacenterlight/css/bootstrap.min.css' %}" rel="stylesheet">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Custom Fonts -->
|
|
||||||
<!--Import Google Icon Font-->
|
|
||||||
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
||||||
<link href="{% static 'datacenterlight/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css">
|
|
||||||
<link href="//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
|
|
||||||
<link rel="shortcut icon" href="{% static 'datacenterlight/img/favicon.ico' %}" type="image/x-icon" />
|
|
||||||
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.min.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- Custom CSS -->
|
|
||||||
<link href="{% static 'datacenterlight/css/landing-page.css' %}" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
||||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
||||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<!-- Navigation -->
|
|
||||||
<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
|
|
||||||
<div class="topnav">
|
|
||||||
<!-- Brand and toggle get grouped for better mobile display -->
|
|
||||||
<div class="navbar-header">
|
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
||||||
<span class="sr-only">Toggle navigation</span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</button>
|
|
||||||
<a id="logoBlack" class="navbar-brand topnav url" data-url="#home"><img src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
|
|
||||||
<a id="logoWhite" class="navbar-brand topnav url" data-url="#home"><img src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
|
|
||||||
</div>
|
|
||||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
||||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#how" >{% trans "What is it" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#your" >{% trans "Scale out" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#our">{% trans "Reliable and light" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#price" >{% trans "Order VM" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#contact" >{% trans "Contact" %}</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<!-- <select class="selectpicker" data-width="fit" onchange="location = this.value;" style="margin-top:10px;">
|
|
||||||
{% if LANGUAGE_CODE == 'en-us'%}
|
|
||||||
<option selected="selected" value="{{base_url}}/en-us/datacenterlight/">English</option>
|
|
||||||
{% else %}
|
|
||||||
<option value="{{base_url}}/en-us/datacenterlight/">English</option>
|
|
||||||
{% endif %}
|
|
||||||
{% if LANGUAGE_CODE == 'de'%}
|
|
||||||
<option selected="selected" value="{{base_url}}/de/datacenterlight/">Deutsch</option>
|
|
||||||
{% else %}
|
|
||||||
<option value="{{base_url}}/de/datacenterlight/">Deutsch</option>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
</select> -->
|
|
||||||
<li class="nav-language">
|
|
||||||
<div class="select-language">
|
|
||||||
{% if LANGUAGE_CODE == 'en-us'%}
|
|
||||||
<span>English</span>
|
|
||||||
{% else %}
|
|
||||||
<span>Deutsch</span>
|
|
||||||
{% endif %}
|
|
||||||
<i class="fa fa-globe" aria-hidden="true"></i>
|
|
||||||
</div>
|
|
||||||
<div class="drop-language">
|
|
||||||
{% if LANGUAGE_CODE == 'en-us'%}
|
|
||||||
<a class="url" href="{{base_url}}/de/datacenterlight" >Deutsch</a>
|
|
||||||
{% else %}
|
|
||||||
<a class="url" href="{{base_url}}/en-us/datacenterlight" >English</a>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /.navbar-collapse -->
|
|
||||||
</div>
|
|
||||||
<!-- /.container -->
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Header -->
|
|
||||||
<div class="intro-header" id="home">
|
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12">
|
|
||||||
|
|
||||||
<div class="intro-message">
|
|
||||||
<h1>DataCenterLight</h1>
|
|
||||||
<h3>{% trans "Finally, an affordable VM hosting in Switzerland!" %}</h3>
|
|
||||||
<hr class="intro-divider">
|
|
||||||
<ul class="list-inline intro-social-buttons">
|
|
||||||
<li>
|
|
||||||
<a class="btn btn-default btn-lg btn-transparent url" href="javascript:void(0)" data-url="#how" ><i class="#Services"></i> <span class="network-name">{% trans "What is it?" %}</span></a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="btn btn-primary btn-lg page-scroll url" href="javascript:void(0)" data-url="#request" ><span class="network-name">{% trans "I want it!" %}</span></a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="triangle-left"></div>
|
|
||||||
<div class="triangle-right"></div>
|
|
||||||
<!-- /.container -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /.intro-header -->
|
|
||||||
|
|
||||||
<!-- Page Content -->
|
|
||||||
<div class="split-section right what" id="how">
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-12 col-sm-6 col-md-6 icon-section">
|
|
||||||
<i class="fa fa-cogs" aria-hidden="true"></i>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-12 col-sm-6 col-md-6">
|
|
||||||
<div class="split-text">
|
|
||||||
<div class="split-title">
|
|
||||||
<h2>{% trans "What is it" %}</h2>
|
|
||||||
</div>
|
|
||||||
<div class="split-description">
|
|
||||||
<ul class="fa-ul">
|
|
||||||
<li>
|
|
||||||
<i class="fa-li fa fa-check-square-o fa-lg"></i>
|
|
||||||
<p class="lead">{% trans "Reuses existing factory halls instead of building a new expensive building." %}
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<i class="fa-li fa fa-check-square-o fa-lg"></i>
|
|
||||||
<p class="lead">{% trans "Only wants you to pay for what you actually need.
" %}</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<i class="fa-li fa fa-check-square-o fa-lg"></i>
|
|
||||||
<p class="lead">{% trans "Is creative, using a modern and alternative design for a data center in order to make it more sustainable and affordable at the same time.
" %}</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<i class="fa-li fa fa-check-square-o fa-lg"></i>
|
|
||||||
<p class="lead">{% trans "Cuts down the costs for you by using FOSS (Free Open Source Software) exclusively, wherefore we can save money from paying licenses." %}</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<i class="fa-li fa fa-check-square-o fa-lg"></i>
|
|
||||||
<p class="lead">{% trans "Is located in Glarus, Switzerland where your data is under strict privacy." %}</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<i class="fa-li fa fa-check-square-o fa-lg"></i>
|
|
||||||
<p class="lead">{% trans "Has qualified workers on site who take care of the hardware.
" %}</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<i class="fa-li fa fa-check-square-o fa-lg"></i>
|
|
||||||
<p class="lead">{% trans "Renounces active cooling by taking an advantage of the isolation of our tight factory walls." %}</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- /.container -->
|
|
||||||
<!-- /.option 1 -->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="split-section left" id="your">
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-12 col-sm-6 col-md-6">
|
|
||||||
<div class="split-text">
|
|
||||||
<div class="split-title">
|
|
||||||
<h2>{% trans "Scale out" %}</h2>
|
|
||||||
</div>
|
|
||||||
<div class="split-description">
|
|
||||||
<p class="lead">{% trans "We don't use special hardware. We use commodity hardware: we buy computers that you buy. Just many more and put them in a cozy home for computers called data center." %}</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-12 col-sm-6 col-md-6 icon-section">
|
|
||||||
<i class="fa fa-rocket" aria-hidden="true"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- /.container -->
|
|
||||||
<!-- /.option 1 -->
|
|
||||||
</div>
|
|
||||||
<div class="split-section right" id="our">
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-12 col-sm-6 col-md-6 icon-section">
|
|
||||||
<i class="fa fa-handshake-o" aria-hidden="true"></i>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-12 col-sm-6 col-md-6">
|
|
||||||
<div class="split-text">
|
|
||||||
<div class="split-title">
|
|
||||||
<h2>{% trans "Reliable and light" %}</h2>
|
|
||||||
</div>
|
|
||||||
<div class="split-description">
|
|
||||||
<p class="lead">{% trans "Our VMs are located in Switzerland, with reliable power supply and fast internet connection. Our VM costs less thanks to our featherlight infrastructure." %}</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- /.container -->
|
|
||||||
<!-- /.option 1 -->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- /.content-section-b -->
|
|
||||||
<div class="content-section-a pricing-section" id="price">
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<!-- Page Features -->
|
|
||||||
<div class="row text-center">
|
|
||||||
<div class="col-xs-12 col-md-6 text">
|
|
||||||
<h2 class="section-heading">{% trans "Simple and affordable: Try our virtual machine with featherlight price." %}</h2>
|
|
||||||
<p class="lead">{% trans "Affordable VM hosting based in Switzerland" %}</p>
|
|
||||||
<a href="#" class="btn btn-info btn-lg">{% trans "More Info" %}</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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">
|
|
||||||
<form id="order_form" method="POST" action="">
|
|
||||||
{% csrf_token %}
|
|
||||||
<div class="title">
|
|
||||||
<h3>{% trans "VM hosting" %} </h3>
|
|
||||||
</div>
|
|
||||||
<div class="price">
|
|
||||||
<span id="total">15</span>
|
|
||||||
<span>CHF/{% trans "month" %}</span>
|
|
||||||
</div>
|
|
||||||
<div class="descriptions">
|
|
||||||
<div class="description">
|
|
||||||
<p>{% trans "Hosted in Switzerland" %}</p>
|
|
||||||
</div>
|
|
||||||
<div class="description">
|
|
||||||
<i class="fa fa-minus-circle left" data-minus="cpu" aria-hidden="true"></i>
|
|
||||||
<input class="input-price" type="number" min="1" max="42" id="coreValue" name="cpu">
|
|
||||||
<span> Core</span>
|
|
||||||
<i class="fa fa-plus-circle right" data-plus="cpu" aria-hidden="true"></i>
|
|
||||||
</div>
|
|
||||||
<div class="description">
|
|
||||||
<i class="fa fa-minus-circle left" data-minus="ram" aria-hidden="true"></i>
|
|
||||||
<input id="ramValue" class="input-price" type="number" min="2" max="200" name="ram">
|
|
||||||
<span> GB RAM</span>
|
|
||||||
<i class="fa fa-plus-circle right" data-plus="ram" aria-hidden="true"></i>
|
|
||||||
</div>
|
|
||||||
<div class="description">
|
|
||||||
<i class="fa fa-minus-circle left" data-minus="storage" aria-hidden="true"></i>
|
|
||||||
<input id="storageValue" class="input-price" type="number" min="10" max="500" step="10" name="storage">
|
|
||||||
<span>{% trans "GB Storage (SSD)" %}</span>
|
|
||||||
<i class="fa fa-plus-circle right" data-plus="storage" aria-hidden="true"></i>
|
|
||||||
</div>
|
|
||||||
<div class="description select-configuration input">
|
|
||||||
<label for="config">OS</label>
|
|
||||||
<select name="config" id="">
|
|
||||||
{% for template in templates %}
|
|
||||||
<option value="{{template.id}}">{{template.name}} </option>
|
|
||||||
{% endfor %}
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<input type="hidden" name="total">
|
|
||||||
<!--<div class="description check-ip">
|
|
||||||
<input type="checkbox" name="ipv6"> Ipv6 Only<br>
|
|
||||||
</div>-->
|
|
||||||
<div class="description input">
|
|
||||||
<label for="name">Name</label>
|
|
||||||
<input type="text" name="name" placeholder="Your Name">
|
|
||||||
</div>
|
|
||||||
<div class="description input">
|
|
||||||
<label for="email">Email</label>
|
|
||||||
<input type="email" name="email" placeholder="Your Email">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<input type="submit" class="btn btn-primary" value="{% trans 'Order Now!' %}"></input>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div id="error_message_box" class="error-message-box"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- Configure -->
|
|
||||||
<!-- <div class="request-section" id="request">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-6 col-md-6">
|
|
||||||
<div class="title">
|
|
||||||
<h2>{% trans "I want to have it!" %}</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6 col-md-6">
|
|
||||||
<!-- Beta access form, will be loaded via ajax
|
|
||||||
<div class="form" id="beta_access_form">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
<!-- /.content-section-a -->
|
|
||||||
<!-- / contact section -->
|
|
||||||
<div class="full-contact-section">
|
|
||||||
<div class="intro-header-2 contact-section" id="contact">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<div class="col-sm-6 col-md-6">
|
|
||||||
<div class="card">
|
|
||||||
<div class="subtitle">
|
|
||||||
<h3>ungleich GmbH </h3>
|
|
||||||
</div>
|
|
||||||
<div class="description">
|
|
||||||
<p><i class="fa fa-envelope-o"></i> info@datacenterlight.ch</p>
|
|
||||||
<p>In der Au 7, Schwanden 8762</p>
|
|
||||||
<p>{% trans "Switzerland " %}</p>
|
|
||||||
</div>
|
|
||||||
<div class="social">
|
|
||||||
<a target="_blank" class="" href="https://twitter.com/datacenterlight">
|
|
||||||
<i class="fa fa-twitter fa-fw"></i>
|
|
||||||
</a>
|
|
||||||
<a target="_blank" class="" href="https://github.com/ungleich">
|
|
||||||
<i class="fa fa-github fa-fw"></i>
|
|
||||||
</a>
|
|
||||||
<a target="_blank" class="" href="https://www.facebook.com/ungleich.ch/">
|
|
||||||
<i class="fa fa-facebook fa-fw"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6 col-md-6">
|
|
||||||
<div class="title">
|
|
||||||
<h2>{% trans "Questions?" %} {% trans "Contact us!" %}</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /.banner -->
|
|
||||||
|
|
||||||
<!-- Footer -->
|
|
||||||
<footer>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<ul class="list-inline">
|
|
||||||
<li>
|
|
||||||
<a href="#">{% trans "Home" %}</a>
|
|
||||||
</li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#how">{% trans "What is it" %}</a></li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#your">{% trans "Scale out" %}</a></li>
|
|
||||||
<li>⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#our">{% trans "Reliable and light" %}</a></li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#price">{% trans "Pricing" %}</a>
|
|
||||||
</li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#contact">{% trans "Contact" %}</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<p class="copyright text-muted small">Copyright © ungleich GmbH {% now "Y" %}. All Rights Reserved</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<!-- jQuery -->
|
|
||||||
<script src="{% static 'datacenterlight/js/jquery.js' %}"></script>
|
|
||||||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(document).ready(function(){
|
|
||||||
$.validator.setDefaults({
|
|
||||||
ignore: []
|
|
||||||
});
|
|
||||||
$('#order_form').validate({
|
|
||||||
wrapper: 'div',
|
|
||||||
errorLabelContainer: "#error_message_box",
|
|
||||||
rules: {
|
|
||||||
name: {
|
|
||||||
required: true,
|
|
||||||
minlength: 3
|
|
||||||
},
|
|
||||||
email: {
|
|
||||||
required: true,
|
|
||||||
email: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
messages: {
|
|
||||||
name: "Please enter your name",
|
|
||||||
email: "Please enter a valid email address"
|
|
||||||
},
|
|
||||||
submitHandler: function (form) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
window.onload=function(){
|
|
||||||
$('.selectpicker').selectpicker({
|
|
||||||
style: 'btn-link',
|
|
||||||
windowPadding: 10,
|
|
||||||
});
|
|
||||||
$.ajax({
|
|
||||||
url: "{% url 'datacenterlight:beta_access' %}",
|
|
||||||
context: document.body
|
|
||||||
}).done(function(response) {
|
|
||||||
$('#beta_access_form').html(response);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script>
|
|
||||||
|
|
||||||
<!-- Bootstrap Core JavaScript -->
|
|
||||||
<script src="{% static 'datacenterlight/js/bootstrap.min.js' %}"></script>
|
|
||||||
<script src="{% static 'datacenterlight/js/main.js' %}"></script>
|
|
||||||
<!-- Load form js -->
|
|
||||||
<script src="{% static 'datacenterlight/js/form.js' %}"></script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,86 +0,0 @@
|
||||||
{% load staticfiles i18n%}
|
|
||||||
<!doctype html>
|
|
||||||
<html class="no-js">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
|
||||||
<title>landings</title>
|
|
||||||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
|
||||||
<link rel="stylesheet" href="{% static 'datacenterlight/css/main.css' %}">
|
|
||||||
<link rel="shortcut icon" href="{% static 'datacenterlight/img/favicon.ico' %}" type="image/x-icon" />
|
|
||||||
<script src="{% static 'datacenterlight/js/vendor/modernizr.js' %}"></script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<!--[if IE]><p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p><![endif]-->
|
|
||||||
<nav class="navbar navbar-toggleable-md navbar-light bg-faded navbar-landing d-flex justify-content-between"><a class="navbar-brand nav-local" href="javascript:void(0)" data-href="home">DCL Interest</a> <a class="navbar-brand" href="index.html" data-href="beta">Beta Program</a></nav>
|
|
||||||
<section class="section-home" id="home">
|
|
||||||
<div class="container d-flex justify-content-center align-items-center">
|
|
||||||
<div class="title title-landings">
|
|
||||||
<h1>Swiss 2 GB VM for 0.5 CHF per day</h1></div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section class="section-beta" id="beta">
|
|
||||||
<div class="contain-form">
|
|
||||||
<div class="form-interested">
|
|
||||||
<h2>Details about the offer..<ul><li><span>2 GB RAM</span></li><li><span>1 CPU</span></li><li><span>10 GB Dus</span></li></ul><h2>I am interested in running</h2>
|
|
||||||
<form action="">
|
|
||||||
<div class="row-vms d-flex align-items-center justify-content-between row-vms__active">
|
|
||||||
<div class="form-group ">
|
|
||||||
<input type="number" class="form-control number-vms" value='1' data-price="0.5">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="text text__landing">
|
|
||||||
<span>number of VMs </span>
|
|
||||||
</div>
|
|
||||||
<div class="form-group form-group__email">
|
|
||||||
<input class="form-control" type="email" placeholder="email" id="example-email-input">
|
|
||||||
</div>
|
|
||||||
<div class="submit">
|
|
||||||
<button type="button" id="submit" class="btn btn-block btn-success">Submit</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p >Interested in other offers? <a href="index.html">Checkout our beta program offers!</a></p>
|
|
||||||
</form>
|
|
||||||
</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<div class="modal fade" id="sucessModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
|
|
||||||
<div class="modal-dialog" role="document">
|
|
||||||
<div class="modal-content">
|
|
||||||
<div class="modal-header">
|
|
||||||
<h5 class="modal-title" id="exampleModalLongTitle">Thank You</h5>
|
|
||||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
||||||
<span aria-hidden="true">×</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="modal-body">
|
|
||||||
<div class="success-message">
|
|
||||||
<div class="title">
|
|
||||||
<h1>Thank You</h1>
|
|
||||||
</div>
|
|
||||||
<div class="container" style="margin-top: 3rem">
|
|
||||||
<p>Thanks for letting us know about your interest! We will come back to you as soon as our beta program starts!</p>
|
|
||||||
<p>Meanwhile, you can checkout news about it on <a href="#" >Twitter</a>, <a href="#" >Facebook</a> and <a href="#" >Instagram</a> </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script>
|
|
||||||
! function(e, t, a, n, c, o) {
|
|
||||||
e.GoogleAnalyticsObject = n, e[n] || (e[n] = function() {
|
|
||||||
(e[n].q = e[n].q || []).push(arguments)
|
|
||||||
}), e[n].l = +new Date, c = t.createElement(a), o = t.getElementsByTagName(a)[0], c.src = "https://www.google-analytics.com/analytics.js", o.parentNode.insertBefore(c, o)
|
|
||||||
}(window, document, "script", "ga"), ga("create", "UA-XXXXX-X"), ga("send", "pageview")
|
|
||||||
</script>
|
|
||||||
<script src="{% static 'datacenterlight/js/vendor.js' %}"></script>
|
|
||||||
<script src="{% static 'datacenterlight/js/plugin.js' %}"></script>
|
|
||||||
<script src="{% static 'datacenterlight/js/main.js' %}"></script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,155 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
|
|
||||||
<title>Rails Hosting.ch - Ruby on Rails as easy as possible</title>
|
|
||||||
|
|
||||||
<!-- Bootstrap Core CSS -->
|
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- Custom CSS -->
|
|
||||||
<link href="css/landing-page.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- Custom Fonts -->
|
|
||||||
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
|
|
||||||
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
|
||||||
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
|
|
||||||
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
|
|
||||||
|
|
||||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
||||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
||||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<!-- Navigation -->
|
|
||||||
<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
|
|
||||||
<div class="container topnav">
|
|
||||||
<!-- Brand and toggle get grouped for better mobile display -->
|
|
||||||
<div class="navbar-header">
|
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
||||||
<span class="sr-only">Toggle navigation</span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</button>
|
|
||||||
<a class="navbar-brand topnav" href="#"><img src="img/logo_black.svg"></a>
|
|
||||||
</div>
|
|
||||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
||||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
|
||||||
<li>
|
|
||||||
<a href="#how">How it works</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#your">Your infrastructure</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#our">Our inftrastructure</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#price">Pricing</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#contact">Contact</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<!-- /.navbar-collapse -->
|
|
||||||
</div>
|
|
||||||
<!-- /.container -->
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Header -->
|
|
||||||
<a name="about"></a>
|
|
||||||
<div class="intro-header">
|
|
||||||
<div class="container">
|
|
||||||
<div class="col-md-4"> </div><div class="col-md-4">
|
|
||||||
|
|
||||||
<div class="intro-message"><img class="responsive" src="img/Beta.png">
|
|
||||||
<h3>Log In</h3>
|
|
||||||
<form>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="exampleInputEmail1">Email address</label>
|
|
||||||
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="exampleInputPassword1">Password</label>
|
|
||||||
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
|
|
||||||
</div>
|
|
||||||
<div class>
|
|
||||||
<p><a href="#" id="forgotpassword">
|
|
||||||
Forgot password?</a>
|
|
||||||
</p>
|
|
||||||
<p> </p>
|
|
||||||
</div>
|
|
||||||
<button type="submit" class="btn btn-default">Log In</button>
|
|
||||||
</form></p>
|
|
||||||
<ul class="list-inline intro-social-buttons">
|
|
||||||
|
|
||||||
</ul></div> <div class="col-md-4"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /.container -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /.intro-header -->
|
|
||||||
|
|
||||||
<!-- Footer -->
|
|
||||||
<footer>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<ul class="list-inline">
|
|
||||||
<li>
|
|
||||||
<a href="#">Home</a>
|
|
||||||
</li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#about">How it works</a></li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#about">Your infrastructure</a></li>
|
|
||||||
<li>⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#about">Our infrastructure</a></li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#services">Pricing</a>
|
|
||||||
</li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#contact">Contact</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<p class="copyright text-muted small">Copyright © ungleich GmbH 2015. All Rights Reserved</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<!-- jQuery -->
|
|
||||||
<script src="js/jquery.js"></script>
|
|
||||||
|
|
||||||
<!-- Bootstrap Core JavaScript -->
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,67 +1,8 @@
|
||||||
{% extends "datacenterlight/base.html" %}
|
{% extends "datacenterlight/base.html" %}
|
||||||
{% load staticfiles i18n %}
|
{% load staticfiles i18n %}
|
||||||
|
|
||||||
{% block body %}
|
{% block content %}
|
||||||
|
|
||||||
<!-- Navigation -->
|
|
||||||
<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
|
|
||||||
<div class="topnav">
|
|
||||||
<!-- Brand and toggle get grouped for better mobile display -->
|
|
||||||
<div class="navbar-header">
|
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
||||||
<span class="sr-only">Toggle navigation</span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</button>
|
|
||||||
<a id="logoBlack" class="navbar-brand topnav url" href="{% url 'datacenterlight:index' %}" ><img src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
|
|
||||||
<a id="logoWhite" class="navbar-brand topnav url" href="{% url 'datacenterlight:index' %}" ><img src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
|
|
||||||
</div>
|
|
||||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
||||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
|
||||||
<!-- <li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#how" >{% trans "What is it" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#your" >{% trans "Scale out" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#our">{% trans "Reliable and light" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#price" >{% trans "Buy VM" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#contact" >{% trans "Contact" %}</a>
|
|
||||||
</li> -->
|
|
||||||
|
|
||||||
<li class="nav-language">
|
|
||||||
<div class="select-language">
|
|
||||||
{% if LANGUAGE_CODE == 'en-us'%}
|
|
||||||
<span>English</span>
|
|
||||||
{% else %}
|
|
||||||
<span>Deutsch</span>
|
|
||||||
{% endif %}
|
|
||||||
<i class="fa fa-globe" aria-hidden="true"></i>
|
|
||||||
</div>
|
|
||||||
<div class="drop-language">
|
|
||||||
{% if LANGUAGE_CODE == 'en-us'%}
|
|
||||||
<a class="url" href="{{base_url}}/de/datacenterlight/order" >Deutsch</a>
|
|
||||||
{% else %}
|
|
||||||
<a class="url" href="{{base_url}}/en-us/datacenterlight/order" >English</a>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /.navbar-collapse -->
|
|
||||||
</div>
|
|
||||||
<!-- /.container -->
|
|
||||||
</nav>
|
|
||||||
<div class="intro-pricing">
|
<div class="intro-pricing">
|
||||||
|
|
||||||
<div class="intro-message">
|
<div class="intro-message">
|
||||||
|
|
@ -149,94 +90,6 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- /.banner -->
|
|
||||||
|
|
||||||
<!-- Footer -->
|
|
||||||
<footer>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<ul class="list-inline">
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}">{% trans "Home" %}</a>
|
|
||||||
</li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#how">{% trans "What is it" %}</a></li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#your">{% trans "Scale out" %}</a></li>
|
|
||||||
<li>⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#our">{% trans "Reliable and light" %}</a></li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#price">{% trans "Pricing" %}</a>
|
|
||||||
</li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#contact">{% trans "Contact" %}</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<p class="copyright text-muted small">Copyright © ungleich GmbH {% now "Y" %}. All Rights Reserved</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<!-- jQuery -->
|
|
||||||
<script src="{% static 'datacenterlight/js/jquery.js' %}"></script>
|
|
||||||
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script>
|
|
||||||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(document).ready(function(){
|
|
||||||
$.validator.setDefaults({
|
|
||||||
ignore: []
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#order_form').validate({
|
|
||||||
wrapper: 'div',
|
|
||||||
errorLabelContainer: "#error_message_box",
|
|
||||||
rules: {
|
|
||||||
name: {
|
|
||||||
required: true,
|
|
||||||
minlength: 3
|
|
||||||
},
|
|
||||||
email: {
|
|
||||||
required: true,
|
|
||||||
email: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
messages: {
|
|
||||||
name: "Please enter your name",
|
|
||||||
email: "Please enter a valid email address"
|
|
||||||
},
|
|
||||||
submitHandler: function (form) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
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>
|
|
||||||
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script>
|
|
||||||
|
|
||||||
<!-- Bootstrap Core JavaScript -->
|
|
||||||
<script src="{% static 'datacenterlight/js/bootstrap.min.js' %}"></script>
|
|
||||||
<script src="{% static 'datacenterlight/js/main.js' %}"></script>
|
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,105 +1,8 @@
|
||||||
|
{% extends "datacenterlight/base.html" %}
|
||||||
{% load staticfiles i18n%}
|
{% load staticfiles i18n%}
|
||||||
{% get_current_language as LANGUAGE_CODE %}
|
{% get_current_language as LANGUAGE_CODE %}
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="{{LANGUAGE_CODE}}">
|
|
||||||
|
|
||||||
<head>
|
{% block content %}
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
|
|
||||||
<title>datacenterlight.ch - Featherlight Swiss VM</title>
|
|
||||||
|
|
||||||
<!-- Bootstrap Core CSS -->
|
|
||||||
<link href="{% static 'datacenterlight/css/bootstrap.min.css' %}" rel="stylesheet">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Custom Fonts -->
|
|
||||||
<!--Import Google Icon Font-->
|
|
||||||
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
||||||
<link href="{% static 'datacenterlight/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css">
|
|
||||||
<link href="//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
|
|
||||||
<link rel="shortcut icon" href="{% static 'datacenterlight/img/favicon.ico' %}" type="image/x-icon" />
|
|
||||||
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.min.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- Custom CSS -->
|
|
||||||
<link href="{% static 'datacenterlight/css/landing-page.css' %}" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
||||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
||||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<!-- Navigation -->
|
|
||||||
<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
|
|
||||||
<div class="topnav">
|
|
||||||
<!-- Brand and toggle get grouped for better mobile display -->
|
|
||||||
<div class="navbar-header">
|
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
||||||
<span class="sr-only">Toggle navigation</span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</button>
|
|
||||||
<a id="logoBlack" class="navbar-brand topnav url" href="{% url 'datacenterlight:index' %}" ><img src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
|
|
||||||
<a id="logoWhite" class="navbar-brand topnav url" href="{% url 'datacenterlight:index' %}" ><img src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
|
|
||||||
</div>
|
|
||||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
||||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
|
||||||
<!-- <li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#how" >{% trans "What is it" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#your" >{% trans "Scale out" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#our">{% trans "Reliable and light" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#price" >{% trans "Buy VM" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#contact" >{% trans "Contact" %}</a>
|
|
||||||
</li> -->
|
|
||||||
|
|
||||||
<li class="nav-language">
|
|
||||||
<div class="select-language">
|
|
||||||
{% if LANGUAGE_CODE == 'en-us'%}
|
|
||||||
<span>English</span>
|
|
||||||
{% else %}
|
|
||||||
<span>Deutsch</span>
|
|
||||||
{% endif %}
|
|
||||||
<i class="fa fa-globe" aria-hidden="true"></i>
|
|
||||||
</div>
|
|
||||||
<div class="drop-language">
|
|
||||||
{% if LANGUAGE_CODE == 'en-us'%}
|
|
||||||
<a class="url" href="{{base_url}}/de/datacenterlight/pricing" >Deutsch</a>
|
|
||||||
{% else %}
|
|
||||||
<a class="url" href="{{base_url}}/en-us/datacenterlight/pricing" >English</a>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /.navbar-collapse -->
|
|
||||||
</div>
|
|
||||||
<!-- /.container -->
|
|
||||||
</nav>
|
|
||||||
<div class="intro-pricing">
|
<div class="intro-pricing">
|
||||||
|
|
||||||
<div class="intro-message">
|
<div class="intro-message">
|
||||||
|
|
@ -157,14 +60,14 @@
|
||||||
</div>
|
</div>
|
||||||
<input type="hidden" name="total">
|
<input type="hidden" name="total">
|
||||||
|
|
||||||
<div class="description input">
|
<!-- <div class="description input">
|
||||||
<label for="name">Name</label>
|
<label for="name">Name</label>
|
||||||
<input type="text" name="name" placeholder="Your Name">
|
<input type="text" name="name" placeholder="Your Name">
|
||||||
</div>
|
</div>
|
||||||
<div class="description input">
|
<div class="description input">
|
||||||
<label for="email">Email</label>
|
<label for="email">Email</label>
|
||||||
<input type="email" name="email" placeholder="Your Email">
|
<input type="email" name="email" placeholder="Your Email">
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
<!--<div class="description check-ip">
|
<!--<div class="description check-ip">
|
||||||
<input type="checkbox" name="ipv6"> Ipv6 Only<br>
|
<input type="checkbox" name="ipv6"> Ipv6 Only<br>
|
||||||
|
|
@ -184,68 +87,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
|
||||||
<!-- /.banner -->
|
|
||||||
|
|
||||||
<!-- Footer -->
|
|
||||||
<footer>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<ul class="list-inline">
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}">{% trans "Home" %}</a>
|
|
||||||
</li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#how">{% trans "What is it" %}</a></li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#your">{% trans "Scale out" %}</a></li>
|
|
||||||
<li>⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#our">{% trans "Reliable and light" %}</a></li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#price">{% trans "Pricing" %}</a>
|
|
||||||
</li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="{% url 'datacenterlight:index' %}#contact">{% trans "Contact" %}</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<p class="copyright text-muted small">Copyright © ungleich GmbH {% now "Y" %}. All Rights Reserved</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<!-- jQuery -->
|
|
||||||
<script src="{% static 'datacenterlight/js/jquery.js' %}"></script>
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script>
|
|
||||||
|
|
||||||
<!-- Bootstrap Core JavaScript -->
|
|
||||||
<script src="{% static 'datacenterlight/js/bootstrap.min.js' %}"></script>
|
|
||||||
<script src="{% static 'datacenterlight/js/main.js' %}"></script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
|
||||||
|
|
@ -1,156 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
|
|
||||||
<title>Rails Hosting.ch - Ruby on Rails as easy as possible</title>
|
|
||||||
|
|
||||||
<!-- Bootstrap Core CSS -->
|
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- Custom CSS -->
|
|
||||||
<link href="css/landing-page.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- Custom Fonts -->
|
|
||||||
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
|
|
||||||
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
|
||||||
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
|
|
||||||
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
|
|
||||||
|
|
||||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
||||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
||||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<!-- Navigation -->
|
|
||||||
<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
|
|
||||||
<div class="container topnav">
|
|
||||||
<!-- Brand and toggle get grouped for better mobile display -->
|
|
||||||
<div class="navbar-header">
|
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
||||||
<span class="sr-only">Toggle navigation</span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</button>
|
|
||||||
<a class="navbar-brand topnav" href="#"><img src="img/logo_black.svg"></a>
|
|
||||||
</div>
|
|
||||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
||||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
|
||||||
<li>
|
|
||||||
<a href="#how">How it works</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#your">Your infrastructure</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#our">Our inftrastructure</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#price">Pricing</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#contact">Contact</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<!-- /.navbar-collapse -->
|
|
||||||
</div>
|
|
||||||
<!-- /.container -->
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Header -->
|
|
||||||
<a name="about"></a>
|
|
||||||
<div class="intro-header-2">
|
|
||||||
<div class="container">
|
|
||||||
<div class="col-md-4"> </div><div class="col-md-4">
|
|
||||||
<div class="intro-"><img class="responsive" src="img/Beta.png">
|
|
||||||
<h2>Sign up</h2>
|
|
||||||
<form>
|
|
||||||
<div class="form-group">
|
|
||||||
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter your name or comapny name">
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Confirm Password">
|
|
||||||
</div><div class="col-md-4"> </div>
|
|
||||||
<div class>
|
|
||||||
<p> </p>
|
|
||||||
</div>
|
|
||||||
<button type="submit" class="btn btn-default">Sign Up</button>
|
|
||||||
|
|
||||||
</form></p></div>
|
|
||||||
<ul class="list-inline intro-social-buttons">
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /.container -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /.intro-header -->
|
|
||||||
|
|
||||||
<!-- Footer -->
|
|
||||||
<footer>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<ul class="list-inline">
|
|
||||||
<li>
|
|
||||||
<a href="#">Home</a>
|
|
||||||
</li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#about">How it works</a></li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#about">Your infrastructure</a></li>
|
|
||||||
<li>⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#about">Our infrastructure</a></li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#services">Pricing</a>
|
|
||||||
</li>
|
|
||||||
<li class="footer-menu-divider">⋅</li>
|
|
||||||
<li>
|
|
||||||
<a href="#contact">Contact</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<p class="copyright text-muted small">Copyright © ungleich GmbH 2015. All Rights Reserved</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<!-- jQuery -->
|
|
||||||
<script src="js/jquery.js"></script>
|
|
||||||
|
|
||||||
<!-- Bootstrap Core JavaScript -->
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,61 +1,7 @@
|
||||||
{% extends "datacenterlight/base.html" %}
|
{% extends "datacenterlight/base.html" %}
|
||||||
{% load staticfiles i18n %}
|
{% load staticfiles i18n %}
|
||||||
{% block body %}
|
{% block content %}
|
||||||
|
|
||||||
<!-- Navigation -->
|
|
||||||
<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
|
|
||||||
<div class="topnav">
|
|
||||||
<!-- Brand and toggle get grouped for better mobile display -->
|
|
||||||
<div class="navbar-header">
|
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
||||||
<span class="sr-only">Toggle navigation</span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</button>
|
|
||||||
<a id="logoBlack" class="navbar-brand topnav url" href="{% url 'datacenterlight:index' %}" ><img src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
|
|
||||||
<a id="logoWhite" class="navbar-brand topnav url" href="{% url 'datacenterlight:index' %}" ><img src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
|
|
||||||
</div>
|
|
||||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
||||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
|
||||||
<!-- <li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#how" >{% trans "What is it" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#your" >{% trans "Scale out" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#our">{% trans "Reliable and light" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#price" >{% trans "Buy VM" %}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a class="url" href="javascript:void(0)" data-url="#contact" >{% trans "Contact" %}</a>
|
|
||||||
</li> -->
|
|
||||||
|
|
||||||
<select class="selectpicker" data-width="fit" onchange="location = this.value;" style="margin-top:10px;">
|
|
||||||
{% if LANGUAGE_CODE == 'en-us'%}
|
|
||||||
<option selected="selected" value="{{base_url}}/en-us/datacenterlight/order-success/">English</option>
|
|
||||||
{% else %}
|
|
||||||
<option value="{{base_url}}/en-us/datacenterlight/order-success/">English</option>
|
|
||||||
{% endif %}
|
|
||||||
{% if LANGUAGE_CODE == 'de'%}
|
|
||||||
<option selected="selected" value="{{base_url}}/de/datacenterlight/order-success/">Deutsch</option>
|
|
||||||
{% else %}
|
|
||||||
<option value="{{base_url}}/de/datacenterlight/order-success/">Deutsch</option>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
</select>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /.navbar-collapse -->
|
|
||||||
</div>
|
|
||||||
<!-- /.container -->
|
|
||||||
</nav>
|
|
||||||
<div class="intro-pricing success-pricing">
|
<div class="intro-pricing success-pricing">
|
||||||
|
|
||||||
<div class="intro-message">
|
<div class="intro-message">
|
||||||
|
|
@ -91,5 +37,4 @@
|
||||||
<script src="{% static 'datacenterlight/js/main.js' %}"></script>
|
<script src="{% static 'datacenterlight/js/main.js' %}"></script>
|
||||||
|
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
</html>
|
|
||||||
|
|
@ -236,7 +236,7 @@ class BetaProgramView(CreateView):
|
||||||
|
|
||||||
|
|
||||||
class IndexView(CreateView):
|
class IndexView(CreateView):
|
||||||
template_name = "datacenterlight/index.html"
|
template_name = "datacenterlight/home.html"
|
||||||
model = BetaAccess
|
model = BetaAccess
|
||||||
form_class = BetaAccessForm
|
form_class = BetaAccessForm
|
||||||
success_url = "/datacenterlight#requestform"
|
success_url = "/datacenterlight#requestform"
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,12 @@
|
||||||
.dashboard-container {
|
.dashboard-container {
|
||||||
padding-top:70px; padding-bottom: 70px;
|
padding-top:70px; padding-bottom: 70px;
|
||||||
|
width: 90%;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 768px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-dashboard{
|
.content-dashboard{
|
||||||
height: 100vh;
|
min-height: 100vh;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: 1120px;
|
max-width: 1120px;
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,6 @@
|
||||||
src: url('../fonts/Lato/Lato-Regular.ttf');
|
src: url('../fonts/Lato/Lato-Regular.ttf');
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Lato-Black';
|
|
||||||
src: url('../fonts/Lato/Lato-Black.ttf');
|
src: url('../fonts/Lato/Lato-Black.ttf');
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
|
|
@ -241,7 +240,6 @@ h6 {
|
||||||
}
|
}
|
||||||
.auth-container .auth-title h2{
|
.auth-container .auth-title h2{
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-family: 'Lato-Black';
|
|
||||||
font-size: 44px;
|
font-size: 44px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 425px;
|
width: 425px;
|
||||||
|
|
@ -280,7 +278,6 @@ h6 {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
border-radius: 3px 3px 0px 0px;
|
border-radius: 3px 3px 0px 0px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
font-family: 'Lato-Black';
|
|
||||||
}
|
}
|
||||||
.auth-box .form{
|
.auth-box .form{
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
|
|
||||||
6
hosting/static/hosting/css/owl.carousel.min.css
vendored
Executable file
6
hosting/static/hosting/css/owl.carousel.min.css
vendored
Executable file
|
|
@ -0,0 +1,6 @@
|
||||||
|
/**
|
||||||
|
* Owl Carousel v2.2.1
|
||||||
|
* Copyright 2013-2017 David Deutsch
|
||||||
|
* Licensed under ()
|
||||||
|
*/
|
||||||
|
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
||||||
6
hosting/static/hosting/css/owl.theme.default.min.css
vendored
Executable file
6
hosting/static/hosting/css/owl.theme.default.min.css
vendored
Executable file
|
|
@ -0,0 +1,6 @@
|
||||||
|
/**
|
||||||
|
* Owl Carousel v2.2.1
|
||||||
|
* Copyright 2013-2017 David Deutsch
|
||||||
|
* Licensed under ()
|
||||||
|
*/
|
||||||
|
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
|
||||||
|
|
@ -57,6 +57,124 @@
|
||||||
.virtual-machine-container .box-setting .label-success{
|
.virtual-machine-container .box-setting .label-success{
|
||||||
padding-top: 4px;
|
padding-top: 4px;
|
||||||
}
|
}
|
||||||
|
.virtual-machine-container .form-ssh textarea{
|
||||||
|
height: 150px !important
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Create VM Styles*/
|
||||||
|
.parent-container{
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: hidden;
|
||||||
|
}
|
||||||
|
.parent-container ::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.container-os{
|
||||||
|
overflow: auto;
|
||||||
|
padding: 0px 0px;
|
||||||
|
min-width: 300px;
|
||||||
|
width: auto;
|
||||||
|
max-width: 800px;
|
||||||
|
min-height: 150px;
|
||||||
|
}
|
||||||
|
.container-os .owl-next{
|
||||||
|
position: absolute;
|
||||||
|
right: -12px;
|
||||||
|
top: 6px;
|
||||||
|
color: gray !important;
|
||||||
|
background: transparent !important;
|
||||||
|
font-size: 54px !important;
|
||||||
|
}
|
||||||
|
.container-os .owl-prev{
|
||||||
|
position: absolute;
|
||||||
|
left: -12px;
|
||||||
|
top: 6px;
|
||||||
|
color: gray !important;
|
||||||
|
background: transparent !important;
|
||||||
|
font-size: 54px !important;
|
||||||
|
}
|
||||||
|
.container-os .owl-dots{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container-os .os-circle{
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
display: flex;
|
||||||
|
margin: 0 auto;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background: #f7f7f7;
|
||||||
|
border-radius: 50%;
|
||||||
|
cursor: pointer;
|
||||||
|
text-align: center;
|
||||||
|
min-width: 120px;
|
||||||
|
border: 4px solid #b9b9b9;
|
||||||
|
transition: all .1s ease-in;
|
||||||
|
}
|
||||||
|
.step-title{
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container-os.config .config-box{
|
||||||
|
width: 115px;
|
||||||
|
height: 115px;
|
||||||
|
display: flex;
|
||||||
|
margin: 0 auto;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background: #f7f7f7;
|
||||||
|
/* border-radius: 50%; */
|
||||||
|
cursor: pointer;
|
||||||
|
text-align: center;
|
||||||
|
min-width: 115px;
|
||||||
|
border-radius: 7px;
|
||||||
|
border: 4px solid #b9b9b9;
|
||||||
|
transition: all .1s ease-in;
|
||||||
|
}
|
||||||
|
.container-os .os-circle.active{
|
||||||
|
border: 6px solid #2dc32d;
|
||||||
|
min-width: 135px;
|
||||||
|
width: 135px;
|
||||||
|
height: 135px;
|
||||||
|
}
|
||||||
|
.container-os .os-circle.active .text{
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
.container-os.config .config-box.active{
|
||||||
|
border: 6px solid #5cb85c;
|
||||||
|
min-width: 125px;
|
||||||
|
width: 125px;
|
||||||
|
height: 125px;
|
||||||
|
}
|
||||||
|
.container-os.config .config-box span{
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.container-os.config .config-box.active span{
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.container-os .os-circle .text{
|
||||||
|
font-size: 16px;
|
||||||
|
width: 50%;
|
||||||
|
line-height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container-button{
|
||||||
|
text-align: right;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.container-button .btn{
|
||||||
|
font-size: 17px;
|
||||||
|
width: 150px;
|
||||||
|
margin-top: 5px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.container-button .price{
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 990px) {
|
@media (max-width: 990px) {
|
||||||
.virtual-machine-container .tabs-left {
|
.virtual-machine-container .tabs-left {
|
||||||
|
|
@ -73,6 +191,38 @@
|
||||||
display:block;
|
display:block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.container-button{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.step-title{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.dashboard-title{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.container-os .os-circle{
|
||||||
|
width: 105px;
|
||||||
|
height: 105px;
|
||||||
|
min-width: 105px;
|
||||||
|
}
|
||||||
|
.container-os .os-circle .text{
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container-os .owl-next {
|
||||||
|
right: 20px;
|
||||||
|
top: 20px;
|
||||||
|
font-size: 40px !important;
|
||||||
|
}
|
||||||
|
.container-os .owl-prev{
|
||||||
|
position: absolute;
|
||||||
|
left: 20px;
|
||||||
|
top: 20px;
|
||||||
|
font-size: 40px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
@media (max-width: 420px) {
|
@media (max-width: 420px) {
|
||||||
.btn-create-vm {
|
.btn-create-vm {
|
||||||
float: left !important;
|
float: left !important;
|
||||||
|
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,92 +0,0 @@
|
||||||
Copyright 2011 The Montserrat Project Authors (julieta.ulanovsky@gmail.com)
|
|
||||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
|
||||||
This license is copied below, and is also available with a FAQ at:
|
|
||||||
http://scripts.sil.org/OFL
|
|
||||||
|
|
||||||
|
|
||||||
-----------------------------------------------------------
|
|
||||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
|
||||||
-----------------------------------------------------------
|
|
||||||
|
|
||||||
PREAMBLE
|
|
||||||
The goals of the Open Font License (OFL) are to stimulate worldwide
|
|
||||||
development of collaborative font projects, to support the font creation
|
|
||||||
efforts of academic and linguistic communities, and to provide a free and
|
|
||||||
open framework in which fonts may be shared and improved in partnership
|
|
||||||
with others.
|
|
||||||
|
|
||||||
The OFL allows the licensed fonts to be used, studied, modified and
|
|
||||||
redistributed freely as long as they are not sold by themselves. The
|
|
||||||
fonts, including any derivative works, can be bundled, embedded,
|
|
||||||
redistributed and/or sold with any software provided that any reserved
|
|
||||||
names are not used by derivative works. The fonts and derivatives,
|
|
||||||
however, cannot be released under any other type of license. The
|
|
||||||
requirement for fonts to remain under this license does not apply
|
|
||||||
to any document created using the fonts or their derivatives.
|
|
||||||
|
|
||||||
DEFINITIONS
|
|
||||||
"Font Software" refers to the set of files released by the Copyright
|
|
||||||
Holder(s) under this license and clearly marked as such. This may
|
|
||||||
include source files, build scripts and documentation.
|
|
||||||
|
|
||||||
"Reserved Font Name" refers to any names specified as such after the
|
|
||||||
copyright statement(s).
|
|
||||||
|
|
||||||
"Original Version" refers to the collection of Font Software components as
|
|
||||||
distributed by the Copyright Holder(s).
|
|
||||||
|
|
||||||
"Modified Version" refers to any derivative made by adding to, deleting,
|
|
||||||
or substituting -- in part or in whole -- any of the components of the
|
|
||||||
Original Version, by changing formats or by porting the Font Software to a
|
|
||||||
new environment.
|
|
||||||
|
|
||||||
"Author" refers to any designer, engineer, programmer, technical
|
|
||||||
writer or other person who contributed to the Font Software.
|
|
||||||
|
|
||||||
PERMISSION & CONDITIONS
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining
|
|
||||||
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
|
||||||
redistribute, and sell modified and unmodified copies of the Font
|
|
||||||
Software, subject to the following conditions:
|
|
||||||
|
|
||||||
1) Neither the Font Software nor any of its individual components,
|
|
||||||
in Original or Modified Versions, may be sold by itself.
|
|
||||||
|
|
||||||
2) Original or Modified Versions of the Font Software may be bundled,
|
|
||||||
redistributed and/or sold with any software, provided that each copy
|
|
||||||
contains the above copyright notice and this license. These can be
|
|
||||||
included either as stand-alone text files, human-readable headers or
|
|
||||||
in the appropriate machine-readable metadata fields within text or
|
|
||||||
binary files as long as those fields can be easily viewed by the user.
|
|
||||||
|
|
||||||
3) No Modified Version of the Font Software may use the Reserved Font
|
|
||||||
Name(s) unless explicit written permission is granted by the corresponding
|
|
||||||
Copyright Holder. This restriction only applies to the primary font name as
|
|
||||||
presented to the users.
|
|
||||||
|
|
||||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
|
||||||
Software shall not be used to promote, endorse or advertise any
|
|
||||||
Modified Version, except to acknowledge the contribution(s) of the
|
|
||||||
Copyright Holder(s) and the Author(s) or with their explicit written
|
|
||||||
permission.
|
|
||||||
|
|
||||||
5) The Font Software, modified or unmodified, in part or in whole,
|
|
||||||
must be distributed entirely under this license, and must not be
|
|
||||||
distributed under any other license. The requirement for fonts to
|
|
||||||
remain under this license does not apply to any document created
|
|
||||||
using the Font Software.
|
|
||||||
|
|
||||||
TERMINATION
|
|
||||||
This license becomes null and void if any of the above conditions are
|
|
||||||
not met.
|
|
||||||
|
|
||||||
DISCLAIMER
|
|
||||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
|
||||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
|
||||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
|
||||||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
|
||||||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
|
||||||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
|
||||||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
||||||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
|
||||||
OTHER DEALINGS IN THE FONT SOFTWARE.
|
|
||||||
89
hosting/static/hosting/js/createvm.js
Normal file
89
hosting/static/hosting/js/createvm.js
Normal file
|
|
@ -0,0 +1,89 @@
|
||||||
|
(function($){
|
||||||
|
"use strict"; // Start of use strict
|
||||||
|
|
||||||
|
|
||||||
|
$(window).load(function(){
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
_initOs();
|
||||||
|
_ifOverflow();
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
$(window).resize(function(){
|
||||||
|
|
||||||
|
_ifOverflow();
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function _initOs(){
|
||||||
|
|
||||||
|
|
||||||
|
$('.os-circle').click(function(event){
|
||||||
|
$('.os-circle').removeClass('active');
|
||||||
|
$(this).addClass('active');
|
||||||
|
|
||||||
|
var idTemplate = $(this).data('id');
|
||||||
|
$('input[name=vm_template_id]').val(idTemplate);
|
||||||
|
});
|
||||||
|
$('.config-box').click(function(event){
|
||||||
|
$('.config-box').removeClass('active');
|
||||||
|
$(this).addClass('active');
|
||||||
|
var idConfig = $(this).data('id');
|
||||||
|
var price = $(this).data('price');
|
||||||
|
$('input[name=configuration]').val(idConfig);
|
||||||
|
$('.container-button').fadeIn();
|
||||||
|
$('#priceValue').text(price);
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.owl-carousel').owlCarousel({
|
||||||
|
items:4,
|
||||||
|
nav: true,
|
||||||
|
margin:30,
|
||||||
|
responsiveClass:true,
|
||||||
|
navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
|
||||||
|
responsive:{
|
||||||
|
0:{
|
||||||
|
items:1,
|
||||||
|
nav:true
|
||||||
|
},
|
||||||
|
600:{
|
||||||
|
items:2,
|
||||||
|
nav:true
|
||||||
|
},
|
||||||
|
768:{
|
||||||
|
items:3,
|
||||||
|
nav:true
|
||||||
|
},
|
||||||
|
990:{
|
||||||
|
items:4,
|
||||||
|
nav:true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function _ifOverflow(){
|
||||||
|
|
||||||
|
var dcContainer= document.getElementById('dcContainer');
|
||||||
|
var containerOs= document.getElementById('containerOs');
|
||||||
|
console.log('d-c', dcContainer.offsetWidth-20);
|
||||||
|
console.log('d-os', containerOs.scrollWidth);
|
||||||
|
|
||||||
|
if(dcContainer.offsetWidth-20 < containerOs.scrollWidth){
|
||||||
|
console.log('oooVerrflowwww');
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
})(jQuery);
|
||||||
|
|
||||||
|
|
||||||
7
hosting/static/hosting/js/vendor/owl.carousel.min.js
vendored
Executable file
7
hosting/static/hosting/js/vendor/owl.carousel.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
|
|
@ -29,6 +29,8 @@
|
||||||
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
|
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
|
||||||
<link href="//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
|
<link href="//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
|
||||||
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
|
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
|
||||||
|
<link rel="stylesheet" href="{% static 'hosting/css/owl.carousel.min.css' %}">
|
||||||
|
<link rel="stylesheet" href="{% static 'hosting/css/owl.theme.default.min.css' %}">
|
||||||
|
|
||||||
|
|
||||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||||
|
|
@ -126,7 +128,7 @@
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
{% if request.user.is_authenticated %}
|
{% if request.user.is_authenticated %}
|
||||||
<footer class="navbar-fixed-bottom">
|
<footer class="footer-vm">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<p class="copyright text-muted small">Copyright © ungleich GmbH {% now "Y" %}. All Rights Reserved</p>
|
<p class="copyright text-muted small">Copyright © ungleich GmbH {% now "Y" %}. All Rights Reserved</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -135,7 +137,7 @@
|
||||||
<!-- jQuery -->
|
<!-- jQuery -->
|
||||||
<script src="{% static 'hosting/js/jquery.js' %}"></script>
|
<script src="{% static 'hosting/js/jquery.js' %}"></script>
|
||||||
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.validation/1.13.1/jquery.validate.min.js"></script>
|
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.validation/1.13.1/jquery.validate.min.js"></script>
|
||||||
|
<script src="{% static 'hosting/js/vendor/owl.carousel.min.js'%}"></script>
|
||||||
<!-- Copy Clipboard -->
|
<!-- Copy Clipboard -->
|
||||||
<script src="//cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js"></script>
|
<script src="//cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js"></script>
|
||||||
|
|
||||||
|
|
@ -146,6 +148,9 @@
|
||||||
<!-- Virtual Machine Detail Javascript -->
|
<!-- Virtual Machine Detail Javascript -->
|
||||||
<script src="{% static 'hosting/js/virtual_machine_detail.js' %}"></script>
|
<script src="{% static 'hosting/js/virtual_machine_detail.js' %}"></script>
|
||||||
|
|
||||||
|
<!-- Create Virtual Machine Javascript -->
|
||||||
|
<script src="{% static 'hosting/js/createvm.js' %}"></script>
|
||||||
|
|
||||||
<!-- Init JavaScript -->
|
<!-- Init JavaScript -->
|
||||||
<script src="{% static 'hosting/js/initial.js' %}"></script>
|
<script src="{% static 'hosting/js/initial.js' %}"></script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,9 +2,9 @@
|
||||||
{% load staticfiles bootstrap3 i18n %}
|
{% load staticfiles bootstrap3 i18n %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div>
|
<div>
|
||||||
<div class="container dashboard-container">
|
<div class="dashboard-container" >
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-8 col-md-offset-2">
|
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<br/>
|
<br/>
|
||||||
{% if messages %}
|
{% if messages %}
|
||||||
|
|
@ -16,39 +16,52 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
{% if not error %}
|
{% if not error %}
|
||||||
<h3><i class="fa fa-server fa-separate" aria-hidden="true"></i> {% trans "New Virtual Machine"%} </h3>
|
<div class="dashboard-title">
|
||||||
<hr/>
|
<h3>{% trans "New Virtual Machine"%} </h3>
|
||||||
<form method="POST" action="">
|
<hr/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form method="POST" action="">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
<div class="form-group">
|
|
||||||
{% trans "Select VM Template:" %}
|
<div class="step-title">
|
||||||
<select name="vm_template_id">
|
<h4>{% trans "Step 1. Select VM Template:" %} </h4>
|
||||||
{% for template in templates %}
|
|
||||||
<option value="{{template.id}}">{{template.name}} </option>
|
|
||||||
{% endfor %}
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
{% trans "Select VM Configuration:" %}
|
|
||||||
<select name="configuration">
|
|
||||||
{% for config in configuration_options %}
|
|
||||||
<option value="{{config.id}}">
|
|
||||||
CORE: {{config.cpu|floatformat}},
|
|
||||||
RAM: {{config.memory|floatformat}} GB,
|
|
||||||
SSD: {{config.disk_size|floatformat}} GB,
|
|
||||||
PRICE: {{config.price|floatformat}} {% trans "CHF/Month" %}
|
|
||||||
</option>
|
|
||||||
{% endfor %}
|
|
||||||
</select>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="parent-container">
|
||||||
<button class="btn btn-success" >{% trans "Start VM"%} </button>
|
<div class="container-os owl-carousel owl-theme" id="containerOs">
|
||||||
|
|
||||||
|
{% for template in templates %}
|
||||||
|
<div class="os-circle" data-id="{{template.id}}">
|
||||||
|
<span class="text" >{{template.name}}</span>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
<input type="hidden" name="vm_template_id">
|
||||||
|
</div>
|
||||||
|
<div class="step-title">
|
||||||
|
<h4>{% trans "Step2. Select VM Configuration" %}</h4>
|
||||||
|
</div>
|
||||||
|
<div class="parent-container">
|
||||||
|
<div class="container-os config owl-carousel owl-theme">
|
||||||
|
|
||||||
|
{% for config in configuration_options %}
|
||||||
|
<div class="config-box" data-id="{{config.id}}" data-price="{{config.price|floatformat}}">
|
||||||
|
<span>CORE: {{config.cpu|floatformat}}</span>
|
||||||
|
<span>RAM: {{config.memory|floatformat}} GB</span>
|
||||||
|
<span>SSD: {{config.disk_size|floatformat}} GB</span>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
<input type="hidden" name="configuration">
|
||||||
|
</div>
|
||||||
|
<div class="container-button">
|
||||||
|
<div class="price">
|
||||||
|
<span class="label-price">{% trans "Price " %}<span id="priceValue">0</span>{% trans "CHF/Month" %}</span>
|
||||||
|
</div>
|
||||||
|
<button class="btn btn-success" >{% trans "Start VM"%} </button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -13,23 +13,6 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="auth-content">
|
<div class="auth-content">
|
||||||
|
|
||||||
{% if messages %}
|
|
||||||
<ul class="list-unstyled" style="color: #fff">
|
|
||||||
{% for message in messages %}
|
|
||||||
<li>{{ message }}</li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% block messages %}
|
|
||||||
{% if request.GET.logged_out %}
|
|
||||||
<div class="alert"> <!-- singular -->
|
|
||||||
<a class="close" data-dismiss="alert">×</a>
|
|
||||||
{% trans "You haven been logged out"%}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
<div class="intro-message auth-box">
|
<div class="intro-message auth-box">
|
||||||
<h2 class="section-heading">{% trans "Login"%}</h2>
|
<h2 class="section-heading">{% trans "Login"%}</h2>
|
||||||
<form action="{% url 'hosting:login' %}" method="post" class="form" novalidated>
|
<form action="{% url 'hosting:login' %}" method="post" class="form" novalidated>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<div>
|
<div>
|
||||||
<div class="virtual-machine-container dashboard-container ">
|
<div class="virtual-machine-container dashboard-container ">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-9 col-md-offset-2">
|
<div class="col-xs-12">
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12">
|
||||||
<h3><i class="fa fa-bell fa-separate" aria-hidden="true"></i>{% trans "Notifications"%} </h3>
|
<h3><i class="fa fa-bell fa-separate" aria-hidden="true"></i>{% trans "Notifications"%} </h3>
|
||||||
<hr/>
|
<hr/>
|
||||||
|
|
|
||||||
|
|
@ -10,15 +10,6 @@
|
||||||
<h2>{% trans "Your VM hosted in Switzerland"%}</h2>
|
<h2>{% trans "Your VM hosted in Switzerland"%}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="auth-content">
|
<div class="auth-content">
|
||||||
|
|
||||||
{% if messages %}
|
|
||||||
<ul class="list-unstyled" style="color: #fff">
|
|
||||||
{% for message in messages %}
|
|
||||||
<li>{{ message }}</li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
|
|
||||||
<div class="intro-message auth-box sign-up">
|
<div class="intro-message auth-box sign-up">
|
||||||
<h2 class="section-heading">{% trans "Reset your password"%}</h2>
|
<h2 class="section-heading">{% trans "Reset your password"%}</h2>
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="container-table col-md-9 col-md-offset-2">
|
<div class="container-table col-md-9 col-md-offset-2">
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12">
|
||||||
<form method="POST" action="" novalidate>
|
<form method="POST" action="" novalidate class="form-ssh">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
<h3><i class="fa fa-key fa-separate" aria-hidden="true"></i>{% trans "Access Key"%} </h3>
|
<h3><i class="fa fa-key fa-separate" aria-hidden="true"></i>{% trans "Access Key"%} </h3>
|
||||||
{% if messages %}
|
{% if messages %}
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<div>
|
<div>
|
||||||
<div class="dashboard-container">
|
<div class="dashboard-container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xs-12 col-lg-8 col-lg-offset-2 container-table">
|
<div class="col-xs-12 container-table">
|
||||||
<table class="table borderless table-hover">
|
<table class="table borderless table-hover">
|
||||||
<h3 class="pull-left"><i class="fa fa-server fa-separate" aria-hidden="true"></i> {% trans "Virtual Machines"%} </h3>
|
<h3 class="pull-left"><i class="fa fa-server fa-separate" aria-hidden="true"></i> {% trans "Virtual Machines"%} </h3>
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue