protoml-parser
Version:
ProtoML is a lightweight, declarative markup language designed for writing and structuring meeting protocols, notes and task lists in a human-readable and machine-parseable format.
145 lines (126 loc) • 2.6 kB
HTML
<html>
<head>
<meta charset="UTF-8">
<title>Macro Index Demo</title>
<style>body {
font-family: system-ui, sans-serif;
background: #ffffff;
color: #222;
padding: 2rem;
max-width: 800px;
margin: auto;
}
h1 {
font-size: 2rem;
border-bottom: 2px solid #ccc;
margin-bottom: 1.5rem;
}
h2 {
font-size: 1.4rem;
margin-top: 2rem;
border-left: 4px solid #4a90e2;
padding-left: 0.5rem;
}
ul {
list-style: disc;
padding-left: 1.5rem;
}
li {
margin-bottom: 0.5rem;
}
.done {
text-decoration: line-through;
color: #999;
}
a {
color: #4a90e2;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
section {
margin-bottom: 2rem;
}
.tag {
background: #eee;
padding: 0.2em 0.5em;
border-radius: 4px;
font-size: 0.9em;
margin-left: 0.5rem;
display: inline-block;
}
.meta {
font-size: 0.85em;
color: #666;
margin-top: 0.2em;
}
.tag-summary {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 0.75rem;
}
.tag-card {
border: 1px solid #ddd;
border-left: 4px solid #4a90e2;
border-radius: 8px;
padding: 0.9rem;
background: #fafafa;
}
.tag-card-head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.5rem;
}
.tag-card-head code {
font-size: 0.85rem;
color: #555;
}
.tag-card-stats {
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
font-size: 0.9rem;
color: #444;
}
button {
background-color: #4a90e2;
color: white;
padding: 0.5em 1em;
font-size: 1rem;
font-family: inherit;
border: none;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
button:hover {
background-color: #3b78c5;
}
button:active {
background-color: #336aa8;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
}
button:disabled {
background-color: #ccc;
color: #666;
cursor: not-allowed;
}
</style>
</head>
<body>
<h1>Macro Index Demo</h1>
<section><h2>Meta</h2><ul>
<li><b>date:</b> 17.04.2026</li>
</ul></section>
<section><h2>Macro Index Demo</h2>
<h1 id="imported-macro-index">Imported Macro Index</h1>
<p>This document loads installed pack macros through a generated macro index.</p>
<div class="macro-pack-sample"><strong>Contract Pack</strong><br>Loaded through macros.index.pml</div>
<div class="macro-pack-sample"><strong>Base Pack</strong><br>Resolved as dependency from the same registry</div>
</section>
</body></html>