Pierre Martin
3 months ago
commit
1d41b254da
3 changed files with 248 additions and 0 deletions
@ -0,0 +1,5 @@ |
|||
dev: |
|||
npx serve . |
|||
|
|||
deploy: |
|||
rsync -avzL --exclude Makefile --exclude .git . celine-pierrot@ssh-celine-pierrot.ethersys.host:www.pierre-martin.fr |
|||
|
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,243 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
|||
<meta |
|||
name="description" |
|||
content="Hi Googler, click here! I'm a web developer and co-founder of Front-Commerce. Based in France, I'm helping merchants and developers deliver a better shopping experience for their customers." |
|||
/> |
|||
<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> |
|||
Loading…
Reference in new issue