-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 6.41 KB
/
index.html
1
<!DOCTYPE html><html domain="fabber.men" lang="en"><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1" name="viewport"><link href="/img/favicon/favicon-192x192.png?hash=5eabdd8640" rel="icon" type="image/png"><meta content="#f9c412" name="theme-color"><meta content="max-snippet:-1, max-image-preview: large, max-video-preview: -1" name="robots"><title>FabBer.men blog</title><meta content="FabBer.men blog" property="og:title"><meta content="Personal blog of Fabio Bertollini" name="description"><meta content="Personal blog of Fabio Bertollini" property="og:description"><meta content="summary_large_image" name="twitter:card"><meta content="@fabber_men" name="twitter:site"><meta content="@fabber_men" name="twitter:creator"><link href="https://www.fabber.men/" rel="canonical"><meta content="no-referrer-when-downgrade" name="referrer"><link href="/feed/feed.xml" rel="alternate" type="application/atom+xml" title="FabBer.men"><link href="/" rel="preconnect" crossorigin=""><link href="/fonts/Inter-3.19.var.woff2" rel="preload" type="font/woff2" as="font" crossorigin=""><script async="" defer="" src="/js/min.js?hash=8db32dcb3a"></script><script csp-hash="sha256-Ky9qZOPnMhQV/s7Fdb9TYAOfU4KtWNqCZaFK8tSzXa0=">if (/Mac OS X/.test(navigator.userAgent))document.documentElement.classList.add('apple')</script><style>:root{--primary: #fcda06;--primary-dark: #e7bf60;--main-width: calc(100vw - 3em)}main img{content-visibility:auto}article *{scroll-margin-top:50px}header nav{position:fixed;padding:.375em 1.5em;background:rgba(255,255,255,.9);font-weight:200;text-align:right}@media (min-width:37.5em){:root{--main-width: calc(37.5em - 3em)}}dialog{background-color:#8dff80;position:fixed;opacity:.9;z-index:1000}#nav{z-index:2;position:relative}#reading-progress,header nav{z-index:1;width:100vw;left:0;top:0}#reading-progress{background-color:var(--primary);position:absolute;bottom:0;transform:translate(-100vw,0);will-change:transform;pointer-events:none}#posts li{margin-bottom:.5em}@font-face{font-display:optional;font-family:"Inter UI";font-weight:100 900;font-style:oblique 0deg 10deg;src:url(/fonts/Inter-3.19.var.woff2) format("woff2")}html{line-height:1.15;-webkit-text-size-adjust:100%;font-family:Inter UI,sans-serif;--font-family: Inter UI, sans-serif}body,p,ul{font-size:1em}body{margin:0}h1,h3{margin-bottom:1.36rem}h1{font-size:3em;line-height:1.25;margin:.67em 0 .5em;font-size:2.074rem;line-height:2.4rem}a{background-color:transparent;color:#fcda06;text-decoration:none;color:var(--primary)}b{font-weight:700}header,img{margin:0 auto;max-width:100%}img{border-style:none;height:auto}h3{font-size:2em;line-height:1.125;margin-bottom:.75em;font-size:1.4rem;line-height:1.6rem}p,ul{margin-bottom:1.5em}body,p,ul{font-size:1rem;line-height:1.6}p,ul{margin-bottom:1.36rem}@media (min-width:600px){h1{font-size:4.3978rem;line-height:4.4rem}h3{font-size:2.1989rem;line-height:2.64rem}body,p,ul{font-size:1.1rem;line-height:1.6}h1,h3,p,ul{margin-bottom:1.496rem}}@media (min-width:1200px){h1{font-size:6.0756rem;line-height:6.72rem}h3{font-size:2.7rem;line-height:2.88rem}body,p,ul{font-size:1.2rem;line-height:1.6}h1,h3,p,ul{margin-bottom:1.632rem}}a:hover{text-decoration:underline}*{border:0;box-sizing:border-box}body,h1,h3,header nav a{font-family:var(--font-family)}body{background:#181818;color:#eee}header{padding:4.5em 1.5em 3em;width:37.5em;text-align:center;display:flex;align-items:center;flex-direction:column}header p,ul{margin-top:0}header nav h1{float:left;font-size:inherit;line-height:inherit;margin:0;text-align:left}header nav a{font-weight:700;text-decoration:none;color:#181818;margin-left:1.5em}header nav a:first-of-type{margin-left:auto}header nav a:last-of-type{margin-right:1.5em}main{max-width:70rem;margin:0 auto;border-top:.5px solid #ccc}footer{background:rgba(0,0,0,.8);color:#fff;padding:3em;text-align:center}footer>*{margin:1.5em}footer nav a img{vertical-align:middle}footer nav,footer p{font-size:90%}article{max-width:100%;padding:1.5em;width:37.5em;margin:0 auto}li ul{margin-bottom:0}</style></head><body><header><nav><div id="nav"><h1><a href="/" title="Homepage">FabBer.men</a></h1><a href="/about/">About</a></div><div id="reading-progress" aria-hidden="true"></div></nav><h1>FabBer.men blog</h1><dialog id="message"></dialog></header><main><article><picture><source sizes="(max-width: 608px) 100vw, 608px" srcset="/img/favicon/facebook_cover_photo_2-1920w.avif 1920w, /img/favicon/facebook_cover_photo_2-1280w.avif 1280w, /img/favicon/facebook_cover_photo_2-640w.avif 640w, /img/favicon/facebook_cover_photo_2-320w.avif 320w" type="image/avif"><source sizes="(max-width: 608px) 100vw, 608px" srcset="/img/favicon/facebook_cover_photo_2-1920w.webp 1920w, /img/favicon/facebook_cover_photo_2-1280w.webp 1280w, /img/favicon/facebook_cover_photo_2-640w.webp 640w, /img/favicon/facebook_cover_photo_2-320w.webp 320w" type="image/webp"><source sizes="(max-width: 608px) 100vw, 608px" srcset="/img/favicon/facebook_cover_photo_2-1920w.png 1920w, /img/favicon/facebook_cover_photo_2-1280w.png 1280w, /img/favicon/facebook_cover_photo_2-640w.png 640w, /img/favicon/facebook_cover_photo_2-320w.png 320w" type="image/png"><img alt="FabBer logo" decoding="async" height="624" loading="lazy" src="/img/favicon/facebook_cover_photo_2-1920w.png" style="background-size:cover;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' xmlns%3Axlink='http%3A//www.w3.org/1999/xlink' viewBox='0 0 1640 624'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='.5'%3E%3C/feGaussianBlur%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='1 1'%3E%3C/feFuncA%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cimage filter='url(%23b)' preserveAspectRatio='none' height='100%25' width='100%25' xlink%3Ahref='data%3Aimage/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAFCAIAAAAR2vFGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgklEQVQImWP4c4sVjn5dZ3t/hufdGe63p3m+X2X/exshxQChft9k/XeH5f1Z7lcneNe2a9/ZJfL+LPff2yy/b6Kq+3OL9e9tls8XOL9e4tjUq/HiGN/XyxzIVqGb9/I435dLHK+O8705yfPvDjbz/txi/Ql234ujfG9O8n6/yoHsPgA6+HXfnsk6iAAAAABJRU5ErkJggg=='%3E%3C/image%3E%3C/svg%3E")" width="1640"></picture><p>Ciao, I'm Fabio. Nice to see you on my personal blog. Hope you enjoy your stay</p><div id="posts"><h3>Posts</h3><ul><li><a href="/posts/p1/">This blog and the technical providers.</a> <time datetime="2022-03-19">19 Mar 2022</time></li></ul></div></article></main><footer><a href="/about/">© 2022 Fabio Bertollini</a></footer></body></html>