Owlet Template - Jobs

by Dovy Paukstys

HTML

<script src="//fonts.googleapis.com/css?family=.|Muli:light,normal,bold|Muli:light,normal,bold"></script>
<link rel="stylesheet" href="//cdn.shopify.com/s/files/1/1004/3036/t/2/assets/styles.scss.css">
<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/1004/3036/t/2/assets/owletcustom.css">
<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/1004/3036/t/2/assets/webfont-whitney.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdn.shopify.com/s/files/1/1004/3036/t/2/assets/app.js"></script>
<script src="https://cdn.shopify.com/s/assets/themes_support/option_selection-54fd013c3dd1f914fc3ca277900ec7c1.js"></script>
<script src="https://owletcare.myshopify.com/services/javascripts/currencies.js"></script>
<script src="https://cdn.shopify.com/s/files/1/1004/3036/t/2/assets/jquery.currencies.min.js"></script>
<div class="mega-image" id="jobs-header">
<div class="container text-center banner-content">
<h1>Owlet Care is Hiring</h1>
<h4>Come do work that matters</h4>
</div>
</div>
<div class="mega-image" id="jobs-positions">
<div class="container banner-content">
<div class="col-lg-2 col-md-2 col-sm-6 hidden-xs"> </div>
<div class="text-center jobs">
<h1>Working at Owlet Care</h1>
<p>Here at Owlet Care we are dedicated to helping children and their parents. Technology and innovation are in our blood, and we want to bring the peace of mind they offer to our customers. Come join our team and make an impact on the lives of families everywhere.</p>
<br />
<h1>Positions</h1>
<p>We are currently hiring for the following positions. Click on the job title for a pdf description of the position requirements, or contact us for more information. [email protected].</p>
<br />
<h1>Head of Operations</h1>
<p>Quality Control Engineer</p>
<p>Database Architect</p>
<p>Hardware Engineer</p>
<p>Awesome Marketers (purposely ambiguous, let's chat ;)</p>
<p>Up and Coming We have a few positions opening...

JavaScript

//<![CDATA[
      var Shopify = Shopify || {};
      Shopify.shop = "owletcare.myshopify.com";
      Shopify.theme = {"name":"Parallax","id":64978627,"theme_store_id":688,"role":"main"};

//]]>


  Currency.format = 'money_with_currency_format';


var shopCurrency = 'USD';

/* Sometimes merchants change their shop currency, let's tell our JavaScript file */
Currency.money_with_currency_format[shopCurrency] = "$ {{amount}} USD";
Currency.money_format[shopCurrency] = "$ {{amount}}";
  
/* Default currency */
var defaultCurrency = 'USD' || shopCurrency;
  
/* Cookie currency */
var cookieCurrency = Currency.cookie.read();

/* Fix for customer account pages */
jQuery('span.money span.money').each(function() {
  jQuery(this).parents('span.money').removeClass('money');
});

/* Saving the current price */
jQuery('span.money').each(function() {
  jQuery(this).attr('data-currency-USD', jQuery(this).html());
});

// If there's no cookie.
if (cookieCurrency == null) {
  if (shopCurrency !== defaultCurrency) {
    Currency.convertAll(shopCurrency, defaultCurrency);
  }
  else {
    Currency.currentCurrency = defaultCurrency;
  }
}
// If the cookie value does not correspond to any value in the currency dropdown.
else if (jQuery('[name=currencies]').size() && jQuery('[name=currencies] option[value=' + cookieCurrency + ']').size() === 0) {
  Currency.currentCurrency = shopCurrency;
  Currency.cookie.write(shopCurrency);
}
else if (cookieCurrency === shopCurrency) {
  Currency.currentCurrency = shopCurrency;
}
else {
  Currency.convertAll(shopCurrency, cookieCurrency);
}

jQuery('[name=currencies]').val(Currency.currentCurrency).change(function() {
  var newCurrency = jQuery(this).val();
  Currency.convertAll(Currency.currentCurrency, newCurrency);
  jQuery('.selected-currency').text(Currency.currentCurrency);
});

var original_selectCallback = window.selectCallback;
var selectCallback = function(variant, selector) {
  original_selectCallback(variant, selector);
 ...