curriculum/index.html
2019-11-26 14:48:48 +01:00

357 lines
22 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 - Curriculum Vitae</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 light">
<img src="images/profile_opt.jpg" alt="Une Photo de moi">
</figure>
<figure id="photoProfil" class="image dark">
<img src="images/profile_nuit_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>Mon 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">Angular</span>
<span class="tag">OpenAPI</span>
<span class="tag">JQuery</span>
<span class="tag">Spring</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 embarqué.
</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;">
<small>powered by</small>
<br>
<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>
<br>
<a rel="noopener" href="https://www.linode.com/" target="_blank" id="linode-logo">
<svg viewBox="0 0 230 90" width="115" height="30"><g fill="#FFF"><path d="M93.8 27.8l5.8-1.4v28c0 3.1.9 4.9 2.7 5.5-.9 1.7-2.4 2.6-4.6 2.6-2.6 0-4-1.8-4-5.5V27.8zM108.4 62V41.8h-3.2V37h9.1v25h-5.9zm3-34.6c.9 0 1.7.3 2.4 1s1 1.5 1 2.4c0 .9-.3 1.7-1 2.4s-1.5 1-2.4 1c-.9 0-1.7-.3-2.4-1s-1-1.5-1-2.4c0-.9.3-1.7 1-2.4s1.5-1 2.4-1zM137.1 62V47.6c0-2.1-.4-3.7-1.2-4.6-.8-1-2.1-1.5-4-1.5-.9 0-1.8.2-2.7.7-1 .5-1.7 1.1-2.3 1.8v18h-5.8V37.1h4.2l1.1 2.3c1.6-1.9 3.9-2.8 7-2.8 3 0 5.3.9 7 2.7 1.7 1.8 2.6 4.3 2.6 7.4V62h-5.9zM147.5 49.5c0-3.8 1.1-6.9 3.3-9.3 2.2-2.4 5.1-3.6 8.7-3.6 3.8 0 6.7 1.1 8.8 3.4 2.1 2.3 3.1 5.4 3.1 9.4s-1.1 7.1-3.2 9.5c-2.1 2.3-5 3.5-8.8 3.5-3.8 0-6.7-1.2-8.8-3.5-2-2.4-3.1-5.5-3.1-9.4zm6.1 0c0 5.5 2 8.2 5.9 8.2 1.8 0 3.2-.7 4.3-2.1 1.1-1.4 1.6-3.5 1.6-6.1 0-5.4-2-8.1-5.9-8.1-1.8 0-3.3.7-4.3 2.1-1.1 1.4-1.6 3.4-1.6 6zM192.1 62v-1.5c-.5.5-1.3 1-2.4 1.4-1.1.4-2.3.6-3.6.6-3.5 0-6.2-1.1-8.2-3.3-2-2.2-3-5.3-3-9.2 0-3.9 1.1-7.1 3.4-9.6s5.1-3.7 8.6-3.7c1.9 0 3.6.4 5.2 1.2v-10l5.8-1.4V62h-5.8zm0-19c-1.2-1-2.5-1.5-3.9-1.5-2.3 0-4.1.7-5.4 2.1-1.3 1.4-1.9 3.5-1.9 6.1 0 5.2 2.5 7.8 7.5 7.8.6 0 1.2-.2 2.1-.5.8-.3 1.3-.7 1.6-1V43zM226 51.3h-17.8c.1 2 .8 3.5 2 4.6 1.3 1.1 2.9 1.7 5.1 1.7 2.6 0 4.7-.7 6-2.1l2.3 4.4c-2 1.7-5.1 2.5-9.2 2.5-3.8 0-6.8-1.1-9-3.3-2.2-2.2-3.3-5.3-3.3-9.3 0-3.9 1.2-7.1 3.6-9.5 2.4-2.4 5.3-3.6 8.7-3.6 3.6 0 6.5 1.1 8.7 3.2 2.2 2.2 3.3 4.9 3.3 8.2.1.7-.1 1.7-.4 3.2zm-17.6-4.4h12.2c-.4-3.6-2.4-5.5-6-5.5-3.3.1-5.4 1.9-6.2 5.5z"></path></g><path fill="#004712" d="M65.9 47.4l-1 11.5-3.3-2.3.4-5.8v-.1-.1l-.1-.1-.1-.1-7.1-4.7.1-5.1 11.1 6.8zM48.5 59.9L43.4 56v.9c0 .2-.1.4-.2.5L39.4 60l4.2 3.4.1.1v.2l.2 4 4.7 3.9-.1-11.7zm-32.1 5l2.4 11.5 9.9 10.5L27 75.3 16.4 64.9zm9.3 1.7l-2.4-16.1-12-10 3.2 15.6 11.2 10.5zm-3.8-26l-3.3-22.8L4.8 9.2l4.5 21.5 12.6 9.9z"></path><path fill="#00B259" d="M75.7 41.2l-1.5 10.9-8.2 6.6 1-11.2 8.7-6.3zM49.6 59.9l.1 11.8 10.5-8.4.7-11.5-11.3 8.1zm-6.8 4.8L28 75.3l1.8 12.2 13.4-10.7-.4-12.1zm-.4-8l-.7-16-17.3 9.9 2.4 16.6 15.6-10.5zm-1.1-25.3l-.9-21.6-20.8 8L23 41l18.3-9.6z"></path><path d="M76.9 40c0-.1 0-.1 0 0v-.2s0-.1-.1-.1c0 0-.1 0-.1-.1l-12-6.7c-.2-.1-.4-.1-.5 0L54 39.1h-.1v.6l-.1 5.4-4.1-2.7c-.2-.1-.4-.1-.6 0L43 45.8l-.3-6v-.1-.1-.1-.1-.1h-.1l-6.2-4.1 5.8-3c.2-.1.3-.3.3-.5L41.4 9v-.1s0-.1-.1-.1c0 0 0-.1-.1-.1L25.5 1.1c-.1-.1-.2-.1-.3-.1L3.9 7.6s-.1 0-.1.1c0 0-.1 0-.1.1v.6l4.7 22.9c0 .1.1.2.2.3l6.4 5-4.7 2.2s-.1 0-.1.1c0 0 0 .1-.1.1v.2l3.6 17.2c0 .1.1.2.2.3l4.5 4.2-3 1.8-.1.1s0 .1-.1.1V63.2L18 76.5c0 .1.1.2.1.3l10.9 12h.1s.1 0 .1.1h.5l14.4-11.5c.1-.1.2-.3.2-.4l-.3-7.9 4.8 4s.1 0 .1.1h.5L61 64c.1-.1.2-.2.2-.4l.4-5.8 3.5 2.4h.4s.1 0 .1-.1l9.4-7.5c.1-.1.2-.2.2-.3L76.9 40c0 .1 0 .1 0 0zM66 58.7l1-11.2 8.8-6.3-1.5 10.9-8.3 6.6zm-4.4-2.1l.4-5.8v-.1-.1l-.1-.1-.1-.1-7.1-4.7.1-5.1 11.1 6.9-1 11.5-3.3-2.4zm-1.5 6.7l-10.5 8.4-.1-11.8 11.3-8.1-.7 11.5zM43.3 76.8L29.8 87.5 28 75.3l14.7-10.5.6 12zm-24.6-.4l-2.4-11.5L27 75.3l1.7 11.6-10-10.5zm-.2-58.6l3.3 22.8-12.5-9.9L4.8 9.2l13.7 8.6zm21.9-8l.9 21.6L23 41l-3.4-23.2 20.8-8zm2 46.9L26.8 67.1l-2.4-16.6 17.3-9.9.7 16.1zm-19.1-6.1l2.4 16.1-11.2-10.6-3.2-15.6 12 10.1zm20.5 13.1v-.1-.1l-.1-.1-4.2-3.4 3.8-2.6c.2-.1.2-.3.2-.5V56l5.1 3.9.1 11.8-4.7-3.9-.2-4.1z"></path></svg>
</a>
</p>
<p class="dark-theme-only">
<small>
(Ceci est le thème sombre !)
</small>
</p>
</div>
</div>
</div>
</footer>
<script src="https://browser.sentry-cdn.com/5.9.1/bundle.min.js" integrity="sha384-/x1aHz0nKRd6zVUazsV6CbQvjJvr6zQL2CHbQZf3yoLkezyEtZUpqUNnOLW9Nt3v" crossorigin="anonymous">
</script>
<!-- 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="node_modules/bonsoir.js/bonsoir.js"></script>
<script type="text/javascript" src="lib/main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
</body>
</html>