cv-baudouin-van-humbeeck/index.html at main · scriptor-pro/cv-baudouin-van-humbeeck · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html>
  <head>
    <title>CV Baudouin Van Humbeeck - cv.bvh.fyi</title>
    <style>
/* Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, strong, b, u, i, ul, ol, li, sup {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

* {
    box-sizing: border-box;
}

/* Variables */
:root {
    --desktop-font-size: 1.2rem/1.55;
    --mobile-font-size: 1rem/1.45;
    --text-color: #2d2d2d;
    --link-color: blue;
    --link-color-alt: darkblue;
    --primary-color: lightsteelblue;
    --secondary-color: aliceblue;
    --tertiary-color: whitesmoke;
}

/* Typography */
body {
    color: var(--text-color);
    margin: 0 auto;
    max-width: 75ch;
    padding: 0 0.5rem;
}

body, input {
    font: var(--desktop-font-size) -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

h1, h2, h3, h4, h5, h6, p, blockquote {
    margin: 2rem 0;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.2; }
h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4, h5, h6 { font-size: 100%; }
h5, h6 { text-transform: uppercase; }

header h1 { border-bottom: 1px solid; }

a, a:visited { color: var(--link-color); }
a:hover, a:focus { color: var(--link-color-alt); }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

blockquote {
    background: var(--secondary-color);
    border-left: 10px solid var(--primary-color);
    display: block;
    font-family: "Georgia", serif;
    padding: 1rem;
}

blockquote p:first-child { margin-top: 0; }
blockquote p:last-child { margin-bottom: 0; }

cite {
    font-family: "Georgia", serif;
    font-style: italic;
    font-weight: bold;
    margin-top: 1rem;
}

input {
    appearance: none;
    border: 1px solid var(--text-color);
    display: block;
    margin: 0.5rem 0;
    padding: 0.8rem;
}

ul, ol { margin: 2rem 0; padding: 0 0 0 2rem; }
ul li, ol li { margin-bottom: 1rem; }
li > ul, li > ol { margin: 0.25rem 0 0.5rem; padding: 0 0 0 2rem; }
li > ul li, li > ol li { margin-bottom: 0.5rem; }

sup { font-size: 80%; vertical-align: top; }

/* Mobile Styling */
@media screen and (max-width: 75ch) {
    body, input {
        font: var(--mobile-font-size) -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    body {
        background: #191919;
    }

    input:focus, input:active {
        background-color: var(--text-color);
        color: var(--secondary-color);
    }

    :root {
        --text-color: #fff;
        --link-color: orange;
        --link-color-alt: yellow;
        --primary-color: orange;
        --secondary-color: black;
        --tertiary-color: #2d2d2d;
    }
}


    </style>
  </head>
  <body><header><h1 id="baudouin-van-humbeeck">Baudouin Van Humbeeck</h1></header>
<main>
<p>Rédacteur senior | Analyste média | Accessibilité numérique</p>
<p>+32 495 559 278</p>
<p>bvh@scriptor.pro</p>
<p><a href="https://www.linkedin.com/in/baudouinvanhumbeeck">https://www.linkedin.com/in/baudouinvanhumbeeck</a></p>
<h1 id="profil">Profil</h1>
<p>Trilingue (FR/NL/EN), passionné de contenus depuis les années 90, j&#39;associe une
rigueur journalistique à une agilité numérique (SEO, accessibilité, CMS,
analytics). Curieux, rapide, geek, je suis à l&#39;aise autant dans une
rédaction que dans une cellule communication ou web.</p>
<h1 id="comp-tences">Compétences</h1>
<p>Rédaction &amp; contenu : SEO, storytelling, journalisme, web copywriting</p>
<p>Communication &amp; médias : réseaux sociaux, newsletter, intranet,
communication interne</p>
<p>Accessibilité &amp; technique : WCAG 2.1, HTML/CSS, audits RGAA</p>
<p>Outils &amp; CMS : WordPress, SharePoint, Google Analytics, Matomo, iMovie</p>
<p>Langues : Français (natif), Néerlandais (C2), Anglais (C1)</p>
<h1 id="exp-riences-professionnelles">Expériences professionnelles</h1>
<p>2024--2025 : CAP48 -- Rédaction SEO, accessibilité WCAG 2.1 AA</p>
<p>2022--2023 : Accessia -- Audits RGAA, corrections HTML/CSS</p>
<p>2022-- docteur-manuscrit.com -- Lecteur-conseil pour auteurs de fiction</p>
<p>2022 : GSK -- Communication interne, rédaction, photographie</p>
<p>2020--2021 : Besix Foundation -- Rédaction et gestion de contenus web &amp;
réseaux sociaux</p>
<p>2019 : AXA Partners -- Migration intranet SharePoint, newsletter, Yammer</p>
<p>2016--2018 : Trinity Mirror -- Fixeur, traduction, accompagnement
journalistes</p>
<p>2017--2018 : Le Vif -- Reportages \&quot;J&#39;y étais et tout est vrai\&quot;</p>
<p>2014--2017 : Brusselslife -- Journalisme web, CMS propriétaire</p>
<p>2003--2014 : Freelance. Missions variées (newsletter, contenu web, reportage à Val Duchesse, réalisation de court-métrage etc.)</p>
<p>1999--2003 : Wanadoo Belgique -- Rédaction, modération, animation</p>
<p>1993--1999 : Faxpress -- Revue de presse FR/NL/EN, synthèse actualités
médias</p>
<h1 id="formations">Formations</h1>
<p>2022 : Responsive Web Design -- freeCodeCamp</p>
<p>2020 : Marketing numérique -- Google</p>
<p>1992 : Perfectionnement en copywriting -- CAD</p>
<p>1987--1991 : IHECS -- Section Publicité</p>
</main>
</body>
</html>