job_posting.html

<style>
* {
    box-sizing: border-box;
}

.application {
  background: #131313;
  color: #FFF;
  font-family: monospace;
  font-size: 11pt;
  letter-spacing: -0.5px;
  margin-left: -2em;
  margin-right: -2em;
  padding: 0.5em;
}

a {
  color: white;
  text-decoration: none;
}

.line {
  padding: 0 0.15em;
  line-height: 1.3em;

  position: relative;
}

.line-number {
  color: #878987;
  display: inline-block;
  text-align: right;
  vertical-align: top;
  width: 3%;
}
.line .indent-0 {
  display: inline-block;
  vertical-align: top;
  width: 94%;
  padding-left: 0em;
}
.line .indent-2 {
  display: inline-block;
  vertical-align: top;
  width: 94%;
  padding-left: 1em;
}
.line .indent-4 {
  display: inline-block;
  vertical-align: top;
  width: 94%;
  padding-left: 2em;
}
.line .indent-6 {
  display: inline-block;
  vertical-align: top;
  width: 94%;
  padding-left: 3em;
}
.line .indent-8 {
  display: inline-block;
  vertical-align: top;
  width: 94%;
  padding-left: 4em;
}
.line .indent-10 {
  display: inline-block;
  vertical-align: top;
  width: 94%;
  padding-left: 5em;
}
.line .c-pink {
  color: #FF1E73;
}
.line .c-white {
  color: #FFF;
}
.line .c-green {
  color: #A9EB06;
}
.line .c-yellow {
  color: #EDE370;
}
.line .c-blue {
  color: #65E5FE;
}
.line .c-orange {
  color: #FF9E00;
}
.line .c-purple {
  color: #B580FF;
}

.cta-link {
  color: blue;
  font-weight: bold;
  font-size: 13pt;
}

</style>

<div class="application">
<div class="line">
  <span class="line-number">1</span>
  <span class="indent-0">
     <span class="c-pink">import</span> Penneo <span class="c-pink">from</span> <span class="c-yellow">'Copenhagen/Denmark'</span>;
  </span>
</div>

<div class="line">
  <span class="line-number">2</span>
  <span class="indent-0">
     <span class="c-pink">import</span> Developer <span class="c-pink">from</span> <span class="c-yellow">'Anywhere'</span>;
  </span>
</div>

<div class="line">
  <span class="line-number">3</span>
  &nbsp;
</div>

