2023-01-06 01:54:40 +00:00
<!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 >
2023-03-23 17:49:10 +00:00
< li >
< a
href="https://developers.front-commerce.com/blog/reduce-friction-by-rediscovering-your-keyboard"
rel="external"
hreflang="en"
>Reduce friction by rediscovering your keyboard< /a
>
(Front-Commerce's DevBlog)
< / li >
< li >
< a
href="https://developers.front-commerce.com/changelog/front-commerce-is-getting-a-remix"
rel="external"
hreflang="en"
>Front-Commerce is getting a Remix< /a
>
(Front-Commerce's Changelog)
< / li >
2023-01-06 01:54:40 +00:00
< 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 >
