wip
This commit is contained in:
parent
bb29f4e08d
commit
b40aeec804
2 changed files with 89 additions and 15 deletions
100
index.html
100
index.html
|
@ -21,40 +21,110 @@
|
||||||
|
|
||||||
<aside>
|
<aside>
|
||||||
|
|
||||||
<img class="photo" src="" alt="Me in front">
|
<header>
|
||||||
|
<img class="photo" src="images/marc.png" alt="Me in front of hex dumps.">
|
||||||
<p>Marc Beninca</p>
|
<h1>Marc Beninca</h1>
|
||||||
|
<table><tbody><tr>
|
||||||
<section>Contact
|
<th>E-mail</th>
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td>E-mail</td>
|
|
||||||
<td>cv<img class="inline" src="images/at.svg" alt="at">marc.beninca.link</td>
|
<td>cv<img class="inline" src="images/at.svg" alt="at">marc.beninca.link</td>
|
||||||
|
</tr><tr>
|
||||||
|
<th>Mobile</th>
|
||||||
|
<td>+33 6 07 47 84 34</td>
|
||||||
|
</tr></tbody></table>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>Link</h2>
|
||||||
|
|
||||||
|
<h3>Proprietary</h3>
|
||||||
|
<table>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th>LinkedIn</th>
|
||||||
|
<td><img src="images/linkedin" alt="LinkedIn logo"></td>
|
||||||
|
<td><a href="https://linkedin.com/in/marc-beninca">marc-beninca</a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Mobile</td>
|
<th>YouTube</th>
|
||||||
<td>+33 6 07 47 84 34</td>
|
<td><img src="images/youtube" alt="YouTube logo"></td>
|
||||||
|
<td><a href="https://youtube.com/@marc.beninca">marc.beninca</a></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</section>
|
|
||||||
|
|
||||||
<ul>
|
<h3>Open</h3>
|
||||||
<li><a href="https://linkedin.com/in/marc-beninca">Forge</a></li>
|
<table>
|
||||||
<li><a href="https://forge.rwx.work">Forge</a></li>
|
<tbody>
|
||||||
</ul>
|
<tr>
|
||||||
|
<th>BlueSky</th>
|
||||||
|
<td><img src="images/bluesky" alt="BlueSky logo"></td>
|
||||||
|
<td><a href="https://bsky.app/profile/marc.beninca.link">marc.beninca.link</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th rowspan="2">KeyOxide</th>
|
||||||
|
<td rowspan="2"><img src="images/keyoxide" alt="KeyOxide logo"></td>
|
||||||
|
<td><a href="https://keyoxide.org/aspe:keyoxide.org:WUD5YVN52J3RJ6CD4ZCWYL6S54">ASP</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a href="https://keyoxide.org/08EDA7006234A0EB29A3A8471DBD5EC4BADA5579">OpenPGP</a></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<h3>Personal</h3>
|
||||||
|
<table>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th>Git</th>
|
||||||
|
<td><img src="images/forgejo" alt="ForgeJo logo"></td>
|
||||||
|
<td><a href="https://forge.rwx.work/marc.beninca">marc.beninca</a></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>Web</th>
|
||||||
|
<td><img src="images/web" alt="Web logo"></td>
|
||||||
|
<td><a href="https://marc.beninca.link">marc.beninca.link</a></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|
||||||
|
<header>
|
||||||
<h1>System/Software Architect</h1>
|
<h1>System/Software Architect</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h2>Experience</h2>
|
<h2>Experience</h2>
|
||||||
|
|
||||||
|
<h3>DIRISI</h3>
|
||||||
|
|
||||||
|
<p>MQ</p>
|
||||||
|
<p>AS</p>
|
||||||
|
<p>Innov</p>
|
||||||
|
|
||||||
|
<h3>AAE</h3>
|
||||||
|
|
||||||
|
<p>Forge</p>
|
||||||
|
<p>MELISSA NG</p>
|
||||||
|
|
||||||
|
<p>Eva</p>
|
||||||
|
<p>MELISSA</p>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h2>Education</h2>
|
<h2>Education</h2>
|
||||||
|
|
||||||
|
<h3>EICNAM</h3>
|
||||||
|
IRSM
|
||||||
|
|
||||||
|
<h3>CNAM</h3>
|
||||||
|
CAI
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
|
@ -12,6 +12,10 @@ img.inline {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.photo {
|
||||||
|
block-size: 4em;
|
||||||
|
}
|
||||||
|
|
||||||
@media (width > 80ch) {
|
@media (width > 80ch) {
|
||||||
.columns { grid-template-columns: 2fr 1fr; }
|
.columns { grid-template-columns: 2fr 1fr; }
|
||||||
aside { order: 2; }
|
aside { order: 2; }
|
||||||
|
|
Loading…
Add table
Reference in a new issue