t-laird

30 Day Action Plan - Thomas Laird

30-Day Action Plan Checklist

Action Item	Deliverable	Status
Establish a shareable calendar	(webcal://p29-calendars.icloud.com/published/2/uax_q3-9i5tm4Xhbl0hULMQvmEu1ZmH4-5c-tAzbLaBo15zn6YxXGFvRYy-SwtPv) (Opens in Mac Calendar App)
Cut off date for a full time position:	April 20th, 2018
Monthly/Weekly/Daily goals	Monthly: Take a well rounded approach that hits the mark on outreach, daily coding, interview prep and job applications equally. Weekly: Have at least one interview per week of any time (phone, code challenge, in-person). Daily: Spend 8+ hours with specific direction and goals to each hour.

t-laird

const openHeader = () => {
  $('.header').toggleClass('closed');
};
$('.header__main').on('click', openHeader);

t-laird

$accentTertiary: #d1d2d3;
$accentSecondary: #f2f2f2;

.header {
  .header__header {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    margin-bottom: 50px;
    h4 {

t-laird

<section class="header">
      <div class="header__header">
        <h4>HEADER BAR</h4>
        <div class="header__header__seperator"></div>
      </div>
      <nav>
        <div class="header__main">
          <img src="./placeholder-logo.svg" alt="logo"/>
          <h3>MENU</h3>
        </div>

t-laird

 (function(l) {
  const nonHomeUrls = ['/snap-ninja', '/Headcount', '/comp-3', '/Centipede', 'SWapiBox', 'Weathrly'];
  for (let i = 0; i < nonHomeUrls.length; i++) {
    const urlRegex = new RegExp(nonHomeUrls[i], 'i');
    const verifyUrl = urlRegex.test(l.pathname);
    if (verifyUrl) {
      return;
    }
  }
  

t-laird

var segmentCount = 0;
var l = window.location;
const nonHomeUrls = ['/snap-ninja', '/Headcount', '/comp-3', '/Centipede'];
for (let i = 0; i < nonHomeUrls.length; i++) {
  const urlRegex = new RegExp(nonHomeUrls[i], 'i');
  const verifyUrl = urlRegex.test(l.pathname);
  if (!verifyUrl) {
    l.replace(
      l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
      l.pathname.split('/').slice(0, 1 + segmentCount).join('/') + '/?p=/' +

t-laird

const selectTab = (event) => {
  if (window.innerWidth > 500) {
    return selectTabDesktop(event);
  } else {
    return selectTabMobile(event);
  }
};

const selectTabDesktop = (event) => {
  if ($(event.target).hasClass('active')) { return; }

t-laird

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,600');

$accentPrimary: #34D1D1;
$background1: #2f2235;
$background2: #3f3244;
$accentSecondary: #f2f2f2;
$accentTertiary: #d1d2d3;
$background3: #666666;
$black: #000000;
$javascript: #F1E05A;

t-laird

    <section class="flexible">
      <div class="flexible__header">
          <h4>FlEXIBLE CARDS</h4>
          <div class="flexible__header__seperator"></div>
      </div>
      <div class="flexible__cards">
        <article class="flexible__card span2">
          <h4 class="flexible__card__header">Lorem ipsum dolor sit</h4>
          <div class="accordian__box__content__placeholderimage"></div>
        </article>

t-laird

//from GitPoint's fontsize helper https://github.com/gitpoint/git-point/blob/master/src/config/normalize-text.js

export const normalize = size => {
  if (pixelRatio === 2) {
    if (deviceWidth < 360) {
      return size * 0.95;
    }
    if (deviceHeight < 667) {
      return size;
    } else if (deviceHeight >= 667 && deviceHeight <= 735) {