https://yellowpencil.com/team/

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5<!-- Google Tag Manager -->

6<script>

6(function (w, d, s, l, i) {
7    w[l] = w[l] || []; w[l].push({
8      'gtm.start':
9        new Date().getTime(), event: 'gtm.js'
10    }); var f = d.getElementsByTagName(s)[0],
11      j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
12        'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
13  })(window, document, 'script', 'dataLayer', '

13GTM-NCJ6LBS

13');

13</script>

13
14<!-- End Google Tag Manager -->
15<meta charset="utf-8">
16
17<meta name="viewport" content="width=device-width, initial-scale=1">
18
19<!-- attempting to fix cache issue -->
20<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
21<meta http-equiv="Pragma" content="no-cache">
22<meta http-equiv="Expires" content="0">
23
24<title>Team | Yellow Pencil</title>
25<meta name="description" content="Yellow Pencil's distributed team works across Canada's provinces and territories. Learn a bit more about us and how we work together.">
26<link rel="canonical" href="https://yellowpencil.com/team/"> <!-- The site can be accessed at both yellowpencil.com and www.yellowpencil.com. This looks like duplicate content to crawlers, so specifying which version is canonical improves SEO -->
27
28
29<link rel="stylesheet" href="https://use.typekit.net/xhp6vxf.css"> <!-- Adobe Fonts -->
30<link rel="stylesheet" href="/assets/main.css?=220714">

31<script src="/assets/js/gtm.js"></script>

31
32
33</head>
34<body id="body">
35    <!-- Google Tag Manager (noscript) -->

35
36    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

36GTM-NCJ6LBS

36"
37        height="0" width="0"
38        style="display:none;visibility:hidden"></iframe></noscript>
39    

39<!-- End Google Tag Manager (noscript) -->
40    <header class="o-page-header">
41      <a href="/"><img class="logo" src="/assets/img/yp-logo.svg" alt="Yellow Pencil"></a>
42      <nav>
43        <!-- <a href="/team/">Our team</a>
44        <a href="/work/">Our work</a>
45        <a href="/careers">Careers</a> -->
46          
47          
48            
49          
50            
51          
52            
53          
54            
55              
56            
57          
58            
59          
60            
61          
62            
63          
64            
65          
66            
67          
68            
69              
70                <a class="" href="/work/">Work</a>
71              
72            
73          
74            
75              
76            
77          
78            
79              
80                <a class="" href="/solutions/">Solutions</a>
81              
82            
83          
84            
85              
86                <a class="active" href="/team/">Team</a>
87              
88            
89          
90            
91              
92                <a class="" href="/careers/">Careers</a>
93              
94            
95          
96      </nav>
97    </header>
98    
99    
100
101
102<main class="page-content" aria-label="Content">
103
104      <section class="o-section">
105        <div class="o-section-header">
106          <h1 class="h1-page"><!-- A group of like-minded individuals,  -->Collaborating to solve complex problems</h1>
107          <p>We asked our colleagues to sum up Yellow Pencil. <strong>&quot;A group of like-minded individuals, collaborating to solve complex problems,&quot;</strong> was the sentence that got the most 👊 and 💯 reactions<!-- in Slack-->. We support each other, and we support our clients too.</p>
108        </div>
109        <div class="o-section-body">
110          <div class="not-inset">
111            <p>We're a distributed team working across Canada. We live and work in Canada's biggest cities and in its smallest towns. While we work remote, we have core teams in Edmonton and Vancouver. We get together when we can. Sometimes to watch the Oilers take on the Canucks, sometimes to hunt for mushrooms in coastal rainforests, and sometimes, to celebrate a project launch at a backyard BBQ.</p>
112            <p>If this sounds like a team you'd like to be part of, see if there's a spot open for you on <a href="/careers" class="cta">our Careers page</a>.
113          </div><!--inset-->
114        </div>
115      </section>
116
117
118    </main>
119    <footer class="o-page-footer" id="footer">
120      <strong>Yellow Pencil</strong>
121      <address>
122        10158 103 St
123        Edmonton AB T5J 0X6
124        Canada
125        <span class="nowrap">1-780-423-5917</span>
126        <br><a href="mailto:[email protected]">[email protected]</a></address>
127      <span class="links">
128        <a href="/search">Search</a>
129      </span>
130    </footer>
131    <!-- <a href="/search" style="margin:1em 1rem 3em; width:16rem; text-align:center; border:1px solid var(--color-black); font-weight:500; display:block; font-size:var(--fontsize-s); text-transform:uppercase; text-decoration:none; padding: 1em; ">Site search</a> -->
132<!--FE Development styles and functions-->
133<link rel="stylesheet" href="/assets/gridmode.css">
134

135<script>
136  //Toggle display of layout grid
137  var gridmodeTarget=document.getElementById("body");
138  gridmodeTarget.onkeypress = function() {
139    myFunction(event, gridmodeTarget)
140  };
141  function myFunction(e, gridmodeTarget) {
142    if (e.key=='z') { //checks if the key pressed was a "z", just because it's conveniently located on the keyboard
143      var target = gridmodeTarget.classList;
144      if (target.contains("gridmode")) {
145        target.remove("gridmode");
146      } else {
147        target.add("gridmode");
148      }
149    }
150  }
151
152  //Display viewport width
153  //The width of the viewport is displayed with the pseudoelement 'body:before'. This code sets and updates that value.
154  var displayViewportWidth = document.querySelector('#body');
155  displayViewportWidth.setAttribute('viewport-width', 'Viewport width: '+window.innerWidth+'px');
156  window.addEventListener('resize', function (event) {
157    displayViewportWidth.setAttribute('viewport-width', 'Viewport width: '+window.innerWidth+'px');
158  });
159
160</script>

160
161
162  </body>
163
164</html>