<div class="line">
  <span class="line-number">4</span>

  <span class="indent-0">
    <i class="c-blue">class</i> <span class="c-green">FrontendDeveloper</span> <i class="c-blue">extends</i> Penneo<span class="c-pink">.</span>Component {
  </span>
</div>

<div class="line">
  <span class="line-number">5</span>
  <span class="indent-2"><span class="c-green">constructor</span>(<span class="c-orange">props</span>) {</span>
</div>

<div class="line">
  <span class="line-number">6</span>
  <span class="indent-4">
     this<span class="c-pink">.</span>company <span class="c-pink">=</span> {
  </span>
</div>

<div class="line">
  <span class="line-number">7</span>
  <span class="indent-6">
    <span class="c-yellow">url</span><span class="c-purple">:</span> <span class="c-yellow">'https://penneo.com'</span>,
  </span>
</div>

<div class="line">
    <span class="line-number">8</span>
    <span class="indent-6">
      <span class="c-yellow">name</span><span class="c-purple">:</span> <span class="c-yellow">'Penneo'</span>,
    </span>
</div>

<div class="line">
  <span class="line-number">9</span>
  <span class="indent-6">
    <span class="c-yellow">description</span><span class="c-purple">:</span> <span class="c-yellow">'Handling documents, data and signing in a secure and compliant way'</span>,
  </span>
</div>

<div class="line">
  <span class="line-number">10</span>
  <span class="indent-6">
    <span class="c-yellow">type</span><span class="c-purple">:</span> <span class="c-yellow">'SaaS'</span>,
  </span>
</div>

<div class="line">
  <span class="line-number">11</span>
  <span class="indent-6">
    <span class="c-yellow">awesome</span><span class="c-purple">:</span> <span class="c-purple">true</span>
  </span>
</div>

<div class="line">
  <span class="line-number">12</span>
  <span class="indent-4">};</span>
</div>

<div class="line">
  <span class="line-number">13</span>
  <span class="indent-2">}</span>
</div>

<div class="line">
  <span class="line-number">14</span>
  &nbsp;
</div>

<div class="line">
  <span class="line-number">15</span>
  <span class="indent-2"><span class="c-green">submit</span>(<span class="c-orange"></span>) {</span>
</div>

<div class="line">
  <span class="line-number">16</span>
  <span class="indent-4">
     Developer<span class="c-pink">.</span>apply({
  </span>
</div>

<div class="line">
  <span class="line-number">17</span>
  <span class="indent-6">
    <span class="c-yellow">attachment</span><span class="c-purple">:</span> <span>Developer<span class="c-pink">.</span>getCV()</span>
  </span>
</div>

<div class="line">
  <span class="line-number">18</span>
  <span class="indent-4">
     )};
  </span>
</div>

<div class="line">
  <span class="line-number">19</span>
  <span class="indent-2">
  }
  </span>
</div>


<div class="line">
  <span class="line-number">20</span>
  &nbsp;
</div>

<div class="line">
  <span class="line-number">21</span>
  <span class="indent-2"><span class="c-green">getRequirements</span>(<span class="c-orange"></span>) {</span>
</div>


<div class="line">
  <span class="line-number">22</span>
  <span class="indent-4">
    <span class="c-pink">return</span> [
  </span>
</div>

<div class="line">
  <span class="line-number">23</span>
  <span class="indent-6">
    <span class="c-yellow">'extensive web technologies knowledge'</span>,
  </span>
</div>

<div class="line">
  <span class="line-number">24</span>
  <span class="indent-6">
    <span class="c-yellow">'know javascript and css like the palm of your hand'</span>,
  </span>
</div>

<div class="line">
  <span class="line-number">25</span>
  <span class="indent-6">
    <span class="c-yellow">'experience with modern web frameworks'</span>,
  </span>
</div>

<div class="line">
  <span class="line-number">26</span>
  <span class="indent-6">
    <span class="c-yellow">'looking for a challenge'</span>,
  </span>
</div>

<div class="line">
  <span class="line-number">27</span>
  <span class="indent-6">
    <span class="c-yellow">'eye for detail and design'</span>,
  </span>
</div>

<div class="line">
  <span class="line-number">28</span>
  <span class="indent-6">
    <span class="c-yellow">'passion for coding'</span>,
  </span>
</div>

<div class="line">
  <span class="line-number">29</span>
  <span class="indent-6">
    <span class="c-yellow">'sense of humor'</span>
  </span>
</div>

<div class="line">
  <span class="line-number">30</span>
  <span class="indent-4">
     ];
  </span>
</div>

<div class="line">
  <span class="line-number">31</span>
  <span class="indent-2">
     }
  </span>
</div>


<div class="line">
  <span class="line-number">32</span>
  &nbsp;
</div>

<div class="line">
  <span class="line-number">33</span>
  <span class="indent-2"><span class="c-green">render</span>(<span class="c-orange"></span>) {</span>
</div>

<div class="line">
  <span class="line-number">34</span>
  <span class="indent-4">
    <span class="c-pink">return</span> (
  </span>
</div>


<div class="line">
  <span class="line-number">35</span>
  <span class="indent-6">
    &lt;<span class="c-pink">Penneo.Headline</span>&gt;
  </span>
</div>

<div class="line">
  <span class="line-number">36</span>
  <span class="indent-8">
    Hello {this<span class="c-pink">.</span>props<span class="c-pink">.</span>name},
  </span>
</div>


<div class="line">
  <span class="line-number">37</span>
  <span class="indent-8">
    Penneo is a fast-growing RegTech SaaS company headquartered in Copenhagen, Denmark. We successfully serve customers in industries like accounting, law, finance, enabling them to handle documents, data and signing in a secure and compliant way. We are now ready to take the next step by going global and exploring new business growth.
  </span>
</div>



<div class="line">
  <span class="line-number">38</span>
  <span class="indent-6">
    &lt;&zwnj;/<span class="c-pink">Penneo.Headline</span>&gt;
  </span>
</div>

<div class="line">
  <span class="line-number">39</span>
  <span class="indent-8">
    &nbsp;
  </span>
</div>

<!-- Benefits -->



<div class="line">
    <span class="line-number">40</span>
    <span class="indent-6">
      &lt;<span class="c-pink">Why.Join</span>&gt;
    </span>
  </div>

  <div class="line">
    <span class="line-number">41</span>
    <span class="indent-8">
        At Penneo you will work together with a multicultural team of highly skilled, open-minded and enthusiastic developers to develop and maintain our customer facing products. We work with &lt;<span class="c-pink">b</span>&gt;React, Redux, Webpack and TypeScript.&lt;&zwnj;/<span class="c-pink">b</span>&gt; Experience with these is a plus, but not required.
    </span>
  </div>

  <div class="line">
    <span class="line-number">42</span>
    <span class="indent-8">
      &nbsp;
    </span>
</div>

<div class="line">
    <span class="line-number">41</span>
    <span class="indent-8">
        We don’t hire people just for their technical skills. We also want your input and ideas about the way we do things and our products. If we didn’t, we’d only get half our money’s worth.

        We promise you a great opportunity to take your skills to the next level and have a lot of fun while doing it!

    </span>
  </div>

  <div class="line">
      <span class="line-number">42</span>
      <span class="indent-8">
        &nbsp;
      </span>
  </div>

  <div class="line">
      <span class="line-number">43</span>
      <span class="indent-8">
        Denmark is the happiest country in the world, so even if you have to relocate, you shouldn’t worry. We’ve got you covered! We have a very international and closely knitted team that is always happy to help and enjoy the good times together.
      </span>
    </div>

  <div class="line">
    <span class="line-number">44</span>
    <span class="indent-6">
      &lt;&zwnj;/<span class="c-pink">Why.Join</span>&gt;
    </span>
  </div>

  <div class="line">
    <span class="line-number">45</span>
    <span class="indent-8">
      &nbsp;
    </span>
  </div>

<div class="line">
  <span class="line-number">46</span>
  <span class="indent-6">
    &lt;<span class="c-pink">Penneo.DNA</span>&gt;
  </span>
</div>

<div class="line">
  <span class="line-number">47</span>
  <span class="indent-8">
    At Penneo, our most important asset is PEOPLE. We’re not looking for new employees, we’re looking for new teammates. We strive to do what we love, to love what we do and to make every day fun and engaging. In other words, we are a PEOPLE company!
  </span>
</div>

<div class="line">
    <span class="line-number">48</span>
    <span class="indent-8">
      &nbsp;
    </span>
  </div>


<div class="line">
    <span class="line-number">49</span>
    <span class="indent-8">
      &lt;<span class="c-pink">ul</span>&gt;
    </span>
</div>


<div class="line">
    <span class="line-number">50</span>
    <span class="indent-10">
      &lt;<span class="c-pink">li</span>&gt;We put the team and organization before ourselves&lt;&zwnj;/<span class="c-pink">li</span>&gt;
    </span>
</div>

<div class="line">
    <span class="line-number">51</span>
    <span class="indent-10">
      &lt;<span class="c-pink">li</span>&gt;We’re not afraid to take responsibility for our mistakes and to learn from them&lt;&zwnj;/<span class="c-pink">li</span>&gt;
    </span>
</div>

<div class="line">
    <span class="line-number">52</span>
    <span class="indent-10">
      &lt;<span class="c-pink">li</span>&gt;We’re accountable and have integrity&lt;&zwnj;/<span class="c-pink">li</span>&gt;
    </span>
</div>


<div class="line">
    <span class="line-number">53</span>
    <span class="indent-10">
      &lt;<span class="c-pink">li</span>&gt;We’re curious and not afraid to ask questions&lt;&zwnj;/<span class="c-pink">li</span>&gt;
    </span>
</div>

<div class="line">
    <span class="line-number">54</span>
    <span class="indent-10">
      &lt;<span class="c-pink">li</span>&gt;We encourage breaking down complex tasks into small deliverable pieces&lt;&zwnj;/<span class="c-pink">li</span>&gt;
    </span>
</div>

<div class="line">
    <span class="line-number">55</span>
    <span class="indent-10">
      &lt;<span class="c-pink">li</span>&gt;We’ll make it known to colleagues when we’re stuck or blocked&lt;&zwnj;/<span class="c-pink">li</span>&gt;
    </span>
</div>

<div class="line">
    <span class="line-number">56</span>
    <span class="indent-10">
      &lt;<span class="c-pink">li</span>&gt;We love to help and be helped&lt;&zwnj;/<span class="c-pink">li</span>&gt;
    </span>
</div>

<div class="line">
    <span class="line-number">57</span>
    <span class="indent-10">
      &lt;<span class="c-pink">li</span>&gt;We’re obsessed with learning new things and improving processes.&lt;&zwnj;/<span class="c-pink">li</span>&gt;
    </span>
</div>

<div class="line">
    <span class="line-number">58</span>
    <span class="indent-8">
        &lt;&zwnj;/<span class="c-pink">ul</span>&gt;
    </span>
</div>

<div class="line">
  <span class="line-number">59</span>
  <span class="indent-6">
    &lt;&zwnj;/<span class="c-pink">Penneo.DNA</span>&gt;
  </span>
</div>


<div class="line">
  <span class="line-number">60</span>
  <span class="indent-8">
    &nbsp;
  </span>
</div>


<div class="line">
  <span class="line-number">61</span>
  <span class="indent-6">
    &lt;<span class="c-pink">Penneo.Perks</span>&gt;
  </span>
</div>

<div class="line">
  <span class="line-number">62</span>
  <span class="indent-8">
    If you are not already convinced to learn more about the position by the above, then this might not be the right match for you, but we do have a few more benefits up our sleeves:

Does this sound like you? Do you want to work with some of the most inspiring and talented people in the industry? Are you up for a big challenge and a fantastic journey?

  </span>
</div>

<div class="line">
    <span class="line-number">63</span>
    <span class="indent-8">
      &nbsp;
    </span>
  </div>


<div class="line">
    <span class="line-number">64</span>
    <span class="indent-8">
      &lt;<span class="c-pink">ul</span>&gt;
    </span>
</div>


<div class="line">
    <span class="line-number">65</span>
    <span class="indent-10">
      &lt;<span class="c-pink">li</span>&gt;Relocation assistance&lt;&zwnj;/<span class="c-pink">li</span>&gt;
    </span>
</div>

<div class="line">
    <span class="line-number">66</span>
    <span class="indent-10">
      &lt;<span class="c-pink">li</span>&gt;Company trips and team experiences, e.g. the beaches in Malta or even skiing the slopes of the French Alps :-)&lt;&zwnj;/<span class="c-pink">li</span>&gt;
    </span>
</div>

<div class="line">
    <span class="line-number">67</span>
    <span class="indent-10">
      &lt;<span class="c-pink">li</span>&gt;Hack Days&lt;&zwnj;/<span class="c-pink">li</span>&gt;
    </span>
</div>


<div class="line">
    <span class="line-number">68</span>
    <span class="indent-10">
      &lt;<span class="c-pink">li</span>&gt;Friday Cocktail Bars and other regular social events&lt;&zwnj;/<span class="c-pink">li</span>&gt;
    </span>
</div>

<div class="line">
    <span class="line-number">69</span>
    <span class="indent-10">
      &lt;<span class="c-pink">li</span>&gt;Health insurance&lt;&zwnj;/<span class="c-pink">li</span>&gt;
    </span>
</div>

<div class="line">
    <span class="line-number">70</span>
    <span class="indent-10">
      &lt;<span class="c-pink">li</span>&gt;Catered lunch&lt;&zwnj;/<span class="c-pink">li</span>&gt;
    </span>
</div>

<div class="line">
    <span class="line-number">71</span>
    <span class="indent-8">
        &lt;&zwnj;/<span class="c-pink">ul</span>&gt;
    </span>
</div>

<div class="line">
    <span class="line-number">72</span>
    <span class="indent-8">
      &nbsp;
    </span>
  </div>

<div class="line">
    <span class="line-number">73</span>
    <span class="indent-8">
        Does this sound like you? Do you want to work with some of the most inspiring and talented people in the industry? Are you up for a big challenge and a fantastic journey?
    </span>
</div>

<div class="line">
  <span class="line-number">74</span>
  <span class="indent-6">
    &lt;&zwnj;/<span class="c-pink">Penneo.Perks</span>&gt;
  </span>
</div>

<!-- Button -->

<div class="line">
  <span class="line-number">75</span>
  <span class="indent-6">
    &nbsp;
  </span>
</div>

<div class="line">
  <span class="line-number">76</span>
  <span class="indent-6">
    {Developer<span class="c-pink">.</span>experience <span class="c-pink">===</span> this<span class="c-pink">.</span>getRequirements() <span class="c-pink">&&</span>
  </span>
</div>

<div class="line">
  <span class="line-number">77</span>
  <span class="indent-8">
    &lt;<span class="c-pink">Penneo.Button</span> <span class="c-green">onClick</span><span class="c-pink">=</span>{this<span class="c-pink">.</span>submit}&gt;
  </span>
</div>

<div class="line">
  <span class="line-number">78</span>
  <span class="indent-10">
    If you're interested, just apply!
  </span>
</div>

<div class="line">
  <span class="line-number">79</span>
  <span class="indent-8">
    &lt;&zwnj;/<span class="c-pink">Penneo.Button</span>&gt;
  </span>
</div>

<div class="line">
  <span class="line-number">80</span>
  <span class="indent-6">
    }
  </span>
</div>

<div class="line">
  <span class="line-number">81</span>
  <span class="indent-4">
    );
  </span>
</div>

<div class="line">
  <span class="line-number">82</span>
  <span class="indent-2">
     }
  </span>
</div>

<div class="line">
  <span class="line-number">83</span>
  <span class="indent-0">
     }
  </span>
</div>
</div>