Apache
tcp/80
Open service 37.48.80.100:80 ยท c0b.free
2026-01-25 19:15
HTTP/1.1 200 OK
Date: Sun, 25 Jan 2026 19:15:37 GMT
Server: Apache
X-Powered-By: PHP/8.2.28
Upgrade: h2,h2c
Connection: Upgrade, close
Transfer-Encoding: chunked
Content-Type: text/html; charset=UTF-8
Page title: Notebook of Maya
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<title>Notebook of Maya</title>
<style>
:root{
--container-w: 1000px;
--nav-w: 400px;
--gap: 24px;
--bg: #fafafa;
--ink: #1f2328;
--muted: #6b7280;
--accent: #0f766e;
--border: #e5e7eb;
}
* { box-sizing: border-box; }
body{
margin:0;
font: 15px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
color: var(--ink);
background: var(--bg);
}
header{
border-bottom: 1px solid var(--border);
margin-bottom: 16px;
background: #fff;
}
.wrap{
max-width: var(--container-w);
margin: 0 auto;
padding: 12px 16px;
}
.site-title{
font-weight: 600;
font-size: 18px; /* small, not-so-large */
letter-spacing: .2px;
}
.site-subtitle {
font-size: 14px;
color: var(--muted);
margin-top: 2px;
}
main.wrap{
display: grid;
grid-template-columns: max-content minmax(0, 1fr); /* nav fits its content; content takes the rest */
gap: var(--gap);
align-items: start;
}
/* --- Mobile view --- */
@media (max-width: 768px) {
main.wrap {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}
article {
order: 1;
}
nav {
order: 2;
position: static;
width: 100% !important; /* force nav full width */
max-width: 100%; /* prevent shrinking */
margin-top: 16px;
box-sizing: border-box; /* include padding in width */
}
}
nav{
background: #fff;
border: 1px solid var(--border);
border-radius: 10px;
padding: 12px;
position: static;
overflow: visible;
width: max-content; /* shrink-wrap to content */
}
.nav-group{
margin-bottom: 10px;
}
.nav-title{
font-weight: 600;
padding: 6px 8px;
margin: 4px 0;
color: var(--ink);
}
.nav-title .id{ color: var(--muted); margin-right: 6px; }
.nav-list{
list-style: none;
padding: 0 0 0 12px;
margin: 6px 0 10px;
}
.nav-item{ margin: 2px 0; }
.nav-link{
display: inline-block;
padding: 4px 6px;
text-decoration: none;
border-radius: 6px;
color: var(--ink);
white-space: nowrap;
}
.nav-link:hover{ background: #f1f5f9; }
.nav-link.active{
background: #e0f2f1;
color: var(--accent);
font-weight: 600;
}
article{
background: #fff;
border: 1px solid var(--border);
border-radius: 10px;
padding: 18px;
min-height: 60vh;
overflow-wrap: anywhere;
}
article h1, article h2, article h3{
margin: 1em 0 .5em;
line-height: 1.25;
}
article pre{
padding: 10px;
border-radius: 8px;
background: #0b1020;
color: #e6edf3;
/* removed: overflow: auto; */
overflow: visible;
white-space: pre-wrap; /* wrap long lines */
word-break: break-word; /* break very long tokens */
}
article code{
background: #f3f4f6;
padding: 2px 4px;
border-radius: 4px;
}
.empty{
color: var(--muted);
font-style: italic;
padding: 12px 0;
}
</style>
</head>
<body>
<header>
<div class="wrap">
<div class="site-title">Notebook of Maya</div>
<div class="site-subtitle">Understanding Human Difficulties</div>
</div>
</header>
<main class="wrap">
<nav>
<div class="empty">No numbered .md files found. Put files like <code>1.1.0 My Topic.md</code> in th