+3 -3

public/index.html

··· 29 29 <div> 30 30 <svg xmlns="http://www.w3.org/2000/svg" width="496.606" height="111.6" viewBox="0 0 131.394 29.527"><title>Take your time</title><description>A caligraphic rendition of the text "Take your time"</description><g><path d="M17.06 2.328q.656.127.974.445.339.317.339.74 0 .7-.403 1.017-.38.317-1.227.254-1.905-.149-2.985-.19-1.058-.064-2.794-.086-.783 3.895-1.439 7.832-.233 1.44-.487 3.344-.254 1.884-.339 3.048-.042.614-.508.953-.465.317-1.121.317-.699 0-1.08-.338-.38-.339-.38-.89 0-.507.147-1.671.17-1.186.381-2.477.233-1.291.36-2.244.233-1.608.53-3.196.296-1.587.592-3.005.063-.318.148-.72.085-.423.19-.931-2.074.063-3.259.338t-1.693.783q-.487.487-.487 1.27 0 .72.423 1.376.085.148.085.318 0 .402-.487.762-.466.338-.974.338-.36 0-.592-.211-.424-.36-.699-1.016Q0 7.81 0 6.964q0-1.8 1.164-2.879 1.185-1.1 3.577-1.609 2.413-.508 6.181-.508 2.328 0 3.704.085 1.397.085 2.434.275zM15.612 20.002q-1.313 0-2.096-.952-.783-.953-.783-2.498 0-1.693.783-3.196.783-1.524 2.075-2.434 1.312-.931 2.772-.931.466 0 .614.19.17.17.275.635.445-.085.932-.085 1.037 0 1.037.741 0 .445-.318 2.117-.486 2.434-.486 3.387 0 .317.148.508.169.19.423.19.402 0 .974-.508.571-.53 1.545-1.693.254-.297.571-.297.275 0 .424.254.169.254.169.699 0 .847-.402 1.312-.868 1.08-1.842 1.82-.973.741-1.883.741-.699 0-1.292-.465-.571-.487-.867-1.313-1.101 1.778-2.773 1.778zm.762-2.137q.465 0 .889-.55.423-.551.614-1.461l.783-3.895q-.89.021-1.651.677-.741.635-1.186 1.694-.444 1.058-.444 2.243 0 .657.254.974.275.318.74.318z"/><path d="M35.206 15.176q.275 0 .423.254.17.254.17.699 0 .847-.403 1.312-.952 1.164-1.926 1.863-.974.698-2.307.698-1.63 0-2.625-.93-.995-.932-.995-2.477 0-.826.847-1.186.931-.402 1.334-.846.402-.466.402-1.122 0-.381-.17-.572-.148-.19-.38-.19-.572 0-1.27.825-.678.826-1.27 2.138-.593 1.291-.932 2.667-.233.995-.55 1.355-.297.338-.953.338-.656 0-.973-.465-.297-.487-.403-1.482-.105-.995-.105-2.92 0-3.26.656-6.795.677-3.535 1.968-5.927Q27.057 0 28.877 0q.974 0 1.566.847.614.825.614 2.159 0 2.137-1.249 4.445-1.249 2.286-4.064 5.355-.063 1.1-.063 2.265 1.016-2.646 2.328-3.832 1.312-1.206 2.455-1.206 1.059 0 1.694.72.656.72.656 1.778 0 1.164-.593 2.137-.592.974-2.032 1.736.085.572.508.931.445.34 1.059.34.656 0 1.27-.509.613-.508 1.608-1.693.254-.297.572-.297zm-6.774-13.08q-.38 0-.846 1.1-.466 1.08-.91 2.942-.424 1.842-.699 4.022 1.312-1.545 2.159-3.366.868-1.82.868-3.302 0-.677-.148-1.037-.148-.36-.424-.36z"/><path d="M41.67 15.811q.275 0 .423.254.17.254.17.699 0 .762-.36 1.312-.593.91-1.567 1.418-.952.508-2.286.508-2.032 0-3.154-1.206-1.121-1.228-1.121-3.302 0-1.46.613-2.71.614-1.27 1.694-2.01 1.1-.741 2.476-.741 1.228 0 1.969.74.74.72.74 1.97 0 1.46-1.058 2.518-1.037 1.037-3.556 1.651.508.974 1.715.974.868 0 1.418-.402.571-.403 1.312-1.355.254-.318.572-.318zm-3.472-3.704q-.783 0-1.333.91-.53.91-.53 2.202v.042q1.25-.296 1.97-.889.719-.593.719-1.376 0-.402-.233-.635-.212-.254-.593-.254zM59.233 15.219q.276 0 .424.275.17.254.17.656 0 .487-.15.762-.147.275-.465.487l-4.064 2.73q-.804 4.382-2.116 6.88-1.292 2.518-3.302 2.518-1.08 0-1.757-.677-.678-.656-.678-1.736 0-.994.445-2.032.466-1.037 1.693-2.391 1.25-1.334 3.514-3.07l.063-.486q.149-.784.34-2.244-.424 1.524-1.186 2.328-.762.783-1.609.783-.952 0-1.566-.867-.593-.89-.593-2.202 0-1.587.212-2.9.211-1.333.698-2.815.212-.635.593-.91.38-.275 1.206-.275.466 0 .635.148.19.148.19.445 0 .169-.232 1.143-.212.783-.339 1.418-.169.868-.296 1.672-.127.783-.127 1.291 0 .804.445.804.317 0 .783-.635.487-.635 1.016-1.926.55-1.29 1.058-3.175.17-.635.508-.91.36-.275 1.058-.275.487 0 .678.127.19.127.19.423 0 .53-.55 3.641l-.55 3.408q1.63-1.228 3.175-2.244.275-.17.486-.17zm-9.27 12.255q.529 0 1.185-1.227.656-1.228 1.312-4.086-1.63 1.376-2.37 2.498-.72 1.143-.72 1.99 0 .36.127.592.148.233.465.233z"/><path d="M69.32 13.398q.275 0 .423.276.148.275.148.698 0 1.016-.614 1.207-1.27.444-2.794.508-.402 1.778-1.587 2.857-1.186 1.058-2.688 1.058-1.27 0-2.18-.613-.89-.614-1.355-1.63-.466-1.016-.466-2.202 0-1.608.614-2.857.614-1.27 1.693-1.969 1.08-.72 2.392-.72 1.609 0 2.582 1.123.995 1.1 1.165 2.73.994-.063 2.37-.423.17-.043.297-.043zm-6.943 4.36q.677 0 1.164-.55.508-.55.677-1.587-.656-.445-1.016-1.164-.338-.72-.338-1.524 0-.339.063-.678h-.106q-.846 0-1.418.826-.55.804-.55 2.286 0 1.164.444 1.778.466.614 1.08.614z"/><path d="M70.233 20.002q-.952 0-1.566-.867-.593-.89-.593-2.202 0-1.587.212-2.9.212-1.333.699-2.815.211-.635.592-.91t1.207-.275q.465 0 .635.148.19.148.19.445 0 .169-.233 1.143-.211.783-.338 1.418-.424 2.222-.424 2.963 0 .445.106.635.106.17.339.17.317 0 .783-.636.487-.635 1.016-1.926.55-1.29 1.058-3.175.17-.635.508-.91.36-.275 1.059-.275.487 0 .677.127.19.106.19.423 0 .53-.529 2.9-.592 2.71-.592 3.344 0 .403.17.635.168.212.444.212.423 0 .994-.508.593-.53 1.567-1.693.254-.297.571-.297.275 0 .424.254.169.254.169.699 0 .847-.402 1.312-.91 1.122-1.969 1.842-1.037.72-2.37.72-1.016 0-1.503-.784-.466-.783-.466-2.201-.36 1.44-1.08 2.222-.72.762-1.545.762z"/><path d="M86.424 12.933q.465 0 .783.338.338.318.338.805 0 .275-.127.592-.338.784-.952 1.313-.614.529-1.355.529-.592 0-1.016-.423-.402-.424-.402-1.143 0-.403.042-.868.043-.339.043-.466 0-.17-.085-.254-.063-.085-.17-.085-.296 0-.804.72-.508.699-1.016 1.863-.508 1.164-.825 2.455-.233 1.016-.53 1.355-.296.338-.973.338-.804 0-1.143-.846-.317-.847-.317-2.71 0-2.751.783-5.228.19-.614.614-.889.444-.296 1.227-.296.424 0 .593.106.17.106.17.402 0 .339-.318 1.524-.212.847-.339 1.482-.127.635-.212 1.566.699-1.82 1.567-2.963t1.693-1.63q.826-.487 1.503-.487.614 0 .931.36.339.338.339 1.016 0 .402-.233 1.524zM103.394 15.176q.275 0 .424.254.169.254.169.699 0 .847-.402 1.312-.91 1.122-1.99 1.842t-2.476.72q-4.318 0-4.318-6.075 0-.932.063-1.884h-.825q-.635 0-.868-.233-.212-.233-.212-.74 0-1.186.953-1.186h1.206q.36-2.329 1.1-4.255.742-1.926 1.779-3.069 1.058-1.143 2.265-1.143.889 0 1.397.783t.508 1.969q0 3.28-2.752 5.715h2.37q.34 0 .487.148.149.148.149.55 0 1.46-2.392 1.46h-2.583q-.042 1.06-.042 1.652 0 2.201.508 3.09.53.89 1.651.89.91 0 1.609-.551.698-.55 1.65-1.651.255-.297.572-.297zM99.69 3.45q-.317 0-.72.804-.38.784-.74 2.202-.34 1.397-.572 3.111 1.249-1.08 1.863-2.413.635-1.354.635-2.455 0-1.249-.466-1.249z"/><path d="M105.036 8.636q-.889 0-1.333-.402-.445-.424-.445-1.164 0-.741.572-1.228.592-.508 1.46-.508.783 0 1.27.381t.487 1.08q0 .846-.55 1.354-.55.487-1.46.487zm-.17 11.366q-1.375 0-2.01-.973-.614-.974-.614-2.583 0-.952.233-2.434.254-1.503.635-2.794.19-.677.508-.931t1.016-.254q1.08 0 1.08.72 0 .529-.403 2.455-.508 2.328-.508 3.154 0 .635.17.973.17.34.571.34.381 0 .953-.53.571-.53 1.524-1.672.254-.297.571-.297.275 0 .424.254.169.254.169.699 0 .847-.402 1.312-2.096 2.561-3.916 2.561z"/><path d="M108.975 20.002q-.804 0-1.143-.846-.317-.847-.317-2.71 0-2.751.783-5.228.19-.614.614-.889.444-.296 1.227-.296.424 0 .593.106.17.106.17.402 0 .339-.318 1.524-.212.847-.339 1.482-.127.613-.211 1.545.571-1.651 1.354-2.794.805-1.143 1.63-1.694.847-.571 1.588-.571.74 0 1.037.339.317.338.317 1.037 0 .677-.402 2.455-.17.762-.233 1.143 1.059-2.603 2.35-3.789 1.29-1.185 2.413-1.185 1.376 0 1.376 1.376 0 .825-.466 2.984-.402 1.842-.402 2.434 0 .847.614.847.423 0 .994-.508.593-.53 1.567-1.693.254-.297.571-.297.275 0 .424.254.169.254.169.699 0 .847-.402 1.312-.91 1.122-1.969 1.842-1.037.72-2.37.72-1.08 0-1.63-.614-.55-.635-.55-1.82 0-.593.296-2.117.275-1.334.275-1.842 0-.339-.233-.339-.275 0-.783.72-.508.699-1.016 1.863-.508 1.164-.826 2.455-.232 1.016-.55 1.355-.296.338-.974.338-.698 0-1.058-.656-.339-.677-.339-1.63 0-.804.212-2.328.17-1.355.17-1.778 0-.339-.233-.339-.318 0-.805.762-.487.762-.952 1.948-.445 1.185-.72 2.328-.233.995-.55 1.355-.297.338-.953.338z"/><path d="M130.801 15.811q.275 0 .423.254.17.254.17.699 0 .762-.36 1.312-.593.91-1.567 1.418-.952.508-2.286.508-2.032 0-3.153-1.206-1.122-1.228-1.122-3.302 0-1.46.614-2.71.614-1.27 1.693-2.01 1.1-.741 2.476-.741 1.228 0 1.969.74.74.72.74 1.97 0 1.46-1.058 2.518-1.037 1.037-3.556 1.651.508.974 1.715.974.868 0 1.418-.402.572-.403 1.312-1.355.254-.318.572-.318zm-3.471-3.704q-.784 0-1.334.91-.529.91-.529 2.202v.042q1.249-.296 1.968-.889.72-.593.72-1.376 0-.402-.233-.635-.211-.254-.592-.254z"/></g></svg> 31 31 32 32 - <p>The internet lets us communicate extremely fast, and with that has grown the expectation of a fast response.</p> 32 32 + <p>The internet lets us communicate extremely fast, so sometimes we can expect extremely fast responses without realising there's a human at the other end.</p> 33 33 34 34 - <p>In today's hectic world, friends may want to reach out to friends without making them feel like they owe a fast reply.</p> 34 34 + <p>In today's hectic world, friends may want to reach out to friends without making them feel like they owe a fast reply; like writing a postcard.</p> 35 35 36 36 - <p>Ending any message with "<a href="https://slow.fyi">slow.fyi</a>" does just that, because it brings them here, where they can read this message and know a reply is appreciated, not expected.</p> 36 36 + <p>Ending any message with "<a href="https://slow.fyi">slow.fyi</a>" does just that, because it brings them here, where they can read this message and know a reply is <strong>appreciated</strong>, not expected.</p> 37 37 38 38 <p>Enjoy the internet a little slower today,<br/> 39 39 <a href="https://slow.fyi">slow.fyi</a></p>

public/osl.woff

This is a binary file and will not be displayed.

+7 -8

public/styles.css

··· 1 1 - @font-face { 2 2 - font-family: 'OpenSans-Light'; 3 3 - src: url('osl.woff') format('woff'); 4 4 - } 5 5 - 6 1 body { 7 7 - font-family:'OpenSans-Light'; 8 8 - font-weight: lighter; 2 2 + font-family: system-ui; 3 3 + font-weight: 200; 9 4 display: flex; 10 5 height: 100vh; 11 6 align-items: center; ··· 23 18 width: 100%; 24 19 } 25 20 21 21 + strong { 22 22 + font-weight: 500; 23 23 + } 24 24 + 26 25 @media (prefers-color-scheme: dark) { 27 26 svg path { fill: #ddd; } 28 27 ··· 32 31 } 33 32 34 33 a { 35 35 - color: #66d; 34 34 + color: #99e; 36 35 } 37 36 }