AmazonS3
tcp/443 tcp/80
Open service 13.227.219.11:443 · cub3.net
2026-01-21 17:59
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 8831
Connection: close
Last-Modified: Sun, 18 Jan 2026 00:10:16 GMT
Server: AmazonS3
Date: Wed, 21 Jan 2026 10:16:50 GMT
ETag: "c7a8e1f510e6d34eabc85b357c36d708"
X-Cache: Hit from cloudfront
Via: 1.1 b619a16f6f8fe9793bf642d2a8434284.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: AMS54-C1
X-Amz-Cf-Id: B7aKsCv0aNH7ONeTSoLm0dKzirlt_cZZjx81BhIIu3eeh2tHyNaPPA==
Age: 27743
Page title: Cub3.net | Sergi Pons Freixes
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cub3.net | Sergi Pons Freixes</title>
<meta charset="utf-8"/>
<meta name="keywords" content="sergi pons, sergi pons freixes, cub3"/>
<meta name="description"
content="Web page of Sergi Pons Freixes. Portfolio and contact info."/>
<meta name="fediverse:creator" content="@sergi@floss.social"/>
<meta name=viewport content="width=device-width, initial-scale=1">
<link
rel="preload"
href="fonts/Extrude.ttf"
as="font"
type="font/ttf"
crossorigin="anonymous"
>
<link
rel="preload"
href="fonts/DiaryOfAn8BitMage.woff"
as="font"
type="font/woff"
crossorigin="anonymous"
>
<style>
@font-face {
font-family: 'extrude';
src: url('fonts/Extrude.ttf') format('truetype');
}
@font-face {
font-family: 'eightbit';
src: url('fonts/DiaryOfAn8BitMage.woff') format('woff'), url('fonts/DiaryOfAn8BitMage.ttf') format('truetype');
}
/* CSS reset starts here. Partial from https://piccalil.li/blog/a-more-modern-css-reset/.
/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Prevent font size inflation */
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, p {
margin-block-end: 0;
}
/* Remove list styles on ul elements with a list role, which suggests default styling will be removed */
ul[role='list'] {
list-style: none;
}
/* Set core body defaults */
body {
min-height: 100vh;
line-height: 1.5;
margin: 0;
}
/* Set shorter line heights on headings */
h1, h2 {
line-height: 1.1;
}
/* CSS reset ends */
:root {
/* Set base font size */
font-size: 24px;
/* Default font family and fallbacks */
font-family: eightbit, system-ui, sans-serif;
font-weight: normal;
/* Color variables */
--color-primary: #343a40;
--color-primary-bg: #f8f9fa;
--color-accent: #0C7E5D;
--color-accent-bg: #fcc419;
/* Ratios variables for harmonic sizing */
--ratio: 1.5;
--s-4: calc(var(--s-3) / var(--ratio));
--s-3: calc(var(--s-2) / var(--ratio));
--s-2: calc(var(--s-1) / var(--ratio));
--s-1: calc(var(--s0) / var(--ratio));
--s0: 1rem;
--s1: calc(var(--s0) * var(--ratio));
--s2: calc(var(--s1) * var(--ratio));
--s3: calc(var(--s2) * var(--ratio));
--s4: calc(var(--s3) * var(--ratio));
}
body {
/* Default font and background colors */
color: var(--color-primary);
background-color: var(--color-primary-bg);
/* Default text size */
font-size: min(var(--s0), 5vw);
}
/* Define default max line width and exceptions to it */
* {
max-inline-size: 65ch;
}
html,
body,
div,
header,
main {
max-inline-size: none;
}
h1 {
font-size: min(var(--s4), 11vw);
font-family: extrude, system-ui, sans-serif;
/* We are using h1 as a page header so we want to get rid of any default margin */
margin-block-start: 0;
}
h2 {
font-size: min(var(--s1), 7vw);
}
/* Custom list item marker */
li::marker {
content: '> ';
}
/* Anchor styling and hover animations.
On
Open service 18.245.31.50:80 · cub3.net
2026-01-21 17:59
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 8831
Connection: close
Last-Modified: Sun, 18 Jan 2026 00:10:16 GMT
Server: AmazonS3
Date: Wed, 21 Jan 2026 10:16:50 GMT
ETag: "c7a8e1f510e6d34eabc85b357c36d708"
X-Cache: Hit from cloudfront
Via: 1.1 7e3b2ebcc561cb84cf59a80a76eb7e28.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA56-P8
X-Amz-Cf-Id: W-yADvkga_pC7jywCx5TUFtIdyfbOsGz4_YGOkdp1Pa6PT67iZhMNg==
Age: 27743
Page title: Cub3.net | Sergi Pons Freixes
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cub3.net | Sergi Pons Freixes</title>
<meta charset="utf-8"/>
<meta name="keywords" content="sergi pons, sergi pons freixes, cub3"/>
<meta name="description"
content="Web page of Sergi Pons Freixes. Portfolio and contact info."/>
<meta name="fediverse:creator" content="@sergi@floss.social"/>
<meta name=viewport content="width=device-width, initial-scale=1">
<link
rel="preload"
href="fonts/Extrude.ttf"
as="font"
type="font/ttf"
crossorigin="anonymous"
>
<link
rel="preload"
href="fonts/DiaryOfAn8BitMage.woff"
as="font"
type="font/woff"
crossorigin="anonymous"
>
<style>
@font-face {
font-family: 'extrude';
src: url('fonts/Extrude.ttf') format('truetype');
}
@font-face {
font-family: 'eightbit';
src: url('fonts/DiaryOfAn8BitMage.woff') format('woff'), url('fonts/DiaryOfAn8BitMage.ttf') format('truetype');
}
/* CSS reset starts here. Partial from https://piccalil.li/blog/a-more-modern-css-reset/.
/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Prevent font size inflation */
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, p {
margin-block-end: 0;
}
/* Remove list styles on ul elements with a list role, which suggests default styling will be removed */
ul[role='list'] {
list-style: none;
}
/* Set core body defaults */
body {
min-height: 100vh;
line-height: 1.5;
margin: 0;
}
/* Set shorter line heights on headings */
h1, h2 {
line-height: 1.1;
}
/* CSS reset ends */
:root {
/* Set base font size */
font-size: 24px;
/* Default font family and fallbacks */
font-family: eightbit, system-ui, sans-serif;
font-weight: normal;
/* Color variables */
--color-primary: #343a40;
--color-primary-bg: #f8f9fa;
--color-accent: #0C7E5D;
--color-accent-bg: #fcc419;
/* Ratios variables for harmonic sizing */
--ratio: 1.5;
--s-4: calc(var(--s-3) / var(--ratio));
--s-3: calc(var(--s-2) / var(--ratio));
--s-2: calc(var(--s-1) / var(--ratio));
--s-1: calc(var(--s0) / var(--ratio));
--s0: 1rem;
--s1: calc(var(--s0) * var(--ratio));
--s2: calc(var(--s1) * var(--ratio));
--s3: calc(var(--s2) * var(--ratio));
--s4: calc(var(--s3) * var(--ratio));
}
body {
/* Default font and background colors */
color: var(--color-primary);
background-color: var(--color-primary-bg);
/* Default text size */
font-size: min(var(--s0), 5vw);
}
/* Define default max line width and exceptions to it */
* {
max-inline-size: 65ch;
}
html,
body,
div,
header,
main {
max-inline-size: none;
}
h1 {
font-size: min(var(--s4), 11vw);
font-family: extrude, system-ui, sans-serif;
/* We are using h1 as a page header so we want to get rid of any default margin */
margin-block-start: 0;
}
h2 {
font-size: min(var(--s1), 7vw);
}
/* Custom list item marker */
li::marker {
content: '> ';
}
/* Anchor styling and hover animations.
On