Promotion

.gitignore

@@ -1,3 +1,4 @@
 .hugo_build.lock
 .resources/
 !.gitignore
+.idea

content/vakantie.html

@@ -0,0 +1,35 @@
+---
+title: Wat wordt jouw volgende bestemming?
+summary: "Of je nu houdt van skiën in de Alpen, hiken door Schotland, flaneren langs de Mediterrane kust of een stedentrip naar Helsinki: wanneer je als open source trainer of consultant bij AT Computing in dienst komt en je proeftijd overleeft dan betalen wij jouw volgende vakantie!"
+date: 2022-12-01T00:00:00
+header_image: /img/promoties/vakantie/header.png
+layout: vacatures/promotion
+---
+<p class="fw-bold">Of je nu houdt van skiën in de Alpen, hiken door Schotland, flaneren langs de Mediterrane kust of een stedentrip naar Helsinki: wanneer je als open source trainer of consultant bij AT Computing in dienst komt en je proeftijd overleeft dan betalen wij jouw volgende vakantie!</p>
+<p class="fst-italic">AT Computing is specialist op het gebied van open source software en wij verkopen onze kennis via training en consultancy. Al sinds onze start in 1985 leiden wij IT professionals op. Daarnaast werken onze consultants aan uitdagende opdrachten bij een breed palet klanten: van MKB tot Rijksoverheid. We delen graag wat we weten en bij alles wat wij doen staat open source software centraal. Denk aan Linux (-distributies), Ansible, Kubernetes, Terraform, Vault, Python, GitLab en Docker.</p>
+<h2>Ga je mee op reis?</h2>
+<p>Waarom krijg je bij ons een vakantie als je in dienst komt? Goede vraag. Laten we eerlijk zijn: natuurlijk is het een marketing-actie om op te vallen tussen al het recruitment geweld op een veel te krappe arbeidsmarkt. Anderzijds past dit type actie perfect bij wie we zijn en wat we doen. AT is namelijk een beetje atypisch. We zijn echter bloedserieus als we vragen wat jouw volgende bestemming is en directeuren Dennis Kruyt en Marcel Kornegoor doen dan ook hun stinkende best om alle medewerkers te helpen om te blijven leren en ontwikkelen binnen hun vakgebied.</p>
+<p>Wij vinden dat leren onderdeel van je reguliere werkweek is. Studeer jij voor een certificering? Dan betekent dat bij ons niet dat je dat allemaal in avonden en weekenden moet zien te propppen. Welke leervorm het best bij je past bepaal je ook zelf: e-learning, een boek, klassikaal of met videos? We regelen het. Heb je ambitie om zelf training te ontwikkelen of training te geven? Ook daar staan we altijd voor open. In overleg kijken we hoe we jou met vertrouwen voor de klas krijgen of hoe je jouw didactische vaardigheden verder kunt ontwikkelen. Bij AT Computing ben je dus in zekere zin altijd op reis. En de volgende bestemming, die bepaal je zelf.</p>
+<h2>Heb je je koffers al gepakt intussen?</h2>
+<p>Top! Je reis naar AT bestaat uit de volgende stappen:</p>
+<p class="text-center">
+    <img src="/img/promoties/vakantie/stappenplan.png" alt="Stappenplan" />
+</p>
+<h2>Welke bagage geven wij je mee?</h2>
+<ul>
+    <li>Uitstekende arbeidsvoorwaarden incl. pensioenregeling</li>
+    <li>Een auto van de zaak of een OV-vergoeding</li>
+    <li>Snelle laptop om je favoriete Linux distributie op te installeren (you build it, you run it), dual-sim telefoon, Google Workspace abonnement</li>
+    <li>Je eigen cloud-speeltuin in Azure, AWS en GCP</li>
+    <li>Uitgebreide opleidingsmogelijkheden, met (natuurlijk) keus uit het volledig assortiment van AT Computing, maar ook de ~400 (!) trainingen van de Complementair Groep</li>
+    <li>Je komt te werken in een team dat bestaat uit rasechte open source liefhebbers die er samen een prettige, informele sfeer op nahouden</li>
+    <li>Je kunt meehelpen de AT Cloud Labs voor onze cursisten verder te ontwikkelen</li>
+    <li>Regelmatig (virtuele) bijeenkomsten waar kennisdeling en gezelligheid voorop staat</li>
+    <li>Mogelijkheid tot een combirol van consultant en docent</li>
+    <li>Veel vrijheid (maar wel met bijbehorende verantwoordelijkheid)</li>
+    <li>Je ontvangt na het tekenen van je contract het enige echte AT Swag Pack met o.a. een rugzak, t-shirt, mok en uiteraard een berg stickers</li>
+</ul>
+<h3>Kun je niet langer wachten en wil je direct een ticket voor vluchtnummer #1 veiligstellen?</h3>
+<p>Geweldig! Stuur dan vliegensvlug een e-mail naar Katja Galiart via [email protected]</p>
+<h3>Wil je de hele reisbrochure zien voor je boekt?</h3>
+<p>Bekijk dan onze first class vacatures:</p>

layouts/_default/vacatures/promotion.html

@@ -0,0 +1,29 @@
+{{ define "main" }}
+<section class="container-fluid" id="vacatures">
+    <header>
+        <h1>{{ .Title }}</h1>
+        <p><img alt="{{ .Title }}" class="w-100" src="{{ .Params.header_image }} "></p>
+    </header>
+    {{ .Content }}
+    <div class="row card-columns">
+        {{ range(where .Site.RegularPages "Type" "vacatures").ByDate }}
+        <div class="col-lg-4">
+            <div class="card at-collapse at-collapse-open">
+                <h2 class="card-header at-collapse-toggle at-collapse-toggle-logo">
+                    {{ .Title }}
+                    <span>
+                        <img alt="AT Computing logo" src="/img/logo/arrow.png">
+                    </span>
+                </h2>
+                <div class="card-body at-collapse-target flex-column">
+                    <p>{{ .Summary }}</p>
+                    <p class="mb-0">
+                        <a href="{{ .RelPermalink }}">Bekijk hier de vacature</a>
+                    </p>
+                </div>
+            </div>
+        </div>
+        {{ end }}
+    </div>
+</section>
+{{ end }}

layouts/partials/header.html

@@ -40,14 +40,19 @@
             <li>
                 <a class="link-inverse" href="/blog" title="Blog">Blog</a>
             </li>
-            <li class="pe-lg-3">
+            <li>
                 <a class="link-inverse position-relative" href="/vacatures" title="Vacatures">
                     Vacatures
                     <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
                         {{ len (where .Site.RegularPages "Section" "==" "vacatures") }}
                     </span>
                 </a>
             </li>
+            <li class="pe-lg-3">
+                <a class="link-inverse" href="/vakantie" title="Ga je mee op reis?">
+                    <i class="bx bxs-plane-alt bx-sm"></i>
+                </a>
+            </li>
         </ul>
     </nav>
 </div>