RBLicht content fixes. Add about. Add CV using site segments
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
f6f090ead6
commit
3c93a5ccdf
8 changed files with 199 additions and 126 deletions
8
content/_data/site.js
Normal file
8
content/_data/site.js
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
export default function () {
|
||||
return {
|
||||
title: "Rik Berkelder",
|
||||
url: process.env.site == "rblicht" ? "https://rblicht.nl" : "https://riksolo.com",
|
||||
author: "Rik Berkelder",
|
||||
site: process.env.SITE || 'default'
|
||||
};
|
||||
}
|
||||
11
content/includes/highlights.njk
Normal file
11
content/includes/highlights.njk
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<ul>
|
||||
<li><a href="https://www.sowulo.nl">Sowulo</a> - Lighting design & international touring since 2023</li>
|
||||
<li><a href="https://aitum.tv">Aitum</a> - React & Electron development + MIDI and OSC integration</li>
|
||||
<li><a href="https://twitch.tv/mrgregles">MrGregles</a> - Fully remote, real-time live show lighting control</li>
|
||||
<li>RN7 - Custom digital signage with radio playout data integration</li>
|
||||
<li>Doornroosje / TivoliVredenburg / Luxor Live / Musis Sacrum - House LD / System Technician</li>
|
||||
<li>ShowLine / Hoevenaars / Ecolicht - Lighting Operator / System Technician</li>
|
||||
<li>DG Producties / Theater Terra / Ellen ten Damme - Theatre Touring</li>
|
||||
<li>Deyval - Last-minute work for a wide range of customers</li>
|
||||
<small><a href="/portfolio">See More -></a></small>
|
||||
</ul>
|
||||
31
content/includes/navbar.njk
Normal file
31
content/includes/navbar.njk
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
{% macro navItem(title, url, hyphen=true, target='_self') %}
|
||||
<span>
|
||||
<a href="{{url}}" target="{{target}}">{{title}}</a>
|
||||
{% if hyphen %} - {% endif %}
|
||||
</span>
|
||||
{% endmacro %}
|
||||
|
||||
<div class="container">
|
||||
<div class="nav">
|
||||
<a class="d-inline-block main-logo" href="/">
|
||||
<img src="/img/RB-w.png" alt="RB logo" eleventy:widths="100" />
|
||||
Rik Berkelder
|
||||
</a>
|
||||
<div class="nav-links">
|
||||
<div class="d-inline-block">
|
||||
{{navItem("Home", "/")}}
|
||||
{%if site.site != "rblicht" %}
|
||||
{{navItem("Blog", "/blog")}}
|
||||
{%endif%}
|
||||
{{navItem("Portfolio", "/portfolio", false)}}
|
||||
</div>
|
||||
<div class="d-inline-block">
|
||||
<span> | </span>
|
||||
{% if site.site != "rblicht" %}
|
||||
{{navItem("Mastodon", "https://dook.business/@RikSolo")}}
|
||||
{% endif %}
|
||||
{{navItem("Instagram", "https://instagram.com/RikBerkelder", false)}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
21
content/includes/skills.njk
Normal file
21
content/includes/skills.njk
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<div class="flex">
|
||||
<div class="col-half">
|
||||
<b>Lighting & AV</b>
|
||||
<ul>
|
||||
<li>GrandMA2/3, Avolites, Hog4, Obsidian Onyx</li>
|
||||
<li>Capture, Vectorworks</li>
|
||||
<li>RDM, dmXLAN, Luminex, Mikrotik</li>
|
||||
<li>ATEM, Resolume, VMix, OBS</li>
|
||||
<li>Timecode, Remote Production, System Integration</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-half">
|
||||
<b>Software & IT</b>
|
||||
<ul>
|
||||
<li>Typescript, Rust, C++</li>
|
||||
<li>React (Native), Angular, NodeJS, Electron, Embedded</li>
|
||||
<li>Git, Docker, Gitlab CI, GitHub Actions, DroneCI</li>
|
||||
<li>Network Management, Cisco, Mikrotik, Netgear</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
57
content/layouts/base-nonav.njk
Normal file
57
content/layouts/base-nonav.njk
Normal file
|
|
@ -0,0 +1,57 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/style.css" />
|
||||
<link href="https://unpkg.com/prism-themes@1.9.0/themes/prism-nord.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="https://unpkg.com/simplelightbox@2.14.3/dist/simple-lightbox.min.css" />
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="language" content="English" />
|
||||
<meta name="google-site-verification" content="x17arJy33V33DYnmMYybZciXngFd8R8xn1UZRdp7qxo" />
|
||||
|
||||
<link rel="canonical" href="{{site.url}}{{page.url | url}}" />
|
||||
|
||||
{%if tags.includes("blogpost")%}
|
||||
<meta property="og:type" content="article" />
|
||||
{%if description %}
|
||||
<meta property="description" content="{{description}}" />
|
||||
<meta property="og:description" content="{{description}}" />
|
||||
{% endif %}
|
||||
<meta property="og:title" content="{{title}}" />
|
||||
<meta property="og:url" content="{{site.url}}{{page.url | url}}" />
|
||||
<meta property="og:sitename" content="{{site.title}}" />
|
||||
<meta property="og:image" content="{{site.url}}/img/RB-w.png" />
|
||||
{%endif%}
|
||||
|
||||
|
||||
<title>{% if title %}{{title}} | {% endif %}{{site.title}}</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
{{content | safe}}
|
||||
|
||||
<script src="//instant.page/5.2.0" type="module"
|
||||
integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
|
||||
<script data-goatcounter="https://goatcounter.riksolo.com/count" async
|
||||
src="//goatcounter.riksolo.com/count.js"></script>
|
||||
<script src="//unpkg.com/simplelightbox@2.14.3/dist/simple-lightbox.min.js"></script>
|
||||
<script>
|
||||
new SimpleLightbox('.gallery a', {
|
||||
widthRatio: 0.9,
|
||||
heightRatio: 0.95,
|
||||
captionSelector: '.gallery-caption',
|
||||
captionType: 'text',
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,93 +1,7 @@
|
|||
{% macro navItem(title, url, hyphen=true, target='_self') %}
|
||||
<span>
|
||||
<a href="{{url}}" target="{{target}}">{{title}}</a>
|
||||
{% if hyphen %} - {% endif %}
|
||||
</span>
|
||||
{% endmacro %}
|
||||
---
|
||||
layout: 'base-nonav.njk'
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/style.css" />
|
||||
<link href="https://unpkg.com/prism-themes@1.9.0/themes/prism-nord.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="https://unpkg.com/simplelightbox@2.14.3/dist/simple-lightbox.min.css" />
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="language" content="English" />
|
||||
<meta name="google-site-verification" content="x17arJy33V33DYnmMYybZciXngFd8R8xn1UZRdp7qxo" />
|
||||
|
||||
<link rel="canonical" href="{{site.url}}{{page.url | url}}" />
|
||||
|
||||
{%if tags.includes("blogpost")%}
|
||||
<meta property="og:type" content="article" />
|
||||
{%if description %}
|
||||
<meta property="description" content="{{description}}" />
|
||||
<meta property="og:description" content="{{description}}" />
|
||||
{% endif %}
|
||||
<meta property="og:title" content="{{title}}" />
|
||||
<meta property="og:url" content="{{site.url}}{{page.url | url}}" />
|
||||
<meta property="og:sitename" content="{{site.title}}" />
|
||||
<meta property="og:image" content="{{site.url}}/img/RB-w.png" />
|
||||
{%endif%}
|
||||
|
||||
|
||||
<title>{% if title %}{{title}} | {% endif %}{{site.title}}</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="nav">
|
||||
<a class="d-inline-block main-logo" href="/">
|
||||
<img src="/img/RB-w.png" alt="RB logo" eleventy:widths="100" />
|
||||
Rik Berkelder
|
||||
</a>
|
||||
<div class="nav-links">
|
||||
<div class="d-inline-block">
|
||||
{{navItem("Home", "/")}}
|
||||
<span class="rblicht-hide">
|
||||
{{navItem("Blog", "/blog")}}
|
||||
</span>
|
||||
{{navItem("Portfolio", "/portfolio", false)}}
|
||||
</div>
|
||||
<div class="d-inline-block">
|
||||
<span> | </span>
|
||||
<span class="rblicht-hide">
|
||||
{{navItem("Mastodon", "https://dook.business/@RikSolo")}}
|
||||
</span>
|
||||
{{navItem("Instagram", "https://instagram.com/RikBerkelder", false)}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{%include "navbar.njk"%}
|
||||
|
||||
{{content | safe}}
|
||||
|
||||
<script src="//instant.page/5.2.0" type="module"
|
||||
integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
|
||||
<script data-goatcounter="https://goatcounter.riksolo.com/count" async
|
||||
src="//goatcounter.riksolo.com/count.js"></script>
|
||||
<script src="//unpkg.com/simplelightbox@2.14.3/dist/simple-lightbox.min.js"></script>
|
||||
<script>
|
||||
new SimpleLightbox('.gallery a', {
|
||||
widthRatio: 0.9,
|
||||
heightRatio: 0.95,
|
||||
captionSelector: '.gallery-caption',
|
||||
captionType: 'text',
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
if (window.location.href.includes("rblicht.nl")) {
|
||||
document.querySelectorAll(".rblicht-hide").forEach(e => { e.style.display = 'none'; });
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
43
content/pages/cv.njk
Normal file
43
content/pages/cv.njk
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
---
|
||||
title: CV
|
||||
permalink: "/cv/"
|
||||
layout: 'base-nonav.njk'
|
||||
draft: true
|
||||
---
|
||||
<div class="container">
|
||||
<h1>Rik Berkelder</h1>
|
||||
Lighting Designer/Technician | Software Engineer | Nerd
|
||||
|
||||
<h2>About</h2>
|
||||
|
||||
<p>
|
||||
I am a freelance lighting designer, technician, and systems specialist with a focus on touring productions and live
|
||||
performance. Since 2018, I have worked freelance, initially alongside a career in IT and software engineering and
|
||||
full time since 2022, bringing together technical precision, creative design, and a strong respect for the craft and
|
||||
crew.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
I have designed lighting for touring shows that require both creative adaptability and practical problem solving on
|
||||
the road. As a house and systems technician in a variety of venues, I regularly support international acts and
|
||||
crews, adapting to varied
|
||||
setups and workflows. My theatre and festival touring experience has also strengthened my ability to communicate
|
||||
clearly with local teams and deliver consistent, high quality results in dynamic environments.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
A perfectionist by nature, I value preparation, attention to detail, and reliability while staying flexible and
|
||||
collaborative to meet the demands of live production. My background in IT and network management supports
|
||||
increasingly complex lighting and control systems, ensuring stable and efficient operation across all types of
|
||||
venues.
|
||||
</p>
|
||||
|
||||
<h2>Skills</h2>
|
||||
{%include "skills.njk" %}
|
||||
|
||||
<h2>Highlighted work</h2>
|
||||
{%include "highlights.njk" %}
|
||||
|
||||
<h2>Contact</h2>
|
||||
rik@rblicht.nl / +31 6 37 27 17 91
|
||||
</div>
|
||||
|
|
@ -6,49 +6,37 @@ permalink: "/"
|
|||
<h1>Rik Berkelder</h1>
|
||||
Lighting Designer | Software Engineer | Nerd
|
||||
|
||||
{%if site.site == "rblicht" %}
|
||||
<h2>About</h2>
|
||||
<p>
|
||||
I am a freelance stage lighting technician, lighting designer, and lighting systems technician with a passion for the
|
||||
intersection of technical precision and creative expression. My journey in lighting began in primary school, driven by
|
||||
a fascination with how light shapes space and mood. Since 2018, I’ve been freelancing alongside a career in software
|
||||
engineering and IT, transitioning to full-time freelance work in 2022.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
As a self-proclaimed perfectionist, I’ve learned to harness this trait to my advantage—valuing preparation over
|
||||
improvisation and precision over guesswork. My attention to detail ensures that every cue, fixture, and system
|
||||
performs exactly as intended. I bring professionalism, technical expertise, and a deep commitment to elevating every
|
||||
production I work on, blending methodical planning with a love for creative problem-solving.
|
||||
</p>
|
||||
{%endif%}
|
||||
|
||||
<h2>Skills</h2>
|
||||
<div class="flex">
|
||||
<div class="col-half">
|
||||
<b>Lighting & AV</b>
|
||||
<ul>
|
||||
<li>GrandMA2/3, Avolites, Hog4, Obsidian Onyx</li>
|
||||
<li>Capture, Vectorworks</li>
|
||||
<li>RDM, dmXLAN, Luminex, Mikrotik</li>
|
||||
<li>ATEM, Resolume, VMix, OBS</li>
|
||||
<li>Timecode, Remote Production, System Integration</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-half">
|
||||
<b>Software</b>
|
||||
<ul>
|
||||
<li>Typescript, GraphQL</li>
|
||||
<li>React (Native), Angular, NodeJS, Electron</li>
|
||||
<li>Git, Docker, Gitlab CI, GitHub Actions, DroneCI</li>
|
||||
<li>Sass/SCSS, Tailwind, Bootstrap</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{%include "skills.njk" %}
|
||||
|
||||
<h2>Highlighted Projects/Clients</h2>
|
||||
<ul>
|
||||
<li><a href="https://www.sowulo.nl">Sowulo</a> - Lighting design & international touring since 2023</li>
|
||||
<li><a href="https://aitum.tv">Aitum</a> - React & Electron development + MIDI and OSC integration</li>
|
||||
<li><a href="https://twitch.tv/mrgregles">MrGregles</a> - Fully remote, real-time live show lighting control</li>
|
||||
<li><a href="https://rn7.nl">RN7</a> - Custom digital signage with radio playout data integration</li>
|
||||
<li>Doornroosje / TivoliVredenburg / Luxor Live / Musis Sacrum / PUL Uden - House LD / System Technician</li>
|
||||
<li>Hoevenaars / Ecolicht / Mansveld Expotech - Lighting Operator / System Technician</li>
|
||||
<li>DG Producties / Theater Terra / Ellen ten Damme - Theatre Touring</li>
|
||||
<small><a href="/portfolio">See More -></a></small>
|
||||
</ul>
|
||||
{%include "highlights.njk" %}
|
||||
|
||||
<h2>Contact</h2>
|
||||
<span class="rblicht-hide">mail@riksolo.com / </span>rik@rblicht.nl
|
||||
{% if site.site != "rblicht" %}mail@riksolo.com / {% endif %}rik@rblicht.nl
|
||||
|
||||
<h3>Find me elsewhere</h3>
|
||||
<ul>
|
||||
<span class="rblicht-hide">
|
||||
{% if site.site != "rblicht" %}
|
||||
<li><a href="https://dook.business/@RikSolo">Mastodon</a> <small>(dook.business)</small></li>
|
||||
</span>
|
||||
{%endif%}
|
||||
<li><a href="https://instagram.com/RikBerkelder">Instagram</a></li>
|
||||
<li><a href="https://github.com/rikberkelder">GitHub</a></li>
|
||||
<li><a href="https://git.riksolo.com">Gitea</a></li>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue