https://www.voxelmana.com/about.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <title>About | VOXELMANA</title>
7  <meta name="description" content="VOXELMANA is the indie label of Regis Bernard — videogames, books, webtoons, card games and figures, made solo since 2017.">
8  <link rel="canonical" href="https://www.voxelmana.com/about.html">
9  <meta property="og:type" content="profile">
10  <meta property="og:site_name" content="VOXELMANA">
11  <meta property="og:title" content="About | VOXELMANA">
12  <meta property="og:description" content="VOXELMANA is the indie label of Regis Bernard — videogames, books, webtoons, card games and figures, made solo since 2017.">
13  <meta property="og:url" content="https://www.voxelmana.com/about.html">
14  <meta property="og:image" content="https://www.voxelmana.com/assets/logo-bw-blackBG.png">
15  <meta name="twitter:card" content="summary">
16  <meta name="twitter:site" content="@voxelmana">
17  

17<script type="application/ld+json">
18  {
19    "@context": "https://schema.org",
20    "@type": "AboutPage",
21    "url": "https://www.voxelmana.com/about.html",
22    "mainEntity": {
23      "@type": "Person",
24      "name": "Regis Bernard",
25      "email": "[email protected]",
26      "worksFor": { "@type": "Organization", "name": "VOXELMANA", "url": "https://www.voxelmana.com/" },
27      "sameAs": [
28        "https://x.com/voxelmana",
29        "https://www.instagram.com/snekjar",
30        "https://instagram.com/regis__bernard",
31        "https://tiktok.com/@snekjar",
32        "https://www.facebook.com/regisbernArt",
33        "https://www.youtube.com/channel/UCkhYreCxwHSP_EFWPLVqDzA/",
34        "https://www.twitch.tv/snekjar",
35        "https://discord.com/invite/AfbQ5XXY6k",
36        "https://store.steampowered.com/curator/46282500-VOXELMANA/",
37        "https://snekjar.itch.io/",
38        "https://snekjar.etsy.com",
39        "https://www.amazon.fr/stores/author/B0BVLYQBW6",
40        "https://linktr.ee/snekjar"
41      ]
42    }
43  }
44  </script>

