Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
94 changes: 94 additions & 0 deletions assets/web/css/site.css
Original file line number Diff line number Diff line change
Expand Up @@ -543,6 +543,100 @@ h3 {
background: transparent;
}

/* Dataset tracks ----------------------------------------------------------- */

.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}

.dataset-tracks {
min-height: auto;
padding: 64px 0 72px;
background: linear-gradient(180deg, #fbfbf8, rgba(238, 246, 241, 0.72));
}

.dataset-tracks-scroll {
width: fit-content;
max-width: min(980px, 100%);
margin: 0 auto;
overflow-x: auto;
border: 1px solid var(--line);
border-radius: 14px;
background: var(--white);
box-shadow: 0 10px 34px rgba(23, 33, 28, 0.06);
}

.dataset-tracks-table {
width: auto;
min-width: 640px;
border-collapse: collapse;
font-size: 15px;
line-height: 1.6;
}

.dataset-tracks-table th,
.dataset-tracks-table td {
padding: 14px 20px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid var(--line);
}

.dataset-tracks-table thead th {
color: var(--green-dark);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
background: var(--wash);
border-bottom: 1px solid var(--line);
}

.dataset-tracks-table thead th:first-child {
border-top-left-radius: 13px;
}

.dataset-tracks-table thead th:last-child {
border-top-right-radius: 13px;
}

.dataset-tracks-table tbody tr:last-child th,
.dataset-tracks-table tbody tr:last-child td {
border-bottom: 0;
}

.dataset-tracks-table tbody th[scope="row"] {
width: 96px;
font-weight: 600;
}

.dataset-tracks-table code {
padding: 3px 8px;
border-radius: 6px;
background: rgba(15, 123, 79, 0.08);
color: var(--green-dark);
font-family: var(--font-mono);
font-size: 13px;
}

.dataset-tracks-table td:nth-child(2) {
width: 148px;
color: var(--muted);
font-weight: 600;
}

.dataset-tracks-table td:last-child {
color: var(--ink);
}

/* Highlight framework ---------------------------------------------------- */

#features {
Expand Down
36 changes: 33 additions & 3 deletions assets/web/js/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,44 @@

// Optional page analytics ---------------------------------------------------

const pageViewCounter = document.querySelector("#busuanzi_page_pv");
const pageViewCounter = document.querySelector("#busuanzi_value_page_pv");
const isLocalPreview = ["localhost", "127.0.0.1", "::1"].includes(window.location.hostname);

if (["http:", "https:"].includes(window.location.protocol) && !isLocalPreview) {
const counterProviders = [
{
src: "https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js",
},
{
src: "https://busuanzi.9420.ltd/js",
prefix: "busuanzi_value",
},
];
let counterProviderIndex = -1;

const loadCounterProvider = (index) => {
if (counterProviderIndex >= index || !pageViewCounter) return;
counterProviderIndex = index;
if (index >= counterProviders.length) {
pageViewCounter.textContent = "—";
return;
}

const provider = counterProviders[index];
const busuanziScript = document.createElement("script");
busuanziScript.defer = true;
busuanziScript.src = "https://busuanzi.9420.ltd/js";
busuanziScript.src = provider.src;
if (provider.prefix) busuanziScript.dataset.prefix = provider.prefix;
busuanziScript.addEventListener("error", () => loadCounterProvider(index + 1));
document.head.appendChild(busuanziScript);

window.setTimeout(() => {
const value = (pageViewCounter.textContent ?? "").trim();
if (!value || value === "--") loadCounterProvider(index + 1);
Comment on lines +40 to +42
}, 6000);
};

if (["http:", "https:"].includes(window.location.protocol) && !isLocalPreview) {
loadCounterProvider(0);
} else if (pageViewCounter) {
pageViewCounter.textContent = "—";
}
Expand Down
89 changes: 86 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<meta property="og:description" content="A benchmark for on-device long-term memory." />
<meta property="og:site_name" content="MobileMem" />
<meta name="twitter:card" content="summary" />
<link rel="stylesheet" href="assets/web/css/site.css?v=20260817-5" />
<link rel="stylesheet" href="assets/web/css/site.css?v=20261009-1" />
<link rel="stylesheet" href="assets/web/css/case-demo.css?v=20260812-5" />
<link rel="stylesheet" href="assets/web/css/application-browser.css?v=20260811-11" />
</head>
Expand Down Expand Up @@ -1040,6 +1040,89 @@ <h2 id="dataset-case-dialog-title">
</div>
</section>

<!-- Dataset tracks -->
<section
class="section compact dataset-tracks"
id="datasets"
aria-labelledby="datasets-title"
>
<div class="wrap">
<div class="center-head">
<p class="eyebrow">Data Categories</p>
<h2 id="datasets-title">
<span data-lang="zh">MobileMem 的数据分类</span>
<span data-lang="en">MobileMem Data Categories</span>
</h2>
</div>
<div class="dataset-tracks-scroll" tabindex="0">
<table class="dataset-tracks-table">
<caption class="sr-only">
<span data-lang="zh">MobileMem 包含的数据分类</span>
<span data-lang="en">The data categories included in MobileMem</span>
</caption>
<thead>
<tr>
<th scope="col">
<span data-lang="zh">数据集</span>
<span data-lang="en">Track</span>
</th>
<th scope="col">
<span data-lang="zh">模态</span>
<span data-lang="en">Modality</span>
</th>
<th scope="col">
<span data-lang="zh">描述</span>
<span data-lang="en">Description</span>
</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><code>text</code></th>
<td>
<span data-lang="zh">文本</span>
<span data-lang="en">Text</span>
</td>
<td>
<span data-lang="zh">长时程用户–助手对话与结构化移动应用事件。</span>
<span data-lang="en"
>Long-horizon user–assistant conversations and structured mobile-app
events.</span
>
</td>
</tr>
<tr>
<th scope="row"><code>omni</code></th>
<td>
<span data-lang="zh">文本与图像</span>
<span data-lang="en">Text and images</span>
</td>
<td>
<span data-lang="zh">包含截图与照片的多模态移动交互。</span>
<span data-lang="en"
>Multimodal mobile interactions with screenshots and photos.</span
>
</td>
</tr>
<tr>
<th scope="row"><code>struct</code></th>
<td>
<span data-lang="zh">结构化数据</span>
<span data-lang="en">Structured data</span>
</td>
<td>
<span data-lang="zh">来自端侧应用的模拟结构化数据。</span>
<span data-lang="en"
>Simulated structured data from on-device applications.</span
>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>

<!-- Research highlights -->
<section class="section" id="features" aria-labelledby="features-title">
<div class="wrap">
Expand Down Expand Up @@ -1507,7 +1590,7 @@ <h2 id="institutions-title">
<span class="counter-item">
<span data-lang="zh">访问量</span>
<span data-lang="en">Page views</span>
<strong id="busuanzi_page_pv">--</strong>
<strong id="busuanzi_value_page_pv">--</strong>
</span>
</div>
</div>
Expand Down Expand Up @@ -1539,6 +1622,6 @@ <h2 id="institutions-title">
<script src="assets/web/js/quick-start.js?v=20260811-2"></script>
<script src="assets/web/js/application-scenarios.js?v=20260811-1"></script>
<script src="assets/web/js/application-browser.js?v=20260811-10"></script>
<script src="assets/web/js/main.js?v=20260817-7"></script>
<script src="assets/web/js/main.js?v=20261009-1"></script>
</body>
</html>
Loading