pages-server
tcp/443
Open service 2a0a:4580:103f:c0de::2:80 · edo.yarmo.eu
2026-01-24 18:31
HTTP/1.1 302 Found content-length: 0 location: https://edo.yarmo.eu/ cache-control: no-cache connection: close
Open service 217.197.84.141:80 · edo.yarmo.eu
2026-01-24 18:31
HTTP/1.1 302 Found content-length: 0 location: https://edo.yarmo.eu/ cache-control: no-cache connection: close
Open service 2a0a:4580:103f:c0de::2:443 · edo.yarmo.eu
2026-01-24 18:31
HTTP/1.1 200 OK
Allow: GET, HEAD, OPTIONS
Cache-Control: public, max-age=600
Content-Length: 666750
Content-Type: text/html; charset=utf-8
Etag: "7f1e30a5593d1f6c1a8a513eb0c80bb273d06e72"
Last-Modified: Sat, 30 Mar 2024 15:57:30 GMT
Referrer-Policy: strict-origin-when-cross-origin
Server: pages-server
X-Pages-Cache: true
Date: Sat, 24 Jan 2026 18:31:05 GMT
Connection: close
Page title: EDOmame
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EDOmame</title>
<style>
* {
box-sizing: border-box;
}
html {
font-family: sans-serif;
background-color: #f8f9fa;
}
#container {
width: 100%;
max-width: 1080px;
padding: 0 8px;
margin: 0 auto;
}
h1 {
color: #5c940d;
}
h3 {
margin-top: 32px;
}
summary > h2 {
display: inline-block;
text-decoration: underline;
cursor: pointer;
}
button {
padding: 6px 12px;
margin: 0 4px 4px 0;
border: 0;
background-color: #d0ebff;
font-size: 1rem;
cursor: pointer;
}
button:hover {
background-color: #a5d8ff;
}
table {
border-spacing:0;
border-collapse: collapse;
}
table th, table td {
padding: 8px 16px;
}
table thead tr {
border-bottom: solid 2px #000;
}
table tbody tr {
border-top: solid 1px #000;
}
.scale {
padding: 16px;
margin-bottom: 32px;
border-radius: 4px;
border: solid 2px #e9ecef;
background-color: #fff;
}
.scale > :first-child {
margin-top: 0;
}
.scale > :last-child {
margin-bottom: 0;
}
.scale svg {
width: 100%;
height: 32px;
}
.notes {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.keyboard {
display: flex;
align-content: stretch;
height: 32px;
}
.keyboard > div {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
background-color: #d0ebff;
overflow: hidden;
cursor: pointer;
user-select: none;
}
.keyboard > div:hover {
background-color: #d0bfff;
}
.keyboard > div:nth-of-type(2n) {
background-color: #a5d8ff;
}
.keyboard > div:nth-of-type(2n):hover {
background-color: #b197fc;
}
.tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 8px 0;
}
.tag {
display: inline-flex;
}
.tag > span {
padding: 6px 8px;
}
.tag > span:first-of-type {
background-color: #e9ecef;
}
.tag > span:last-of-type {
background-color: #ced4da;
}
</style>
</head>
<body>
<div id="container">
<h1>EDOmame</h1>
<main>
<p>
<em>An exploration in microtonality.</em>
<br/>
Source code: <a href="https://codeberg.org/yarmo/edomame">Codeberg.org</a>.
License: <a href="https://codeberg.org/yarmo/edomame/src/branch/main/LICENSE">MIT</a>.
</p>
<details open="open">
<summary>
<h2>Just Intonation</h2>
</summary>
<div class="scale">
<h3>
<a href="just/">Just Intonation 5-limit</a>
</h3>
<svg version='1.1' width='640px' height='32px' xmlns='http://www.w3.org/2000/svg'>
<rect width='100%' height='25%' y='0%' fill='#f1f3f5' />
<rect width='100%' height='75%' y='25%' fill='#d8f5a2' />
<rect width='0.5%' height='25%' x='0%' y='0%' fill='#adb5bd' /><rect width='0.5%' height='25%' x='9.264394%' y='0%' fill='#adb5bd' /><rect width='0.5%' height='25%' x='16.907537%' y='0%' fill='#adb5bd' /><rect width='0.5%' height='25%' x='26.171928%' y='0%' fill='#adb5bd' /><rect width='0.5%' height='25%' x='32.031845%' y='0%' fill='#adb5bd' /><rect width='0.5%' height='25%' x='41.296234%' y='0%' fill='#adb5bd'
Open service 217.197.84.141:443 · edo.yarmo.eu
2026-01-24 18:31
HTTP/1.1 200 OK
Allow: GET, HEAD, OPTIONS
Cache-Control: public, max-age=600
Content-Length: 666750
Content-Type: text/html; charset=utf-8
Etag: "7f1e30a5593d1f6c1a8a513eb0c80bb273d06e72"
Last-Modified: Sat, 30 Mar 2024 15:57:30 GMT
Referrer-Policy: strict-origin-when-cross-origin
Server: pages-server
X-Pages-Cache: true
Date: Sat, 24 Jan 2026 18:31:06 GMT
Connection: close
Page title: EDOmame
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EDOmame</title>
<style>
* {
box-sizing: border-box;
}
html {
font-family: sans-serif;
background-color: #f8f9fa;
}
#container {
width: 100%;
max-width: 1080px;
padding: 0 8px;
margin: 0 auto;
}
h1 {
color: #5c940d;
}
h3 {
margin-top: 32px;
}
summary > h2 {
display: inline-block;
text-decoration: underline;
cursor: pointer;
}
button {
padding: 6px 12px;
margin: 0 4px 4px 0;
border: 0;
background-color: #d0ebff;
font-size: 1rem;
cursor: pointer;
}
button:hover {
background-color: #a5d8ff;
}
table {
border-spacing:0;
border-collapse: collapse;
}
table th, table td {
padding: 8px 16px;
}
table thead tr {
border-bottom: solid 2px #000;
}
table tbody tr {
border-top: solid 1px #000;
}
.scale {
padding: 16px;
margin-bottom: 32px;
border-radius: 4px;
border: solid 2px #e9ecef;
background-color: #fff;
}
.scale > :first-child {
margin-top: 0;
}
.scale > :last-child {
margin-bottom: 0;
}
.scale svg {
width: 100%;
height: 32px;
}
.notes {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.keyboard {
display: flex;
align-content: stretch;
height: 32px;
}
.keyboard > div {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
background-color: #d0ebff;
overflow: hidden;
cursor: pointer;
user-select: none;
}
.keyboard > div:hover {
background-color: #d0bfff;
}
.keyboard > div:nth-of-type(2n) {
background-color: #a5d8ff;
}
.keyboard > div:nth-of-type(2n):hover {
background-color: #b197fc;
}
.tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 8px 0;
}
.tag {
display: inline-flex;
}
.tag > span {
padding: 6px 8px;
}
.tag > span:first-of-type {
background-color: #e9ecef;
}
.tag > span:last-of-type {
background-color: #ced4da;
}
</style>
</head>
<body>
<div id="container">
<h1>EDOmame</h1>
<main>
<p>
<em>An exploration in microtonality.</em>
<br/>
Source code: <a href="https://codeberg.org/yarmo/edomame">Codeberg.org</a>.
License: <a href="https://codeberg.org/yarmo/edomame/src/branch/main/LICENSE">MIT</a>.
</p>
<details open="open">
<summary>
<h2>Just Intonation</h2>
</summary>
<div class="scale">
<h3>
<a href="just/">Just Intonation 5-limit</a>
</h3>
<svg version='1.1' width='640px' height='32px' xmlns='http://www.w3.org/2000/svg'>
<rect width='100%' height='25%' y='0%' fill='#f1f3f5' />
<rect width='100%' height='75%' y='25%' fill='#d8f5a2' />
<rect width='0.5%' height='25%' x='0%' y='0%' fill='#adb5bd' /><rect width='0.5%' height='25%' x='9.264394%' y='0%' fill='#adb5bd' /><rect width='0.5%' height='25%' x='16.907537%' y='0%' fill='#adb5bd' /><rect width='0.5%' height='25%' x='26.171928%' y='0%' fill='#adb5bd' /><rect width='0.5%' height='25%' x='32.031845%' y='0%' fill='#adb5bd' /><rect width='0.5%' height='25%' x='41.296234%' y='0%' fill='#adb5bd'