239 lines
10 KiB
HTML
239 lines
10 KiB
HTML
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
<title>Pierre Martin - web developer in Toulouse, France</title>
|
||
|
|
<link
|
||
|
|
rel="stylesheet"
|
||
|
|
href="https://unpkg.com/simpledotcss/simple.min.css"
|
||
|
|
/>
|
||
|
|
<link rel="me" href="https://mamot.fr/@pierremartin" />
|
||
|
|
<style>
|
||
|
|
.icon {
|
||
|
|
vertical-align: sub;
|
||
|
|
padding-right: 0.25rem;
|
||
|
|
display: inline-block;
|
||
|
|
height: 1.2rem;
|
||
|
|
stroke: currentColor;
|
||
|
|
fill: currentColor;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header>
|
||
|
|
<h1>Hi, I'm Pierre!</h1>
|
||
|
|
<p>You can find and follow me here:</p>
|
||
|
|
<nav>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a rel="me" href="https://toot.cafe/@pierre">
|
||
|
|
<svg
|
||
|
|
role="img"
|
||
|
|
viewBox="0 0 24 24"
|
||
|
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
|
class="icon"
|
||
|
|
>
|
||
|
|
<title>Mastodon</title>
|
||
|
|
<path
|
||
|
|
d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"
|
||
|
|
fill="#6364FF"
|
||
|
|
/>
|
||
|
|
</svg>
|
||
|
|
@pierre@toot.cafe
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li>
|
||
|
|
<a rel="me" href="https://twitter.com/pierremartin">
|
||
|
|
<svg
|
||
|
|
role="img"
|
||
|
|
viewBox="0 0 24 24"
|
||
|
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
|
class="icon"
|
||
|
|
>
|
||
|
|
<title>Twitter</title>
|
||
|
|
<path
|
||
|
|
d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"
|
||
|
|
fill="#1DA1F2"
|
||
|
|
/>
|
||
|
|
</svg>
|
||
|
|
@pierremartin
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
<li>
|
||
|
|
<a rel="me" href="https://github.com/real34">
|
||
|
|
<svg
|
||
|
|
role="img"
|
||
|
|
viewBox="0 0 24 24"
|
||
|
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
|
class="icon"
|
||
|
|
>
|
||
|
|
<title>GitHub</title>
|
||
|
|
<path
|
||
|
|
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
|
||
|
|
fill="#181717"
|
||
|
|
/>
|
||
|
|
</svg>
|
||
|
|
@real34</a
|
||
|
|
>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a
|
||
|
|
rel="me"
|
||
|
|
href="https://www.linkedin.com/in/pierre-martin-0a0228181/"
|
||
|
|
>
|
||
|
|
<svg
|
||
|
|
role="img"
|
||
|
|
viewBox="0 0 24 24"
|
||
|
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
|
class="icon"
|
||
|
|
>
|
||
|
|
<title>LinkedIn</title>
|
||
|
|
<path
|
||
|
|
d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
|
||
|
|
fill="#0A66C2"
|
||
|
|
/>
|
||
|
|
</svg>
|
||
|
|
¯\_(ツ)_/¯
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
or you can send me a
|
||
|
|
<a href="mailto:pierre@front-commerce.com">professional</a> or
|
||
|
|
<a href="mailto:contact@pierre-martin.fr">personal</a>
|
||
|
|
email.
|
||
|
|
</p>
|
||
|
|
</header>
|
||
|
|
<main>
|
||
|
|
<p>
|
||
|
|
I'm a web developer <noscript id="age">(born in 1987)</noscript> living
|
||
|
|
in France, near Toulouse.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Since a few years, I'm focusing on e-commerce and co-founded
|
||
|
|
<a href="https://www.front-commerce.com/" hreflang="en" rel="external"
|
||
|
|
><mark>Front-Commerce</mark></a
|
||
|
|
>
|
||
|
|
with amazing people!<br />
|
||
|
|
I am interested in web performance and standards. Our goal is to help
|
||
|
|
merchants and developers deliver a better shopping experience for their
|
||
|
|
customers.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
I also worked with great people over the years at
|
||
|
|
<a href="https://www.occitech.fr/" hreflang="fr" rel="external"
|
||
|
|
><mark>Occitech</mark></a
|
||
|
|
>,
|
||
|
|
<a href="https://www.ethersys.fr/" hreflang="fr" rel="external"
|
||
|
|
>Ethersys</a
|
||
|
|
>, commit42 (<abbr title="Rest In Peace">RIP</abbr> website) and started
|
||
|
|
my professional journey at
|
||
|
|
<a href="https://www.cakedc.com/" hreflang="en" rel="external">CakeDC</a
|
||
|
|
>.
|
||
|
|
</p>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<h2>Content</h2>
|
||
|
|
<p>
|
||
|
|
We may also have met in web, <abbr title="Javascript">JS</abbr> or PHP
|
||
|
|
(Magento and CakePHP) communities and conferences. I gave
|
||
|
|
<a href="https://real34.github.io/slides/" rel="external">some talks</a>
|
||
|
|
and
|
||
|
|
<a
|
||
|
|
href="https://web.archive.org/web/20120920125403/http://www.pierre-martin.fr/"
|
||
|
|
hreflang="fr"
|
||
|
|
rel="external"
|
||
|
|
>used to blog</a
|
||
|
|
>.
|
||
|
|
</p>
|
||
|
|
<details>
|
||
|
|
<summary>Content I wrote on other websites</summary>
|
||
|
|
|
||
|
|
<aside>
|
||
|
|
I may start blogging here again… but for now I publish elsewhere!
|
||
|
|
</aside>
|
||
|
|
<p>
|
||
|
|
As of 2023, I will try <i>(read: likely fail)</i> to start authoring
|
||
|
|
longer content again. Here is a list:
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a
|
||
|
|
href="https://www.openmage.org/2023/01/03/do-you-really-need-more.html"
|
||
|
|
rel="external"
|
||
|
|
hreflang="en"
|
||
|
|
>Do you (really) need more?</a
|
||
|
|
>
|
||
|
|
(OpenMage)
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<small>
|
||
|
|
I'm always looking for writing topics. Ping me if you have some ideas!
|
||
|
|
</small>
|
||
|
|
</details>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<small>
|
||
|
|
<i
|
||
|
|
>PS: I also <mark>self-host</mark> some shared and useful services at
|
||
|
|
<a href="https://sans.pub">sans.pub</a> - mostly for myself and friends,
|
||
|
|
but you may find it useful too. If you are curious you can also explore
|
||
|
|
<a href="https://github.com/real34/dotfiles" rel="external">
|
||
|
|
<mark>my dotfiles</mark>
|
||
|
|
<svg
|
||
|
|
role="img"
|
||
|
|
viewBox="0 0 24 24"
|
||
|
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
|
class="icon"
|
||
|
|
>
|
||
|
|
<title>NixOS</title>
|
||
|
|
<path
|
||
|
|
d="M7.352 1.592l-1.364.002L5.32 2.75l1.557 2.713-3.137-.008-1.32 2.34H14.11l-1.353-2.332-3.192-.006-2.214-3.865zm6.175 0l-2.687.025 5.846 10.127 1.341-2.34-1.59-2.765 2.24-3.85-.683-1.182h-1.336l-1.57 2.705-1.56-2.72zm6.887 4.195l-5.846 10.125 2.696-.008 1.601-2.76 4.453.016.682-1.183-.666-1.157-3.13-.008L21.778 8.1l-1.365-2.313zM9.432 8.086l-2.696.008-1.601 2.76-4.453-.016L0 12.02l.666 1.157 3.13.008-1.575 2.71 1.365 2.315L9.432 8.086zM7.33 12.25l-.006.01-.002-.004-1.342 2.34 1.59 2.765-2.24 3.85.684 1.182H7.35l.004-.006h.001l1.567-2.698 1.558 2.72 2.688-.026-.004-.006h.01L7.33 12.25zm2.55 3.93l1.354 2.332 3.192.006 2.215 3.865 1.363-.002.668-1.156-1.557-2.713 3.137.008 1.32-2.34H9.881Z"
|
||
|
|
fill="#5277C3"
|
||
|
|
/>
|
||
|
|
</svg>
|
||
|
|
</a>
|
||
|
|
</i>
|
||
|
|
</small>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
<p>© <kbd>new Date().getFullYear()</kbd> me™.</p>
|
||
|
|
<p>
|
||
|
|
<small
|
||
|
|
>Thanks to every <a href="https://simplecss.org/">Simple.css</a> and
|
||
|
|
<a href="https://simpleicons.org/">Simple Icons</a> contributors for
|
||
|
|
their work allowing <i>lazy me</i> to create a simple homepage that
|
||
|
|
just works, in a few <strike>minutes</strike> hours.
|
||
|
|
<a href="https://git.sans.pub/pierre/pierre-martin.fr" rel="external"
|
||
|
|
>(Source code)</a
|
||
|
|
></small
|
||
|
|
>
|
||
|
|
<br />
|
||
|
|
</p>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
// I found this part of the page quite fun to write.
|
||
|
|
// If you read this, you must wish me a happy birthday next year! ;-)
|
||
|
|
const ageElement = document.getElementById("age");
|
||
|
|
const yearsOldElement = document.createElement("span");
|
||
|
|
|
||
|
|
const birthDate = new Date(1987, 4, 15); // check MDN, I don't want my "Happy birthday" 1 month earlier!
|
||
|
|
const myAgeForComputers = new Date().getTime() - birthDate.getTime();
|
||
|
|
const howOldIF____ingAm = Math.floor(
|
||
|
|
myAgeForComputers / (1000 * 60 * 60 * 24 * 365.25)
|
||
|
|
);
|
||
|
|
|
||
|
|
yearsOldElement.textContent = `(${howOldIF____ingAm} years old)`;
|
||
|
|
ageElement.parentNode.replaceChild(yearsOldElement, ageElement);
|
||
|
|
</script>
|
||
|
|
</html>
|