-
-
-
-
-
-
+
-
-
+
-
-
-
- - <%= link_to "Case study with Sheffield University", - "http://news.codio.com/sheffield-university-uses-codio" %> -
-
- <%= link_to "University", "http://news.codio.com/topic/university", class: "button button-main" %>
-
- i
+
+
+
+ Lorem ipsum dolor
+
+ Codio supports a wide range of Data Science courses with technologies including Python,
+ Jupyter notebook, R, R-Studio, Hadoop, Spark and more - literally anything you can configure for Ubuntu.
+
+
+
+
+
+
+
+
+
+
+ <%= image_tag '/img/assets/index/quote-left.png', alt: 'Quote Left', class: 'quote-left' %>
+
+
+
+
+
+
+
+ <%= image_tag '/img/assets/index/quote-left.png', alt: 'Quote Left', class: 'quote-left' %>
+
+
+
+
+
+
+
+ <%= image_tag '/img/assets/index/quote-left.png', alt: 'Quote Left', class: 'quote-left' %>
+
+
+
+
+
+
+
+ <%= image_tag '/img/assets/index/quote-left.png', alt: 'Quote Left', class: 'quote-left' %>
+
+
diff --git a/source/javascripts/partials/_header.es6 b/source/javascripts/partials/_header.es6
index 2b189e7542..ddc74ef3df 100755
--- a/source/javascripts/partials/_header.es6
+++ b/source/javascripts/partials/_header.es6
@@ -1,45 +1,43 @@
/* globals $ */
-
$(() => {
-
const $header = $('header');
const $toggle = $('.menu-toggle');
const $nav = $('.mobile-nav');
const $dropdownMenu = $('.header-dropdown-menu');
-
- var setTransparent = () => {
- $header.removeClass('opaque-background');
- $header.addClass('transparent-background');
- $dropdownMenu.removeClass('opaque-background');
- $dropdownMenu.addClass('transparent-background');
- }
-
- var setOpaque = () => {
- $header.removeClass('transparent-background');
- $header.addClass('opaque-background');
- $dropdownMenu.removeClass('transparent-background');
- $dropdownMenu.addClass('opaque-background');
+ const $headerLogo = $header.find('img');
+
+ var setDark = () => {
+ $header.removeClass('header-dark');
+ $header.addClass('header-light');
+ $dropdownMenu.removeClass('header-dark');
+ $dropdownMenu.addClass('header-light');
+ $headerLogo.attr({'src':'/img/logo-dark.svg', 'alt':'Logo'});
}
- var setHeaderStyle = () => {
- setOpaque();
+ var setLight = () => {
+ $header.removeClass('header-light');
+ $header.addClass('header-dark');
+ $dropdownMenu.removeClass('header-light');
+ $dropdownMenu.addClass('header-dark');
+ $headerLogo.attr({'src':'/img/logo-light.svg', 'alt':'Logo'});
}
if ($('body').innerWidth() <= 783) {
- setOpaque();
- } else {
- setHeaderStyle();
+ setDark();
}
$(window).resize(() => {
- if ($('body').innerWidth() > 783) {
- setHeaderStyle();
- } else {
- setOpaque();
+ if ($('body').innerWidth() < 783) {
+ setDark();
}
});
+ $(window).on("scroll", () => {
+ if ($(window).scrollTop() > 0) setDark();
+ else setLight();
+ });
+
// Responsive Menu
$toggle.click(function (event) {
diff --git a/source/javascripts/partials/_index.es6 b/source/javascripts/partials/_index.es6
index e248005943..f5dd5673dc 100755
--- a/source/javascripts/partials/_index.es6
+++ b/source/javascripts/partials/_index.es6
@@ -4,12 +4,11 @@ $(() => {
const headerHeight = $('header').height()
const eventType = ((document.ontouchstart !== null) ? 'click' : 'touchstart')
- $('.scrollto').on(eventType, function (event) {
+ $('.scrollto').on(eventType, 'a', function (event) {
event.preventDefault()
const id = $(this).attr('href')
- const offset = 2 * headerHeight
- const target = $(id).offset().top - offset
+ const target = $(id).offset().top - headerHeight
$('html, body').animate({
scrollTop: target
diff --git a/source/partials/_header.erb b/source/partials/_header.erb
index 31445bcf68..01869197fe 100755
--- a/source/partials/_header.erb
+++ b/source/partials/_header.erb
@@ -4,13 +4,13 @@
+
\ No newline at end of file
diff --git a/source/partials/_nav.erb b/source/partials/_nav.erb
index 5839d88bff..9c4b1a0300 100755
--- a/source/partials/_nav.erb
+++ b/source/partials/_nav.erb
@@ -9,7 +9,7 @@
<%= link_to 'Log in', '/p/login' %>
- <%= link_to 'Free trial', (defined?(surl) && !surl.nil? ? surl : '/start-edu-trial'), class: 'button button-rounded-small' %>
+ <%= link_to 'Free trial', (defined?(surl) && !surl.nil? ? surl : '/start-edu-trial'), class: 'button button-small' %>
<%= link_to 'Join Class', '/p/join-class' %>
diff --git a/source/stylesheets/_proxima-nova-font.scss b/source/stylesheets/_proxima-nova-font.scss
new file mode 100644
index 0000000000..18607eaed0
--- /dev/null
+++ b/source/stylesheets/_proxima-nova-font.scss
@@ -0,0 +1,461 @@
+@font-face {
+ font-family: 'Proxima Nova Condensed Light Italic';
+ src: url('fonts/proxima-nova/ProximaNovaCond-LightIt.eot');
+ src: local('Proxima Nova Condensed Light Italic'), local('ProximaNovaCond-LightIt'),
+ url('fonts/proxima-nova/ProximaNovaCond-LightIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaCond-LightIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaCond-LightIt.ttf') format('truetype');
+ font-weight: 300;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Light Italic';
+ src: url('fonts/proxima-nova/ProximaNova-LightIt.eot');
+ src: local('Proxima Nova Light Italic'), local('ProximaNova-LightIt'),
+ url('fonts/proxima-nova/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNova-LightIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNova-LightIt.ttf') format('truetype');
+ font-weight: 300;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Condensed Regular';
+ src: url('fonts/proxima-nova/ProximaNovaCond-Regular.eot');
+ src: local('Proxima Nova Condensed Regular'), local('ProximaNovaCond-Regular'),
+ url('fonts/proxima-nova/ProximaNovaCond-Regular.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaCond-Regular.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaCond-Regular.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extrabold';
+ src: url('fonts/proxima-nova/ProximaNova-Extrabld.eot');
+ src: local('Proxima Nova Extrabold'), local('ProximaNova-Extrabld'),
+ url('fonts/proxima-nova/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNova-Extrabld.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNova-Extrabld.ttf') format('truetype');
+ font-weight: 800;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Condensed Black';
+ src: url('fonts/proxima-nova/ProximaNovaCond-Black.eot');
+ src: local('Proxima Nova Condensed Black'), local('ProximaNovaCond-Black'),
+ url('fonts/proxima-nova/ProximaNovaCond-Black.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaCond-Black.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaCond-Black.ttf') format('truetype');
+ font-weight: 900;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Condensed Extrabold Italic';
+ src: url('fonts/proxima-nova/ProximaNovaCond-ExtrabldIt.eot');
+ src: local('Proxima Nova Condensed Extrabold Italic'), local('ProximaNovaCond-ExtrabldIt'),
+ url('fonts/proxima-nova/ProximaNovaCond-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaCond-ExtrabldIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaCond-ExtrabldIt.ttf') format('truetype');
+ font-weight: 800;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Regular';
+ src: url('fonts/proxima-nova/ProximaNova-Regular.eot');
+ src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
+ url('fonts/proxima-nova/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNova-Regular.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNova-Regular.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Semibold';
+ src: url('fonts/proxima-nova/ProximaNova-Semibold.eot');
+ src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),
+ url('fonts/proxima-nova/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNova-Semibold.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNova-Semibold.ttf') format('truetype');
+ font-weight: 600;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extra Condensed Thin';
+ src: url('fonts/proxima-nova/ProximaNovaExCn-Thin.eot');
+ src: local('Proxima Nova Extra Condensed Thin'), local('ProximaNovaExCn-Thin'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Thin.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Thin.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Thin.ttf') format('truetype');
+ font-weight: 100;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Condensed Semibold';
+ src: url('fonts/proxima-nova/ProximaNovaCond-Semibold.eot');
+ src: local('Proxima Nova Condensed Semibold'), local('ProximaNovaCond-Semibold'),
+ url('fonts/proxima-nova/ProximaNovaCond-Semibold.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaCond-Semibold.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaCond-Semibold.ttf') format('truetype');
+ font-weight: 600;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extra Condensed Semibold Italic';
+ src: url('fonts/proxima-nova/ProximaNovaExCn-SemiboldIt.eot');
+ src: local('Proxima Nova Extra Condensed Semibold Italic'), local('ProximaNovaExCn-SemiboldIt'),
+ url('fonts/proxima-nova/ProximaNovaExCn-SemiboldIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaExCn-SemiboldIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaExCn-SemiboldIt.ttf') format('truetype');
+ font-weight: 600;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extra Condensed Semibold';
+ src: url('fonts/proxima-nova/ProximaNovaExCn-Semibold.eot');
+ src: local('Proxima Nova Extra Condensed Semibold'), local('ProximaNovaExCn-Semibold'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Semibold.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Semibold.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Semibold.ttf') format('truetype');
+ font-weight: 600;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Thin Italic';
+ src: url('fonts/proxima-nova/ProximaNova-ThinIt.eot');
+ src: local('Proxima Nova Thin Italic'), local('ProximaNova-ThinIt'),
+ url('fonts/proxima-nova/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNova-ThinIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNova-ThinIt.ttf') format('truetype');
+ font-weight: 100;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Condensed Thin';
+ src: url('fonts/proxima-nova/ProximaNovaCond-Thin.eot');
+ src: local('Proxima Nova Condensed Thin'), local('ProximaNovaCond-Thin'),
+ url('fonts/proxima-nova/ProximaNovaCond-Thin.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaCond-Thin.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaCond-Thin.ttf') format('truetype');
+ font-weight: 100;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Condensed Regular Italic';
+ src: url('fonts/proxima-nova/ProximaNovaCond-RegularIt.eot');
+ src: local('Proxima Nova Condensed Regular Italic'), local('ProximaNovaCond-RegularIt'),
+ url('fonts/proxima-nova/ProximaNovaCond-RegularIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaCond-RegularIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaCond-RegularIt.ttf') format('truetype');
+ font-weight: normal;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extra Condensed Thin Italic';
+ src: url('fonts/proxima-nova/ProximaNovaExCn-ThinIt.eot');
+ src: local('Proxima Nova Extra Condensed Thin Italic'), local('ProximaNovaExCn-ThinIt'),
+ url('fonts/proxima-nova/ProximaNovaExCn-ThinIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaExCn-ThinIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaExCn-ThinIt.ttf') format('truetype');
+ font-weight: 100;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Semibold Italic';
+ src: url('fonts/proxima-nova/ProximaNova-SemiboldIt.eot');
+ src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'),
+ url('fonts/proxima-nova/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNova-SemiboldIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNova-SemiboldIt.ttf') format('truetype');
+ font-weight: 600;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Regular Italic';
+ src: url('fonts/proxima-nova/ProximaNova-RegularIt.eot');
+ src: local('Proxima Nova Regular Italic'), local('ProximaNova-RegularIt'),
+ url('fonts/proxima-nova/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNova-RegularIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNova-RegularIt.ttf') format('truetype');
+ font-weight: normal;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Condensed Extrabold';
+ src: url('fonts/proxima-nova/ProximaNovaCond-Extrabld.eot');
+ src: local('Proxima Nova Condensed Extrabold'), local('ProximaNovaCond-Extrabld'),
+ url('fonts/proxima-nova/ProximaNovaCond-Extrabld.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaCond-Extrabld.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaCond-Extrabld.ttf') format('truetype');
+ font-weight: 800;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extra Condensed Extrabold Italic';
+ src: url('fonts/proxima-nova/ProximaNovaExCn-ExtrabldIt.eot');
+ src: local('Proxima Nova Extra Condensed Extrabold Italic'), local('ProximaNovaExCn-ExtrabldIt'),
+ url('fonts/proxima-nova/ProximaNovaExCn-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaExCn-ExtrabldIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaExCn-ExtrabldIt.ttf') format('truetype');
+ font-weight: 800;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extra Condensed Black Italic';
+ src: url('fonts/proxima-nova/ProximaNovaExCn-BlackIt.eot');
+ src: local('Proxima Nova Extra Condensed Black Italic'), local('ProximaNovaExCn-BlackIt'),
+ url('fonts/proxima-nova/ProximaNovaExCn-BlackIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaExCn-BlackIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaExCn-BlackIt.ttf') format('truetype');
+ font-weight: 900;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extra Condensed Light Italic';
+ src: url('fonts/proxima-nova/ProximaNovaExCn-LightIt.eot');
+ src: local('Proxima Nova Extra Condensed Light Italic'), local('ProximaNovaExCn-LightIt'),
+ url('fonts/proxima-nova/ProximaNovaExCn-LightIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaExCn-LightIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaExCn-LightIt.ttf') format('truetype');
+ font-weight: 300;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Condensed Thin Italic';
+ src: url('fonts/proxima-nova/ProximaNovaCond-ThinIt.eot');
+ src: local('Proxima Nova Condensed Thin Italic'), local('ProximaNovaCond-ThinIt'),
+ url('fonts/proxima-nova/ProximaNovaCond-ThinIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaCond-ThinIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaCond-ThinIt.ttf') format('truetype');
+ font-weight: 100;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extra Condensed Light';
+ src: url('fonts/proxima-nova/ProximaNovaExCn-Light.eot');
+ src: local('Proxima Nova Extra Condensed Light'), local('ProximaNovaExCn-Light'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Light.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Light.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Light.ttf') format('truetype');
+ font-weight: 300;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Condensed Bold Italic';
+ src: url('fonts/proxima-nova/ProximaNovaCond-BoldIt.eot');
+ src: local('Proxima Nova Condensed Bold Italic'), local('ProximaNovaCond-BoldIt'),
+ url('fonts/proxima-nova/ProximaNovaCond-BoldIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaCond-BoldIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaCond-BoldIt.ttf') format('truetype');
+ font-weight: bold;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extra Condensed Extrabold';
+ src: url('fonts/proxima-nova/ProximaNovaExCn-Extrabld.eot');
+ src: local('Proxima Nova Extra Condensed Extrabold'), local('ProximaNovaExCn-Extrabld'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Extrabld.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Extrabld.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Extrabld.ttf') format('truetype');
+ font-weight: 800;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extra Condensed Bold Italic';
+ src: url('fonts/proxima-nova/ProximaNovaExCn-BoldIt.eot');
+ src: local('Proxima Nova Extra Condensed Bold Italic'), local('ProximaNovaExCn-BoldIt'),
+ url('fonts/proxima-nova/ProximaNovaExCn-BoldIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaExCn-BoldIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaExCn-BoldIt.ttf') format('truetype');
+ font-weight: bold;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Black';
+ src: url('fonts/proxima-nova/ProximaNova-Black.eot');
+ src: local('Proxima Nova Black'), local('ProximaNova-Black'),
+ url('fonts/proxima-nova/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNova-Black.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNova-Black.ttf') format('truetype');
+ font-weight: 900;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Bold';
+ src: url('fonts/proxima-nova/ProximaNova-Bold.eot');
+ src: local('Proxima Nova Bold'), local('ProximaNova-Bold'),
+ url('fonts/proxima-nova/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNova-Bold.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNova-Bold.ttf') format('truetype');
+ font-weight: bold;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extra Condensed Bold';
+ src: url('fonts/proxima-nova/ProximaNovaExCn-Bold.eot');
+ src: local('Proxima Nova Extra Condensed Bold'), local('ProximaNovaExCn-Bold'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Bold.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Bold.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Bold.ttf') format('truetype');
+ font-weight: bold;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Thin';
+ src: url('fonts/proxima-nova/ProximaNovaT-Thin.eot');
+ src: local('Proxima Nova Thin'), local('ProximaNovaT-Thin'),
+ url('fonts/proxima-nova/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaT-Thin.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaT-Thin.ttf') format('truetype');
+ font-weight: 100;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Bold Italic';
+ src: url('fonts/proxima-nova/ProximaNova-BoldIt.eot');
+ src: local('Proxima Nova Bold Italic'), local('ProximaNova-BoldIt'),
+ url('fonts/proxima-nova/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNova-BoldIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNova-BoldIt.ttf') format('truetype');
+ font-weight: bold;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Condensed Bold';
+ src: url('fonts/proxima-nova/ProximaNovaCond-Bold.eot');
+ src: local('Proxima Nova Condensed Bold'), local('ProximaNovaCond-Bold'),
+ url('fonts/proxima-nova/ProximaNovaCond-Bold.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaCond-Bold.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaCond-Bold.ttf') format('truetype');
+ font-weight: bold;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extra Condensed Black';
+ src: url('fonts/proxima-nova/ProximaNovaExCn-Black.eot');
+ src: local('Proxima Nova Extra Condensed Black'), local('ProximaNovaExCn-Black'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Black.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Black.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Black.ttf') format('truetype');
+ font-weight: 900;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extra Condensed Regular Italic';
+ src: url('fonts/proxima-nova/ProximaNovaExCn-RegularIt.eot');
+ src: local('Proxima Nova Extra Condensed Regular Italic'), local('ProximaNovaExCn-RegularIt'),
+ url('fonts/proxima-nova/ProximaNovaExCn-RegularIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaExCn-RegularIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaExCn-RegularIt.ttf') format('truetype');
+ font-weight: normal;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Condensed Light';
+ src: url('fonts/proxima-nova/ProximaNovaCond-Light.eot');
+ src: local('Proxima Nova Condensed Light'), local('ProximaNovaCond-Light'),
+ url('fonts/proxima-nova/ProximaNovaCond-Light.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaCond-Light.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaCond-Light.ttf') format('truetype');
+ font-weight: 300;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extrabold Italic';
+ src: url('fonts/proxima-nova/ProximaNova-ExtrabldIt.eot');
+ src: local('Proxima Nova Extrabold Italic'), local('ProximaNova-ExtrabldIt'),
+ url('fonts/proxima-nova/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNova-ExtrabldIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNova-ExtrabldIt.ttf') format('truetype');
+ font-weight: 800;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Condensed Black Italic';
+ src: url('fonts/proxima-nova/ProximaNovaCond-BlackIt.eot');
+ src: local('Proxima Nova Condensed Black Italic'), local('ProximaNovaCond-BlackIt'),
+ url('fonts/proxima-nova/ProximaNovaCond-BlackIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaCond-BlackIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaCond-BlackIt.ttf') format('truetype');
+ font-weight: 900;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Extra Condensed Regular';
+ src: url('fonts/proxima-nova/ProximaNovaExCn-Regular.eot');
+ src: local('Proxima Nova Extra Condensed Regular'), local('ProximaNovaExCn-Regular'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Regular.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Regular.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaExCn-Regular.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Light';
+ src: url('fonts/proxima-nova/ProximaNova-Light.eot');
+ src: local('Proxima Nova Light'), local('ProximaNova-Light'),
+ url('fonts/proxima-nova/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNova-Light.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNova-Light.ttf') format('truetype');
+ font-weight: 300;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Condensed Semibold Italic';
+ src: url('fonts/proxima-nova/ProximaNovaCond-SemiboldIt.eot');
+ src: local('Proxima Nova Condensed Semibold Italic'), local('ProximaNovaCond-SemiboldIt'),
+ url('fonts/proxima-nova/ProximaNovaCond-SemiboldIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNovaCond-SemiboldIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNovaCond-SemiboldIt.ttf') format('truetype');
+ font-weight: 600;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Proxima Nova Black Italic';
+ src: url('fonts/proxima-nova/ProximaNova-BlackIt.eot');
+ src: local('Proxima Nova Black Italic'), local('ProximaNova-BlackIt'),
+ url('fonts/proxima-nova/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'),
+ url('fonts/proxima-nova/ProximaNova-BlackIt.woff') format('woff'),
+ url('fonts/proxima-nova/ProximaNova-BlackIt.ttf') format('truetype');
+ font-weight: 900;
+ font-style: italic;
+}
diff --git a/source/stylesheets/_variables.scss b/source/stylesheets/_variables.scss
index e33155fa96..c7e514ec4b 100644
--- a/source/stylesheets/_variables.scss
+++ b/source/stylesheets/_variables.scss
@@ -2,10 +2,14 @@
$brandon: 'Brandon Grotesque W01', sans-serif;
$brandon-text: 'Brandon Text W01', sans-serif;
$eco-coding: 'Eco Coding W01', 'Menlo', 'Courier', monospace;
+$proxima: 'Proxima Nova';
+$proxima-bold: 'Proxima Nova Bold';
+$proxima-extra-bold: 'Proxima Nova Extrabold';
+$proxima-light: 'Proxima Nova Light';
// Typography
-$base-font-family: $brandon-text;
-$heading-font-family: $brandon;
+$base-font-family: $proxima;
+$heading-font-family: $proxima-bold;
$mono-font-family: $eco-coding;
$base-font-size: 18px;
@@ -24,19 +28,19 @@ $rem-with-px-fallback: true;
$very-light-blue: #f7f9fc;
$lighter-blue: #c7d5f6;
$light-blue: #15a4fa;
-$blue: #5988e1;
+$blue: #4574e0;
$dark-gray: #212c3f;
$medium-gray: #29374e;
$light-gray: #a8b2c4;
$lighter-gray: #ecf1f5;
-$orange: #fa9915;
+$orange: #ff931e;
$lighter-orange: #fbaa26;
$side-background-gray: #f2f2f2;
$university-blue: #45abe7;
// Font Colors
-$base-background-color: #fff;
+$base-background-color: #f2f2f2;
$base-font-color: $dark-gray;
$action-color: $blue;
$active-background-color: white;
diff --git a/source/stylesheets/all.css.scss b/source/stylesheets/all.css.scss
index 47243882b7..5c15fd79c2 100755
--- a/source/stylesheets/all.css.scss
+++ b/source/stylesheets/all.css.scss
@@ -3,6 +3,8 @@
@charset 'utf-8';
+@import 'proxima-nova-font';
+
@import 'compass';
@import 'compass/reset';
@import 'compass/typography';
diff --git a/source/stylesheets/elements/_buttons.scss b/source/stylesheets/elements/_buttons.scss
index d8efa6a72c..88b5b1c46f 100755
--- a/source/stylesheets/elements/_buttons.scss
+++ b/source/stylesheets/elements/_buttons.scss
@@ -3,7 +3,6 @@
font-family: $heading-font-family;
height: 25px;
background-color: none;
- border-radius: 2px;
padding: 2px 15px;
border: 2px solid white;
color: white;
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Black.eot b/source/stylesheets/fonts/proxima-nova/ProximaNova-Black.eot
new file mode 100644
index 0000000000..420d2f92fe
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Black.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Black.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNova-Black.ttf
new file mode 100644
index 0000000000..ff2d6e633a
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Black.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Black.woff b/source/stylesheets/fonts/proxima-nova/ProximaNova-Black.woff
new file mode 100644
index 0000000000..59fb1e2685
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Black.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-BlackIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNova-BlackIt.eot
new file mode 100644
index 0000000000..e469f75f89
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-BlackIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-BlackIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNova-BlackIt.ttf
new file mode 100644
index 0000000000..f044f68b96
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-BlackIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-BlackIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNova-BlackIt.woff
new file mode 100644
index 0000000000..856db8ea05
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-BlackIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Bold.eot b/source/stylesheets/fonts/proxima-nova/ProximaNova-Bold.eot
new file mode 100644
index 0000000000..2384480627
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Bold.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Bold.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNova-Bold.ttf
new file mode 100644
index 0000000000..817188e462
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Bold.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Bold.woff b/source/stylesheets/fonts/proxima-nova/ProximaNova-Bold.woff
new file mode 100644
index 0000000000..80279d4b28
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Bold.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-BoldIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNova-BoldIt.eot
new file mode 100644
index 0000000000..459847b875
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-BoldIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-BoldIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNova-BoldIt.ttf
new file mode 100644
index 0000000000..aba63acde9
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-BoldIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-BoldIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNova-BoldIt.woff
new file mode 100644
index 0000000000..732e4c9cc1
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-BoldIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Extrabld.eot b/source/stylesheets/fonts/proxima-nova/ProximaNova-Extrabld.eot
new file mode 100644
index 0000000000..f4ec7d7d24
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Extrabld.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Extrabld.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNova-Extrabld.ttf
new file mode 100644
index 0000000000..bdd8859e0b
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Extrabld.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Extrabld.woff b/source/stylesheets/fonts/proxima-nova/ProximaNova-Extrabld.woff
new file mode 100644
index 0000000000..b0517a3777
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Extrabld.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-ExtrabldIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNova-ExtrabldIt.eot
new file mode 100644
index 0000000000..d96c66f79b
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-ExtrabldIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-ExtrabldIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNova-ExtrabldIt.ttf
new file mode 100644
index 0000000000..6d356508f1
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-ExtrabldIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-ExtrabldIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNova-ExtrabldIt.woff
new file mode 100644
index 0000000000..3329293869
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-ExtrabldIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Light.eot b/source/stylesheets/fonts/proxima-nova/ProximaNova-Light.eot
new file mode 100644
index 0000000000..5f77069799
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Light.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Light.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNova-Light.ttf
new file mode 100644
index 0000000000..6fb9c40db7
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Light.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Light.woff b/source/stylesheets/fonts/proxima-nova/ProximaNova-Light.woff
new file mode 100644
index 0000000000..fdedc3b2f4
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Light.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-LightIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNova-LightIt.eot
new file mode 100644
index 0000000000..e3c596ec62
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-LightIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-LightIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNova-LightIt.ttf
new file mode 100644
index 0000000000..32c33f9fe2
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-LightIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-LightIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNova-LightIt.woff
new file mode 100644
index 0000000000..941b4171dd
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-LightIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Regular.eot b/source/stylesheets/fonts/proxima-nova/ProximaNova-Regular.eot
new file mode 100644
index 0000000000..2ce0bb2f5f
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Regular.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Regular.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNova-Regular.ttf
new file mode 100644
index 0000000000..47dad9d205
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Regular.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Regular.woff b/source/stylesheets/fonts/proxima-nova/ProximaNova-Regular.woff
new file mode 100644
index 0000000000..8893e14eb9
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Regular.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-RegularIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNova-RegularIt.eot
new file mode 100644
index 0000000000..4ec93ca508
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-RegularIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-RegularIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNova-RegularIt.ttf
new file mode 100644
index 0000000000..52a9e75dfc
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-RegularIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-RegularIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNova-RegularIt.woff
new file mode 100644
index 0000000000..377da518bd
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-RegularIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Semibold.eot b/source/stylesheets/fonts/proxima-nova/ProximaNova-Semibold.eot
new file mode 100644
index 0000000000..f7e722caaa
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Semibold.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Semibold.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNova-Semibold.ttf
new file mode 100644
index 0000000000..68324a7059
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Semibold.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-Semibold.woff b/source/stylesheets/fonts/proxima-nova/ProximaNova-Semibold.woff
new file mode 100644
index 0000000000..035507d2a5
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-Semibold.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-SemiboldIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNova-SemiboldIt.eot
new file mode 100644
index 0000000000..4972aa3aa5
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-SemiboldIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-SemiboldIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNova-SemiboldIt.ttf
new file mode 100644
index 0000000000..7fe1969687
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-SemiboldIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-SemiboldIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNova-SemiboldIt.woff
new file mode 100644
index 0000000000..4d4f4daff9
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-SemiboldIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-ThinIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNova-ThinIt.eot
new file mode 100644
index 0000000000..ec23159903
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-ThinIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-ThinIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNova-ThinIt.ttf
new file mode 100644
index 0000000000..ffd1f0c2fc
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-ThinIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNova-ThinIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNova-ThinIt.woff
new file mode 100644
index 0000000000..4493a63472
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNova-ThinIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Black.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Black.eot
new file mode 100644
index 0000000000..37990ab269
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Black.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Black.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Black.ttf
new file mode 100644
index 0000000000..0e9fcab93e
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Black.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Black.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Black.woff
new file mode 100644
index 0000000000..8740a28509
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Black.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BlackIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BlackIt.eot
new file mode 100644
index 0000000000..94177b00cd
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BlackIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BlackIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BlackIt.ttf
new file mode 100644
index 0000000000..118bad15ad
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BlackIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BlackIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BlackIt.woff
new file mode 100644
index 0000000000..c422ce30a7
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BlackIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Bold.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Bold.eot
new file mode 100644
index 0000000000..abaf024145
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Bold.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Bold.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Bold.ttf
new file mode 100644
index 0000000000..7e333a5bd2
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Bold.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Bold.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Bold.woff
new file mode 100644
index 0000000000..fa31d5cf63
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Bold.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BoldIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BoldIt.eot
new file mode 100644
index 0000000000..31adf3aec6
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BoldIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BoldIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BoldIt.ttf
new file mode 100644
index 0000000000..7e3fc55340
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BoldIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BoldIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BoldIt.woff
new file mode 100644
index 0000000000..34ca25f5fb
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-BoldIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Extrabld.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Extrabld.eot
new file mode 100644
index 0000000000..549326f0ee
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Extrabld.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Extrabld.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Extrabld.ttf
new file mode 100644
index 0000000000..0ec91cc83a
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Extrabld.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Extrabld.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Extrabld.woff
new file mode 100644
index 0000000000..9587640e57
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Extrabld.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ExtrabldIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ExtrabldIt.eot
new file mode 100644
index 0000000000..2875e52ea2
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ExtrabldIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ExtrabldIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ExtrabldIt.ttf
new file mode 100644
index 0000000000..06b99a485a
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ExtrabldIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ExtrabldIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ExtrabldIt.woff
new file mode 100644
index 0000000000..5db056da65
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ExtrabldIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Light.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Light.eot
new file mode 100644
index 0000000000..8deb7f4f66
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Light.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Light.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Light.ttf
new file mode 100644
index 0000000000..86578daace
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Light.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Light.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Light.woff
new file mode 100644
index 0000000000..e54a4b23c8
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Light.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-LightIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-LightIt.eot
new file mode 100644
index 0000000000..6f7f8c876e
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-LightIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-LightIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-LightIt.ttf
new file mode 100644
index 0000000000..b72bf8dde0
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-LightIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-LightIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-LightIt.woff
new file mode 100644
index 0000000000..29eb2aa848
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-LightIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Regular.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Regular.eot
new file mode 100644
index 0000000000..58d67a1391
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Regular.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Regular.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Regular.ttf
new file mode 100644
index 0000000000..e2ff975b96
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Regular.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Regular.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Regular.woff
new file mode 100644
index 0000000000..2eac84a0ec
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Regular.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-RegularIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-RegularIt.eot
new file mode 100644
index 0000000000..e6e86196e0
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-RegularIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-RegularIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-RegularIt.ttf
new file mode 100644
index 0000000000..4f490524b8
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-RegularIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-RegularIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-RegularIt.woff
new file mode 100644
index 0000000000..0bf801ca32
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-RegularIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Semibold.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Semibold.eot
new file mode 100644
index 0000000000..6028919406
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Semibold.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Semibold.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Semibold.ttf
new file mode 100644
index 0000000000..faff549c0d
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Semibold.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Semibold.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Semibold.woff
new file mode 100644
index 0000000000..d050f43636
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Semibold.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-SemiboldIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-SemiboldIt.eot
new file mode 100644
index 0000000000..e4d5c38d6c
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-SemiboldIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-SemiboldIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-SemiboldIt.ttf
new file mode 100644
index 0000000000..465f4845d8
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-SemiboldIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-SemiboldIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-SemiboldIt.woff
new file mode 100644
index 0000000000..5030f5cece
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-SemiboldIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Thin.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Thin.eot
new file mode 100644
index 0000000000..ba058e1129
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Thin.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Thin.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Thin.ttf
new file mode 100644
index 0000000000..e3d8bdec80
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Thin.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Thin.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Thin.woff
new file mode 100644
index 0000000000..4e6fb21c8f
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-Thin.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ThinIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ThinIt.eot
new file mode 100644
index 0000000000..fc91152a22
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ThinIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ThinIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ThinIt.ttf
new file mode 100644
index 0000000000..84dd8d08a6
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ThinIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ThinIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ThinIt.woff
new file mode 100644
index 0000000000..0e71a7d9a9
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaCond-ThinIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Black.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Black.eot
new file mode 100644
index 0000000000..475b74481e
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Black.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Black.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Black.ttf
new file mode 100644
index 0000000000..7bf51ebc76
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Black.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Black.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Black.woff
new file mode 100644
index 0000000000..abb17741a4
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Black.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BlackIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BlackIt.eot
new file mode 100644
index 0000000000..5d6ead5318
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BlackIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BlackIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BlackIt.ttf
new file mode 100644
index 0000000000..9349bc67a5
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BlackIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BlackIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BlackIt.woff
new file mode 100644
index 0000000000..070f0ccfec
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BlackIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Bold.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Bold.eot
new file mode 100644
index 0000000000..b0317a604a
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Bold.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Bold.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Bold.ttf
new file mode 100644
index 0000000000..1a4d5b1ddc
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Bold.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Bold.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Bold.woff
new file mode 100644
index 0000000000..b3024d2dc5
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Bold.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BoldIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BoldIt.eot
new file mode 100644
index 0000000000..51be4a56f8
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BoldIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BoldIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BoldIt.ttf
new file mode 100644
index 0000000000..baa5b72bc8
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BoldIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BoldIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BoldIt.woff
new file mode 100644
index 0000000000..1a55cd3377
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-BoldIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Extrabld.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Extrabld.eot
new file mode 100644
index 0000000000..cdee20b621
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Extrabld.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Extrabld.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Extrabld.ttf
new file mode 100644
index 0000000000..0c8879b7bd
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Extrabld.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Extrabld.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Extrabld.woff
new file mode 100644
index 0000000000..d1d5d8a7ea
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Extrabld.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ExtrabldIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ExtrabldIt.eot
new file mode 100644
index 0000000000..60a63bd544
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ExtrabldIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ExtrabldIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ExtrabldIt.ttf
new file mode 100644
index 0000000000..5056078d07
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ExtrabldIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ExtrabldIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ExtrabldIt.woff
new file mode 100644
index 0000000000..5f77300ace
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ExtrabldIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Light.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Light.eot
new file mode 100644
index 0000000000..c2450bc8e2
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Light.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Light.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Light.ttf
new file mode 100644
index 0000000000..aef3a9d66b
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Light.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Light.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Light.woff
new file mode 100644
index 0000000000..f3ac56237a
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Light.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-LightIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-LightIt.eot
new file mode 100644
index 0000000000..bb972d3ea7
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-LightIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-LightIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-LightIt.ttf
new file mode 100644
index 0000000000..0ba7fdbccd
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-LightIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-LightIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-LightIt.woff
new file mode 100644
index 0000000000..ad96760bae
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-LightIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Regular.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Regular.eot
new file mode 100644
index 0000000000..7266461fbb
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Regular.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Regular.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Regular.ttf
new file mode 100644
index 0000000000..ad1f5fe6df
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Regular.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Regular.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Regular.woff
new file mode 100644
index 0000000000..f950bd11fe
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Regular.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-RegularIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-RegularIt.eot
new file mode 100644
index 0000000000..f03696b8eb
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-RegularIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-RegularIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-RegularIt.ttf
new file mode 100644
index 0000000000..57921e3cf3
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-RegularIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-RegularIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-RegularIt.woff
new file mode 100644
index 0000000000..d2165a4f2e
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-RegularIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Semibold.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Semibold.eot
new file mode 100644
index 0000000000..1f85e59661
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Semibold.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Semibold.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Semibold.ttf
new file mode 100644
index 0000000000..fc7bf5987b
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Semibold.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Semibold.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Semibold.woff
new file mode 100644
index 0000000000..e864422a46
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Semibold.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-SemiboldIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-SemiboldIt.eot
new file mode 100644
index 0000000000..91746ea69e
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-SemiboldIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-SemiboldIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-SemiboldIt.ttf
new file mode 100644
index 0000000000..4bb50c8927
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-SemiboldIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-SemiboldIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-SemiboldIt.woff
new file mode 100644
index 0000000000..64d4251821
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-SemiboldIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Thin.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Thin.eot
new file mode 100644
index 0000000000..1a01ef295d
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Thin.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Thin.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Thin.ttf
new file mode 100644
index 0000000000..2a6bb83a28
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Thin.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Thin.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Thin.woff
new file mode 100644
index 0000000000..3494fb5662
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-Thin.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ThinIt.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ThinIt.eot
new file mode 100644
index 0000000000..326879b7df
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ThinIt.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ThinIt.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ThinIt.ttf
new file mode 100644
index 0000000000..9127c6cb89
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ThinIt.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ThinIt.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ThinIt.woff
new file mode 100644
index 0000000000..520b094ee7
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaExCn-ThinIt.woff differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaT-Thin.eot b/source/stylesheets/fonts/proxima-nova/ProximaNovaT-Thin.eot
new file mode 100644
index 0000000000..5867db50d3
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaT-Thin.eot differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaT-Thin.ttf b/source/stylesheets/fonts/proxima-nova/ProximaNovaT-Thin.ttf
new file mode 100644
index 0000000000..d470947a58
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaT-Thin.ttf differ
diff --git a/source/stylesheets/fonts/proxima-nova/ProximaNovaT-Thin.woff b/source/stylesheets/fonts/proxima-nova/ProximaNovaT-Thin.woff
new file mode 100644
index 0000000000..29f2409f9d
Binary files /dev/null and b/source/stylesheets/fonts/proxima-nova/ProximaNovaT-Thin.woff differ
diff --git a/source/stylesheets/pages/_index.scss b/source/stylesheets/pages/_index.scss
index 3df2f7f472..bf078ae271 100755
--- a/source/stylesheets/pages/_index.scss
+++ b/source/stylesheets/pages/_index.scss
@@ -1,20 +1,5 @@
.vertical {
- /* Internet Explorer 10 */
- display: -ms-flexbox;
- -ms-flex-pack: center;
- -ms-flex-align: center;
- /* Firefox */
- display: -moz-box;
- -moz-box-pack: center;
- -moz-box-align: center;
- /* Safari, Opera, and Chrome */
- display: -webkit-box;
- -webkit-box-pack: center;
- -webkit-box-align: center;
- /* W3C */
- display: box;
- box-pack: center;
- box-align: center;
+ display: flex;
}
body {
@@ -35,318 +20,452 @@ body.index {
}
}
-body.index .section-scroll {
- padding: 0;
+body.index .carousel-block {
position: relative;
- height: 100%;
+ display: block;
+ padding: 0;
+ line-height: 0;
- .row {
- width: 100%;
- margin-left: 0;
- margin-right: 0;
+ .carousel-inner {
+ display: flex;
+ height: 100%;
- &:before {
- display: table;
- content: "";
- }
- &:after {
- clear: both;
+ .box {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ height: 100%;
}
- }
-
- .row [class*="span"] {
- display: block;
- float: left;
- min-height: 28px;
- &:first-child {
- margin-left: 0;
+ img {
+ height: auto;
+ width: 100%;
+ margin: 0 auto;
+ vertical-align: middle;
}
- }
- .row .span12 {
- width: 100%;
- }
+ .header-text {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ padding-top: 65px;
+ height: 60%;
+ color: #fff;
- .cell-wrapper {
- display: block;
- }
+ .heading {
+ display: flex;
+ justify-content: center;
+ align-items: flex-end;
+ height: 50%;
+ font-family: $proxima-extra-bold;
+ font-size: 4vw;
+ padding-bottom: 2.5%;
+ }
- .featured-posts {
- .item {
- overflow: hidden;
+ .sub-heading {
+ display: flex;
+ justify-content: center;
+ align-items: flex-start;
+ padding-top: 2.5%;
+ height: 50%;
+ font-family: $proxima-light;
+ font-size: 2vw;
+ }
- .post-image {
- padding: 20px;
- background-size: cover !important;
- background-position: top center !important;
- width: 100%;
- position: relative;
- background-color: #00aced;
+ @include breakpoint($break-tablet) {
+ sub-heading {
+ padding-top: 1%;
+ padding-bottom: 5%;
+ }
}
+ }
- &:first-child {
- display: block;
- width: 100%;
- float: none;
- padding: 0 0 15px;
+ .header-button {
+ display: flex;
+ height: 40%;
+ justify-content: center;
+ align-items: center;
+ }
- @include breakpoint($break-tablet) {
- width: 50%;
- float: left;
- padding: 0;
- }
+ .button-large {
+ padding: 15px 35px;
+ font-size: 1.2vw;
+ }
- .post-image {
- height: 300px;
- background: url('/img/assets/index/sheffield-university.jpg') no-repeat;
+ .information {
+ position: absolute;
+ font-size: 2vw;
+ color: #FFFFFF;
+ bottom: 4.5vw;
+ right: 8.2vw;
+ }
- @include breakpoint($break-tablet) {
- height: 25vw;
- }
- @include breakpoint(1024px) {
- height: 50vw;
- }
- }
- }
+ .information-border {
+ position: absolute;
+ width: 3vw;
+ height: 3vw;
+ border-radius: 50%;
+ border-style: solid;
+ border-width: 2px;
+ border-color: #FFFFFF;
+ bottom: 3vw;
+ right: 7vw;
+ }
- &:first-child+.item {
- display: block;
- width: 100%;
- float: none;
- padding: 0 0 15px;
-
- @include breakpoint($break-tablet) {
- width: 50%;
- float: left;
- padding: 0;
- padding-left: 15px;
- }
+ .tooltip-header {
+ font-size: 20px;
+ font-weight: 600;
+ padding: 10px 10px 15px 10px;
+ }
- .post-image {
- height: 300px;
- background: url('/img/assets/index/wright-state-university.jpg') no-repeat;
+ .tooltip-text {
+ font-size: 18px;
+ font-weight: 100;
+ padding: 10px;
+ line-height: 1rem;
+ font-style: italic;
- @include breakpoint($break-tablet) {
- height: 25vw;
- }
- }
+ &:before {
+ content: '';
+ position: absolute;
+ bottom: 0;
+ left: 100%;
+ width: 0;
+ height: 0;
+ border: 20px solid transparent;
+ border-top-color: #f2f2f2;
+ border-bottom: 0;
+ border-right: 0;
+ margin-left: -20px;
+ margin-bottom: -15px;
}
+ }
- &:first-child+.item+.item {
- display: block;
- width: 100%;
- float: none;
- padding: 0 0 15px;
-
- @include breakpoint($break-tablet) {
- width: 50%;
- float: left;
- padding: 0;;
- padding-top: 15px;
- }
+ .information-border span {
+ background-color: #f2f2f2;
+ color: $blue;
+ opacity: 0;
+ padding: 10px;
+ position: absolute;
+ visibility: hidden;
+ width: 22vw;
+ right: 3vw;
+ bottom: 3vw;
+ z-index: 10;
+ text-align: left;
+ }
- .post-image {
- height: 300px;
- background: url('/img/assets/index/codio-video-3.2.jpg') no-repeat;
+ .information-border:hover span {
+ opacity: 1;
+ visibility: visible;
+ }
- @include breakpoint($break-tablet) {
- height: 25vw;
- }
- }
- }
+ .slot-1, .slot-2, .slot-3, .slot-4 {
+ width: 100%;
+ height: 52vw;
+ text-align: center;
+ background-size: cover;
+ }
- &:first-child+.item+.item+.item {
- display: block;
- width: 100%;
- float: none;
- padding: 0 0 15px;
-
- @include breakpoint($break-tablet) {
- width: 50%;
- float: left;
- padding: 0;
- padding-left: 15px;
- padding-top: 15px;
- padding-bottom: 15px;
- }
+ .slot-1 {
+ background-image: url('/img/assets/index/carousel/codio-homepage-dv-carousel1.jpg');
+ }
- .post-image {
- height: 300px;
- background: url('/img/assets/index/coventry-university-w.jpg') no-repeat;
+ .slot-2 {
+ background-image: url('/img/assets/index/carousel/codio-homepage-drone-carousel2.jpg');
+ }
- @include breakpoint($break-tablet) {
- height: 25vw;
- }
+ .slot-3 {
+ background-image: url('/img/assets/index/carousel/codio-homepage-robot-carousel3.jpg');
+ }
+ }
+}
- @include breakpoint(1024px) {
- background: url('/img/assets/index/coventry-university.jpg') no-repeat;
- }
- }
- }
+body.index .features-block {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ background-color: $blue;
+ padding: 40px;
+ color: #FFFFFF;
+
+ .block {
+ display: flex;
+ flex-direction: column;
+ text-align: center;
+
+ .icon {
+ padding: 10px;
+ width: 10vw;
+ height: auto;
+ margin-left: auto;
+ margin-right: auto;
+ }
- &:first-child+.item+.item, &:first-child+.item+.item+.item {
- @include breakpoint (1024px) {
- width: 25%;
- padding-left: 15px;
- padding-top: 15px;
- float: left;
+ .text{
+ font-family: $proxima-light;
+ font-size: 36px;
+ padding: 10px;
+ margin: 30px 0;
- .post-image {
- height: calc(25vw - 15px);
- background-color: #ff2632;
- }
- }
+ span {
+ font-family: $proxima-bold;
}
}
- .item-wrapper {
- position: relative;
- z-index: 2;
- display: block;
- height: 100%;
- color: #ffffff;
+ .numbers {
+ font-family: $proxima-bold;
+ font-size: 110px;
+ padding: 10px;
}
+ }
+}
- .author-data {
- word-wrap: break-word;
+body.index .info-block {
+ background-color: $base-background-color;
+ display: flex;
+ flex-direction: column;
+ padding: 150px 60px;
+ color: #243249;
+ text-align: center;
+ line-height: 2rem;
+
+ .title {
+ font-family: $proxima-extra-bold;
+ font-size: 3rem;
+ padding-bottom: 40px;
+ }
- a.author-link {
- color: #ffffff;
- font-size: 12px;
- font-weight: 600;
- position: absolute;
- right: auto;
- top: 5px;
- left: 0;
- text-transform: uppercase;
- display: inline-block;
- max-width: 70%;
- text-align: left;
- }
+ .description {
+ font-family: $proxima-bold;
+ font-size: 1.4rem;
+ padding: 10px 10px 20px 10px;
+ }
+
+ .two-text {
+ font-family: $proxima-light;
+ padding: 10px 0;
+ font-size: 22px;
+ line-height: 1.3rem;
+
+ display: flex;
+ justify-content: center;
+ align-content: center;
+
+ .two-text-left, .two-text-right {
+ flex: 1 1 50%;
+ padding: 10px 80px;
+ text-align: center;
}
- .post-date {
- position: absolute;
- right: 0;
- top: 0;
- font-size: 12px;
- font-weight: 600;
- text-transform: uppercase;
+ .two-text-line {
+ border-left: 1px solid black;
}
- .title-wrap {
- position: absolute;
- bottom: 0;
- display: block;
+ span {
+ font-family: $proxima-bold;
+ }
+ }
+
+ .image-text {
+ padding: 10px 0;
+ display: flex;
+ justify-content: center;
+ align-content: center;
+ font-family: $proxima-light;
+ line-height: 2em;
+
+ .image-block, .text-block {
+ flex: 1 1 50%;
+ padding: 0 20px;
+ }
- a {
- color: #ffffff;
+ .image-block {
+ img {
+ width: 100%;
+ height: auto;
}
+ }
- .post-title {
- display: block;
+ .text-block {
+ font-size: 28px;
+ text-align: left;
- h2 {
- display: block;
- font-size: 26px;
- font-weight: 600;
- padding-bottom: 10px;
- margin-bottom: 0;
- }
+ .info {
+ font-family: $proxima-bold;
+ padding-bottom: 15px;
}
- .post-recents-topic {
- display: block;
+ p {
+ padding-bottom: 15px;
+ margin: 0;
+ }
- .topic-link {
- display: inline-block;
- font-size: 12px;
- font-weight: 600;
- text-transform: capitalize;
- padding: 2px 12px;
- }
+ span {
+ font-family: $proxima-extra-bold;
}
}
}
- .header-block {
- width: 100%;
- height: 500px;
- position: relative;
- text-align: center;
- margin-bottom: 15px;
- background-size: cover !important;
- background-position: top center !important;
- background: url('/img/assets/index/cloud-infrastructure.jpg') no-repeat;
-
- @include breakpoint($break-tablet) {
- height: 44vw;
- }
+ .img-block {
+ background-color: #e6e6e6;
+ padding: 30px;
+ margin-top: 20px;
+ display: flex;
+ flex-direction: column;
- .vertical {
- height: 85%;
+ .image {
+ width: 100%;
+ height: auto;
}
- .quote {
- font-size: 1.9rem;
- font-weight: 400;
- color: #fff;
- line-height: 2rem;
- padding: 1rem;
- margin-top: 65px;
-
- @include breakpoint(450px) {
- font-size: 2.2rem;
- padding-bottom: 0.7rem;
+ .check-list {
+ font-family: $proxima-light;
+ font-size: 26px;
+ padding: 20px;
+ margin-top: 40px;
+ text-align: left;
+
+ .check-list-list {
+ list-style: none;
+ margin-left: 0;
+ padding-left: 0;
}
- @include breakpoint($break-tablet) {
- font-size: 3.8vw;
- padding-bottom: 0.7rem;
+ .check-list-list-item {
+ padding-left: 2em;
+ padding-bottom: 12px;
+ text-indent: -2em;
}
- @include breakpoint($max-width) {
- padding-bottom: 1rem;
+ .check-list-list-item:before {
+ content: '\25B6';
+ padding-right: 1em;
}
}
+ }
- .text {
- font-size: 1.4rem;
- font-weight: 300;
- color: #fff;
- line-height: 1.9rem;
- padding: 1rem 1rem 2rem 1rem;
+ .schedule-demo {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ width: 60%;
+ margin-right: auto;
+ margin-left: auto;
+ padding: 30px;
+ padding-bottom: 0;
+
+ .button-large {
+ height: auto;
+ padding: 10px 35px;
+ font-size: 18px;
+ }
- br {
- display: none;
+ .button-main:hover {
+ background-color: $base-background-color;
+ color: $orange;
+ }
- @include breakpoint($break-tablet) {
- display: inline;
- }
- }
+ .case-study-btn {
+ background-color: $base-background-color;
+ border-color: $blue;
+ color: $blue;
- @include breakpoint(450px) {
- font-size: 1.6rem;
+ &:hover {
+ background-color: $blue;
+ color: $base-background-color;
}
+ }
+ }
+}
- @include breakpoint($break-tablet) {
- margin: 0 1rem;
- line-height: 1.6rem;
- padding-bottom: 1rem;
+body.index {
+ .testimonial-gordon-fraser, .testimonial-mateen-rizki,
+ .testimonial-mateen-rizki-black, .testimonial-eitan-grinspun {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ background-color: $blue;
+ padding: 50px 0;
+
+ .quote-left, .quote-right {
+ width: 30px;
+ height: auto;
+ }
+
+ .quote-left {
+ align-self: flex-start;
+ }
+
+ .quote-author-avatar {
+ min-width: 200px;
+ height: 200px;
+ color: red;
+ background-color: green;
+ background: url(/img/assets/index/gordon-fraser.png) center center no-repeat;
+ background-size: cover;
+ margin: 0 30px;
+ }
+
+ .quote-right {
+ align-self: flex-end;
+ }
+
+ .quote-inner-info {
+ width: 60%;
+ margin: 0 30px 0 0;
+ color: #FFFFFF;
+
+ .quote-topic {
+ font-size: 30px;
+ font-family: $proxima-bold;
}
- @include breakpoint($max-width) {
+ .quote-text {
+ margin-top: 30px;
+ font-size: 26px;
+ font-family: "Proxima Nova Light Italic";
line-height: 1.8rem;
- max-width: $max-width;
- margin: 0 2rem;
- padding-bottom: 2rem;
}
+
+ .quote-author {
+ margin-top: 30px;
+ font-size: 30px;
+ display: flex;
+
+ .quote-author-info {
+ flex: 1 1 auto;
+ line-height: 1.2em;
+
+ .quote-author-name {
+ font-family: $proxima-bold;
+ }
+
+ .quote-author-occupation {
+ font-family: $proxima-light;
+ }
+ }
+ }
+ }
+ }
+
+ .testimonial-mateen-rizki, .testimonial-mateen-rizki-black {
+ .quote-author-avatar {
+ background: url(/img/assets/index/mateen-rizki.png) center center no-repeat;
+ background-size: cover;
}
+ }
+
+ .testimonial-mateen-rizki-black, .testimonial-eitan-grinspun {
+ background-color: #243249;
+ }
- .button-block {
- display: block;
- height: 15%;
+ .testimonial-eitan-grinspun {
+ .quote-author-avatar {
+ background: url(/img/assets/index/eitan-grinspun.png) center center no-repeat;
+ background-size: cover;
}
}
-}
\ No newline at end of file
+}
+
+
diff --git a/source/stylesheets/partials/_header.scss b/source/stylesheets/partials/_header.scss
index e39f7301d7..f9d7054039 100755
--- a/source/stylesheets/partials/_header.scss
+++ b/source/stylesheets/partials/_header.scss
@@ -1,5 +1,6 @@
header {
height: 65px;
+ font-family: $proxima-bold;
margin: 0;
position: relative;
z-index: 1;
@@ -61,8 +62,8 @@ header {
}
nav a {
- color: #6c778c;
- font-size: 13px;
+ color: #ffffff;
+ font-size: 15px;
font-weight: 600;
text-transform: uppercase;
}
@@ -142,12 +143,28 @@ header {
}
}
-.opaque-background {
- background: #ffffff;
+.header-dark {
+ background: #4574e0;
+
+ nav a {
+ color: #f2f2f2;
+ }
+}
+
+.header-light {
+ background: #f2f2f2;
+
+ nav a {
+ color: $dark-gray;
+ }
+}
+
+.dark-background {
+ background: #4574e0;
}
-.transparent-background {
- background: rgba(10, 106, 225, 0.7);
+.light-background {
+ background: #f2f2f2;
}
.mobile-nav {
+
- Higher Perfomance Computer Science Programs
+ Save time. Reduce costs. Boost engagement. Gain better learning insights.
-
+
+
+
-
+
-
-
-
- Apr 20, 2017
-
-
-
-
- - <%= link_to "Case study: Wright State University", "http://news.codio.com/wsu-uses-codio" %> -
-
- <%= link_to "University", "http://news.codio.com/topic/university", class: "button button-main" %>
-
-
-
+
-
+
-
-
+
-
-
-
- - <%= link_to "Case Study: Florida A&M University", "http://news.codio.com/codio-at-famu" %> -
-
- <%= link_to "University", "http://news.codio.com/topic/university", class: "button button-main" %>
-
- i
+
+
+
+ Lorem ipsum dolor
+
+ The ability to program objects to move autonomously is making huge advances. See this
+ article from one of Boston's leading Technology Institute's and this from a leading
+ New York university professor specializing in aritificial intelligence.
+
+
+
+
+
+
+
- Higher Perfomance Computer Science Programs
+ Save time. Reduce costs. Boost engagement. Gain better learning insights.
-
+
-
+
-
- July 25, 2016
-
-
-
-
- - <%= link_to "", "http://news.codio.com/codio-at-coventry-university/" %> -
-
- <%= link_to "University", "http://news.codio.com/topic/university", class: "button button-main" %>
-
- i
+
+
+
+ Lorem ipsum dolor
+
+ We are still seeking approval to use the image from the university and their Robotics
+ partner - so we may have to hold off on the use of this image in the carousel until we
+ have the permission.
+
+
+
+ <%= image_tag '/img/assets/index/icon1-piggybank.png', alt: 'Save money', class: 'icon' %>
+
+ CS Departments save more than
+ $50,000
+ per year
+
+ <%= image_tag '/img/assets/index/icon2-hourglass.png', alt: 'Save money', class: 'icon' %>
+
+Instructors recover more than
+ 20%
+ of their time
+ Instructor Time
+
+ Instructors can waste hours setting up and sharing programming environments, running student code,
+ grading and keeping their course in sync with general LMS.
+
+
+
+ Cut time wasted on admin and IT tasks by 20% or more
+
+ For each instructor, redirect $15,000+ worth of admin time to hight-value tasks
+
+ <%= image_tag '/img/assets/index/instructor-time.png', alt: 'Instructor time', class: 'image' %>
+
+
+
+ -
+
- + Configure and template programming projects and share them with the class in seconds. + +
- + Access and run student code from any connected device in one click. + +
- + Automatically keep your course and grades in sync with Blackboard, Canvas, Moodle, and more. + +
+ <%= link_to 'Schedule My Demo', '', class: 'button button-large button-main' %>
+ <%= link_to 'Sheffield Case Study', '', class: 'button button-large button-main case-study-btn' %>
+
+
+
+ <%= image_tag '/img/assets/index/quote-right.png', alt: 'Quote Right', class: 'quote-right' %>
+Get your Sundays back
+
+ Click on a student's project and five seconds later I can compile, run and debug without having
+ to unzip or copy and paste it into my own environment. The time I save with this feature alone
+ justifies the Codio platform and gives me back my Sundays.
+
+
+ Grading Costs
+
+ Grading is often hugely labor intensive, and costs most CS departments tens of thousands of dollars
+ in instructor and GA time each year.
+
+
+
+ Save tens of thousands of dollars in grading costs each year.
+
+ Grade 50-70% faster and automate up to 90%+ of your intro CS course grading.
+
+ <%= image_tag '/img/assets/index/grading-costs.png', alt: 'Grading Costs', class: 'image' %>
+
+
+
+ -
+
- + Auto-grade argument-based and stdin inputs without writing a single line of test code. + +
- + Speed up manual grading by clicking your way through customizable rubrics. + +
- + Write custom code in any language to instantly assess almost any testable case. + +
+ <%= link_to 'Schedule My Demo', '', class: 'button button-large button-main' %>
+
+
+
+ <%= image_tag '/img/assets/index/quote-right.png', alt: 'Quote Right', class: 'quote-right' %>
+Convert manually graded assignments to auto-graded ones
+
+ We spend a six-figure sum each year on grading assignments. We will now convert many of our manually
+ graded assignments into auto-graded coding assessments. We fully expect to be able to make cost
+ saving in the tens of thousands of dollars by using Codio's auto-grading functionality.
+
+
+ Student Engagement
+
+
+
+ <%= image_tag '/img/assets/index/student-engagement.jpg', alt: 'Student Engagement', class: '' %>
+
+
+
+
+ When instructors lack the time and tools needed to provide today's CS students with the learning
+ experience they expect, student engagement and perfomance suffers.
+
+
+ Boost student satisfaction with the engaging learning experience and more 1-on-1 help.
+
Reduce student attrition and rescue $10,000+ in fees per semster.
+
+ <%= image_tag '/img/assets/index/student-engagement.png', alt: 'Student Engagement', class: 'image' %>
+
+
+
+ -
+
- + Instant access to student code makes it easy to critique solutions during labs. + +
- + Time-based insight into each student's programming helps them correct course before it's too late. + +
- + Students can access their Codio IDE, GUI outputs, coursework, and assessments in one place - from any device. + +
+ <%= link_to 'Schedule My Demo', '', class: 'button button-large button-main' %>
+
+
+
+ <%= image_tag '/img/assets/index/quote-right.png', alt: 'Quote Right', class: 'quote-right' %>
+Make labs collaborative with instant access to student code
+
+ We show student assignments alongside the lecturer's own solution on the classroom projector.
+ This lets us demonstrate that there are many valid solutions to the same problem, occasionally
+ superior to the teacher's! We also discuss and diagnose problems collaboratively during class
+ and being able to boot up projects in seconds means we can do it seamlessly.
+
+
+ Easy Setup
+
+ Many colleges and universities want to upgrade to a cloud infrastructure and LMS made for CS programs,
+ but the cost, both in time and money, prevents them.
+
+
+
+ Save thousands of dollars in training fees - we train faculty for free.
+
+ Start delivering courses in Codio within days of getting started.
+
+ <%= image_tag '/img/assets/index/grading-costs.png', alt: 'Easy Setup', class: 'image' %>
+
+
+
+ -
+
- + Faculty, IT, and leadership receive free 1-on-1 and 1-to-many training. + +
- + All licenses come with unlimited phone and email support. + +
- + Large schools like Columbia are up and running in weeks, not months. + +
+ <%= link_to 'Schedule My Demo', '', class: 'button button-large button-main' %>
+
+
+
+ <%= image_tag '/img/assets/index/quote-right.png', alt: 'Quote Right', class: 'quote-right' %>
Columbia fully implemented Codio in only 2 weeks
+
+ After 3-months of trying (and failing) to set up another platform, we then discovered Codio, fully
+ implemented our solution in 2 weeks with no product customisations needed. We have since been
+ running our edX courses and internal courses very successfully.
+
+
<%= partial "nav" %>
-