44
45  <link rel="preconnect" href="https://fonts.googleapis.com">
46  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
47  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;600;700&display=swap" rel="stylesheet">
48  <link rel="stylesheet" href="assets/css/style.css?v=20260929">
49  <style>
50    body { background: radial-gradient(ellipse at 50% 0%, #120a24 0%, #000 60%); min-height: 100vh; }
51    .about-logo {
52      width: 180px; height: 180px;
53      image-rendering: pixelated;
54      transform-origin: center center;
55      will-change: transform;
56      transition: transform 0.10s cubic-bezier(0.25, 0.46, 0.45, 0.94);
57    }
58  </style>
59</head>
60<body>
61  <div class="scan-line"></div>
62
63  <nav class="topbar">
64    <a class="brand" href="index.html">
65      <img src="assets/logo-bw-blackBG.png" alt="VOXELMANA logo">
66      VOXELMANA
67    </a>
68    <div class="links">
69      <a class="discord-cta" href="https://discord.com/invite/AfbQ5XXY6k" target="_blank" rel="noopener"><img src="assets/SOCIAL/discord.png" alt=""><span class="lbl" data-i18n="nav.discord">JOIN DISCORD</span></a>
70      <a href="index.html">◉ Gallery</a>
71      <a class="shop-only" href="#">🛒 Cart</a>
72    </div>
73  </nav>
74
75  <main class="project-main">
76    <a class="back-link" href="index.html">← BACK TO GALLERY</a>
77
78    <div class="project-head">
79      <div style="flex:0 0 auto;text-align:center;" id="scene">
80        <img class="about-logo" id="about-logo" src="assets/logo-bw-blackBG.png" alt="VOXELMANA voxel logo">
81      </div>
82      <div class="project-info">
83        <h1>ABOUT</h1>
84        <p class="blurb" style="color:#cda6f5;font-style:italic;">« never disappoint the child we will always be »</p>
85        <p class="blurb">
86          VOXELMANA is the one-man indie label of <strong>Regis Bernard</strong> —
87          making <span style="color:#33ff33">videogames</span>, books, webtoons,
88          board &amp; card games and figures, solo, since 2017.
89        </p>
90        <p class="blurb">
91          SF, fantasy, horror, dark romance… everything is hand-crafted, work-in-progress
92          is shown openly, and books experiment with a self-crowdfunding model:
93          same ASIN, new content free, you pick the increasing price — starting at 0.99$.
94        </p>
95        <p class="blurb">
96          Want to talk, publish, translate or just say hi?
97          <a href="mailto:[email protected]">[email protected]</a>
98        </p>
99      </div>
100    </div>
101
102    <div class="psection">
103      <h2>FIND ME</h2>
104      <div class="linklist">
105        <a href="https://discord.com/invite/AfbQ5XXY6k" target="_blank" rel="noopener"><span class="chip">Discord</span>join the VOXELMANA server — playtests &amp; devlogs</a>
106        <a href="https://www.twitch.tv/snekjar" target="_blank" rel="noopener"><span class="chip">Twitch</span>live dev &amp; play streams</a>
107        <a href="https://store.steampowered.com/curator/46282500-VOXELMANA/" target="_blank" rel="noopener"><span class="chip">Steam</span>all VOXELMANA games — follow the curator page</a>
108        <a href="https://linktr.ee/snekjar" target="_blank" rel="noopener"><span class="chip">Linktree</span>all my links</a>
109      </div>
110    </div>
111  </main>
112
113  <footer class="site-footer">
114    <div class="social">
115      <a href="https://x.com/voxelmana"><img src="assets/SOCIAL/twitter.png" alt="X / Twitter"></a>
116      <a href="https://www.youtube.com/channel/UCkhYreCxwHSP_EFWPLVqDzA/"><img src="assets/SOCIAL/youtube.png" alt="YouTube"></a>
117      <a href="https://discord.com/invite/AfbQ5XXY6k"><img src="assets/SOCIAL/discord.png" alt="Discord"></a>
118        <a href="https://store.steampowered.com/curator/46282500-VOXELMANA/"><img src="assets/SOCIAL/steam.png" alt="Steam curator"></a>
119      <a href="https://www.twitch.tv/snekjar"><img src="assets/SOCIAL/twitch.png" alt="Twitch"></a>
120    </div>
121    <div class="mail"><a href="mailto:[email protected]">[email protected]</a></div>
122    <div class="legal">© 2017/<span id="currentYear"></span>

122 VOXELMANA — ALL RIGHTS RESERVED · REGISTERED TRADEMARK</div>
123  </footer>
124
125  

125<script src="assets/js/config.js"></script>

125
126  

126<script>
127    document.getElementById("currentYear").textContent = new Date().getFullYear();
128    if (window.VOXEL_CONFIG.SHOP_ENABLED) document.body.classList.add('shop-enabled');
129
130    // le tilt parallax du logo de l'ancien site, conserve ici
131    const logo = document.getElementById('about-logo');
132    const MAX_TILT = 22, MAX_LIFT = 8, MAX_SCALE = 1.06;
133    let cx = window.innerWidth / 2, cy = window.innerHeight / 2;
134    document.addEventListener('mousemove', e => {
135      const nx = (e.clientX - cx) / cx, ny = (e.clientY - cy) / cy;
136      const dist = Math.sqrt(nx * nx + ny * ny);
137      logo.style.transform = `rotateX(${-ny * MAX_TILT}deg) rotateY(${nx * MAX_TILT}deg) translateZ(${dist * MAX_LIFT}px) scale(${1 + dist * (MAX_SCALE - 1)})`;
138    });
139    window.addEventListener('resize', () => { cx = window.innerWidth / 2; cy = window.innerHeight / 2; });
140  </script>

140
141</body>
142</html>