342 lines
18 KiB
HTML
342 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name='viewport' content='initial-scale=1, viewport-fit=cover'>
|
|
<title>Anthony Dumas - Portfolio</title>
|
|
<meta name="description" content="Anthony Dumas - Portfolio">
|
|
<meta name="keywords" content="Anthony,Dumas,Portfolio,Developpeur,Clermont-Ferrand,Auvergne,Web,Javascript">
|
|
<meta name="author" content="Anthony Dumas">
|
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<link rel="stylesheet" href="css/print.css" media="print">
|
|
</head>
|
|
|
|
<body>
|
|
<section id="menu" class="hero is-primary dontPrint is-bold">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<h1 class="title">
|
|
Anthony Dumas
|
|
</h1>
|
|
<h2 class="subtitle">
|
|
Développeur sur les internets
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="idCard" class="hero is-medium is-primary-inverted is-bold">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<div class="columns">
|
|
<div class="column is-2 is-hidden-touch is-hidden-desktop-only dontPrint"></div>
|
|
<div id="photosAndButtons" class="column is-3-widescreen is-3-tablet">
|
|
<div class="card">
|
|
<div class="card-image">
|
|
<figure id="photoProfil" class="image">
|
|
<img src="images/profile_opt.jpg" alt="Une Photo de moi">
|
|
</figure>
|
|
</div>
|
|
<div class="card-content">
|
|
<div class="media">
|
|
<div class="media-content">
|
|
<p id="buttonsUnderPhoto" class="buttons are-large ">
|
|
<a class="button" rel="noopener" href="https://github.com/AdamasFR"
|
|
target="_blank" aria-label="Profil Github">
|
|
<span class="icon is-large">
|
|
<i class="fab icon-github-alt"></i>
|
|
</span>
|
|
</a>
|
|
<a class="button" rel="noopener"
|
|
href="https://www.linkedin.com/in/anthonyyvondumas/" target="_blank">
|
|
<span class="icon" aria-label="Profil LinkedIn">
|
|
<i class="fab icon-linke-square"></i>
|
|
</span>
|
|
</a>
|
|
<a class="button" rel="noopener"
|
|
href="https://www.twitter.com/anthony__dumas"
|
|
aria-label="Profil Twitter" target="_blank">
|
|
<span class="icon">
|
|
<i class="fab icon-twit"></i>
|
|
</span>
|
|
</a>
|
|
</p>
|
|
<p id="boutonCV" class="buttons are-large">
|
|
<a class="button is-fullwidth" rel="noopener"
|
|
href="./asset/anthony-dumas-cv.pdf" target="_blank">
|
|
<span class="icon">
|
|
<i class="fab icon-file-pdf-o"></i>
|
|
</span>
|
|
<span>CV</span>
|
|
</a>
|
|
</p>
|
|
<p>
|
|
<p class="displayOnlyOnPrint">Anthony Dumas</p>
|
|
<p class="displayOnlyOnPrint">anthony[arobase]dumas.cc</p>
|
|
<p class="dontPrint"><noscript>anthony[arobase]dumas.cc</noscript></p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column is-7" id="experiences">
|
|
<span class="title">Experience</span>
|
|
<div class="card-content" id="harvest">
|
|
<div class="media">
|
|
<div class="media-left">
|
|
<figure class="image is-48x48">
|
|
<img src="images/logos/harvest.fr.png" alt="Logo Harvest">
|
|
</figure>
|
|
</div>
|
|
<div class="media-content">
|
|
<p class="title is-4">Développeur Web</p>
|
|
<p class="subtitle is-6">Harvest - Clermont-Ferrand - (2016 - Actuel)</p>
|
|
<div class="tags">
|
|
<span class="tag">Java</span>
|
|
<span class="tag">JQuery</span>
|
|
<span class="tag">Spring</span>
|
|
<span class="tag">Jira</span>
|
|
<span class="tag">Excel</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
Développement de simulateurs bancaires responsives.
|
|
</div>
|
|
</div>
|
|
<div class="card-content" id="michelin">
|
|
<div class="media">
|
|
<div class="media-left">
|
|
<figure class="image is-48x48">
|
|
<img src="images/logos/michelin.png" alt="Logo Michelin">
|
|
</figure>
|
|
</div>
|
|
<div class="media-content">
|
|
<p class="title is-4">Développeur Internet des Objets</p>
|
|
<p class="subtitle is-6">Michelin - Clermont-Ferrand - (Ete 2015)</p>
|
|
<div class="tags">
|
|
<span class="tag">MongoDB</span>
|
|
<span class="tag">Node.JS</span>
|
|
<span class="tag">Word</span>
|
|
<span class="tag">Powerpoint</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
Etude du marché des objets connectés, création d'un prototype.
|
|
</div>
|
|
</div>
|
|
<span class="title">Education</span>
|
|
<div class="card-content" id="dutInformatique">
|
|
<div class="media">
|
|
<div class="media-left">
|
|
<figure class="image is-48x48">
|
|
<img src="images/logos/www.iut-clermont.png" alt="Logo IUT Puy en Velay">
|
|
</figure>
|
|
</div>
|
|
<div class="media-content">
|
|
<p class="title is-4">DUT Informatique - Imagerie Numérique</p>
|
|
<p class="subtitle is-6">IUT du Puy en Velay - (2013 - 2015)</p>
|
|
<div class="tags">
|
|
<span class="tag">Unity</span>
|
|
<span class="tag">3DSMax</span>
|
|
<span class="tag">Visual Studio</span>
|
|
<span class="tag">Photoshop</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
Programmation 3D temps réel, Web, infographie 3D, retouche d'image.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="projets" class="hero is-primary">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<div class="tile is-ancestor">
|
|
<div class="tile is-vertical is-4">
|
|
<div class="tile">
|
|
<div class="tile is-parent">
|
|
<article class="tile is-child notification is-info">
|
|
<a href="//adamas.dev" target="_blank" rel="noopener">
|
|
<p class="title">adamas.dev</p>
|
|
<figure class="image is-4by3">
|
|
<img src="./images/portfolio/vinyls.jpg"
|
|
alt="Des mains parcourant des vinyles sur un étalage"
|
|
title="Photo by Florencia Viadana on Unsplash" />
|
|
</figure>
|
|
</a>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tile is-vertical is-4">
|
|
<div class="tile">
|
|
<div class="tile is-parent">
|
|
<article class="tile is-child notification is-info">
|
|
<a href="https://prezi.com/m/o8ey8mmpnkvp/" target="_blank" rel="noopener">
|
|
<p class="title">IOT@Michelin</p>
|
|
<figure class="image is-4by3">
|
|
<img alt="Une photo d'un micro ordinateur dans ma main"
|
|
src="./images/portfolio/computerNonSense.jpg" />
|
|
</figure>
|
|
</a>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tile is-vertical is-4">
|
|
<div class="tile">
|
|
<div class="tile is-parent">
|
|
<article class="tile is-child notification is-info">
|
|
<a href="//adm.photos" target="_blank" rel="noopener">
|
|
<p class="title">adm.photos</p>
|
|
<figure class="image is-4by3">
|
|
<img alt="Une photo du village de mon enfance"
|
|
src="./images/portfolio/admPhotos.jpg" />
|
|
</figure>
|
|
</a>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="hero is-info dontPrint" id="contact">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<h1 class="title">
|
|
Contact
|
|
</h1>
|
|
<h2 class="subtitle">
|
|
Vous pouvez me contacter de nombreuses façons !
|
|
</h2>
|
|
<div class="columns">
|
|
<div class="column is-3 is-offset-2-widescreen">
|
|
<a id="btn-mail" disabled class="button is-large is-fullw-mobile"
|
|
alt="Contactez moi par mail a anthony arobase dumas point cc !">
|
|
<span class="icon">
|
|
<i class="fab icon-envelope-open"></i>
|
|
</span>
|
|
<span>Email</span>
|
|
</a>
|
|
</div>
|
|
<div class="column is-3">
|
|
<a class="button is-large is-fullw-mobile" rel="noopener"
|
|
href="https://www.linkedin.com/in/anthonyyvondumas/" target="_blank" alt="Profil LinkedIn">
|
|
<span class="icon">
|
|
<i class="fab icon-linke-square"></i>
|
|
</span>
|
|
<span>LinkedIn</span>
|
|
</a>
|
|
</div>
|
|
<div class="column is-3">
|
|
<a class="button is-large is-fullw-mobile" rel="noopener" href="https://t.me/adamas_FR"
|
|
target="_blank" alt="Profil Telegram.me">
|
|
<span class="icon">
|
|
<i class="fab icon-teleg"></i>
|
|
</span>
|
|
<span>Telegram</span>
|
|
</a>
|
|
</div>
|
|
<div class="column is-3">
|
|
<a class="button is-large is-fullw-mobile is-hidden-tablet" rel="noopener"
|
|
href="https://github.com/AdamasFR" target="_blank" alt="Profil Github">
|
|
<span class="icon">
|
|
<i class="fab icon-github-alt"></i>
|
|
</span>
|
|
<span>Github</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Footer -->
|
|
<footer class="footer has-text-centered dontPrint">
|
|
<div class="container">
|
|
<div class="columns">
|
|
<div class="column is-8-desktop is-offset-2-desktop">
|
|
<p>
|
|
<strong class="has-text-weight-semibold">
|
|
<a rel="noopener" href="https://anthony-dumas.fr">anthony-dumas.fr</a>
|
|
</strong>
|
|
</p>
|
|
<p>
|
|
<small>
|
|
Auteur : <strong>Anthony Dumas</strong>
|
|
</small>
|
|
</p>
|
|
<p>
|
|
<small>
|
|
Source code licensed <a rel="noopener" href="http://opensource.org/licenses/mit-license.php"
|
|
target="_blank">MIT</a>
|
|
</small>
|
|
</p>
|
|
<p style="margin-top: 1rem;">
|
|
<a rel="noopener" href="http://bulma.io" target="_blank">
|
|
<img src="images/made-with-bulma.png" alt="Made with Bulma" width="128" height="24">
|
|
</a>
|
|
<a rel="noopener" href="https://www.infomaniak.com/fr" target="_blank">
|
|
<img src="images/poweredByInfomaniak.bmp" alt="Powered By Infomaniak.com" width="70">
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- Matomo -->
|
|
<script type="text/javascript">
|
|
var trackingIsOkay = true;
|
|
if (window.doNotTrack || navigator.doNotTrack || navigator.msDoNotTrack || 'msTrackingProtectionEnabled' in
|
|
window.external) {
|
|
// The browser supports Do Not Track!
|
|
if (window.doNotTrack == "1" || navigator.doNotTrack == "yes" || navigator.doNotTrack == "1" || navigator
|
|
.msDoNotTrack == "1" || window.external.msTrackingProtectionEnabled()) {
|
|
// Do Not Track is enabled!
|
|
trackingIsOkay = false;
|
|
}
|
|
}
|
|
if (trackingIsOkay) {
|
|
var _paq = window._paq || [];
|
|
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
|
var _paq = window._paq || [];
|
|
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
|
_paq.push(['trackPageView']);
|
|
_paq.push(['enableLinkTracking']);
|
|
(function () {
|
|
var u = "//adm.ink/statistiques/";
|
|
_paq.push(['setTrackerUrl', u + 'matomo.php']);
|
|
_paq.push(['setSiteId', '3']);
|
|
var d = document,
|
|
g = d.createElement('script'),
|
|
s = d.getElementsByTagName('script')[0];
|
|
g.type = 'text/javascript';
|
|
g.async = true;
|
|
g.defer = true;
|
|
g.src = u + 'matomo.js';
|
|
s.parentNode.insertBefore(g, s);
|
|
})();
|
|
}
|
|
</script>
|
|
<!-- End Matomo Code -->
|
|
<script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
|
|
<script type="text/javascript" src="lib/main.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
|
|
</body>
|
|
|
|
</html> |