-
Notifications
You must be signed in to change notification settings - Fork 0
Home
BubbleFish edited this page Apr 25, 2025
·
6 revisions
Important
The wiki is currently at version v1.0.0-alpha.1 (Hopefully it's up-to-date)
Mend is a simple HTML template processor designed to, but not limited to be used to generate static websites.
The produced HTML is always consistently formatted and sorted.
Source file:
<pkg:root :title="Home" :searchbar="true">
<pkg:heading class="%s is-center width-content">
<h1>Welcome!</h1>
<p class="is-center">
Smithed is an open-source platform for exploring, sharing <br />
and supercharging minecraft data & resource packs.
</p>
</pkg:heading>
<pkg:grid :cols="2" class="%s width-content">
<section class="o-landing-carousell">
<div id="js-carousell-1" data-i="1">
...
</div>
</section>
<section class="o-landing-carousell">
<div id="js-carousell-2" data-i="1">
...
</div>
</section>
</pkg:grid>
<pkg:separator class="%s width-content">
What is Smithed exactly?
</pkg:separator>
</pkg:root>Using:
mend --strip-comments --input checksum=123 <filename>Could result in (assuming you are using the example/ components) something like:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=yes, initial-scale=1.0, width=device-width" />
<meta name="author" content="github.com/bbfh-dev/mend" />
<meta name="description" content="An example website" />
<title>
Home — Smithed™
</title>
<link rel="stylesheet" href="/static/styles.min.css?checksum=123" />
<script src="/static/main.js">
</script>
<script src="/static/page_index.js">
</script>
</head>
<body class="theme-default">
<header>
<a class="w-unmarked-link on-highlight" href="/" style="grid-area: logotype;">
<svg class="type-icon">
</svg>
<h2 class="a-hide-wide">
Smithed
</h2>
</a>
<a class="w-unmarked-link on-highlight" href="/browse" style="grid-area: browse;">
Browse
</a>
<a class="w-unmarked-link on-highlight" href style="grid-area: articles;">
Articles
</a>
<a class="w-unmarked-link on-highlight" href style="grid-area: weld;">
Weld
<svg class="type-icon" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" fill="#ffffff">
<path d="m6 2c-2.216 0-4 1.784-4 4v4c0 2.216 1.784 4 4 4h4c2.216 0 4-1.784 4-4h-2c0 1.108-0.892 2-2 2h-4c-1.108 0-2-0.892-2-2v-4c0-1.108 0.892-2 2-2v-2zm2 0v2h2c0.17886 0 0.35087 0.02667 0.51562 0.070312l-3.2227 3.2227a1 1 0 0 0 0 1.4141 1 1 0 0 0 1.4141 0l3.2227-3.2227c0.043642 0.16476 0.070312 0.33677 0.070312 0.51562v2h2v-2c0-2.216-1.784-4-4-4h-2z" />
</svg>
</a>
<div class="w-input is-flex">
<svg class="type-icon" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" fill="#ffffff">
<path d="m10 7a3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3 3 3 0 0 1 3 3zm-3-5a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 2.7539-0.83203l2.5391 2.5391c0.39052 0.39052 1.0235 0.39052 1.4141 0 0.39052-0.39052 0.39052-1.0235 0-1.4141l-2.5391-2.5391a5 5 0 0 0 0.83203-2.7539 5 5 0 0 0-5-5z" fill-rule="evenodd" />
</svg>
<input id="searchbar" type="text" placeholder="Search..." />
</div>
<a class="w-unmarked-link on-highlight" href style="grid-area: weld;">
Inbox
<svg class="type-icon a-hide-content a-show-tablet" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" fill="#ffffff">
<path d="m7 0.0019531v2.0996c-2.2746 0.46688-4 2.4912-4 4.8984v1 1.5293l-0.93164 1.0039a0.87297 0.87297 0 0 0 0.64062 1.4668h10.705a0.82843 0.82843 0 0 0 0.58594-1.4141l-1-1v-1.5859-0.11914c-0.32021 0.08441-0.65574 0.12891-1 0.12891s-0.67979-0.044496-1-0.12891v0.11914 2h-6v-2-1c0-1.6687 1.3313-3 3-3 0.0024798-0.99489 0.38196-1.9115 1-2.6152v-1.3828h-2zm5 2.0078a2 2 0 0 0-2 2 2 2 0 0 0 2 2 2 2 0 0 0 2-2 2 2 0 0 0-2-2zm-6 11.99a2 2 0 0 0 1 1.7324 2 2 0 0 0 2 0 2 2 0 0 0 1-1.7324h-4z" />
</svg>
</a>
<a class="w-button accent" style="grid-area: profile;">
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" fill="#ffffff">
<path d="m14 15c0 0.55228-0.44772 1-1 1s-1-0.44772-1-1v-3c0-0.554-0.446-1-1-1h-6c-0.554 0-1 0.446-1 1v3c0 0.55228-0.44772 1-1 1s-1-0.44772-1-1v-3c0-1.662 1.338-3 3-3h6c1.662 0 3 1.338 3 3zm-4-11a2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2 2 2 0 0 1 2 2zm2 0a4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4 4 4 0 0 1 4 4z" fill-rule="evenodd" />
</svg>
Log in
</a>
</header>
<main>
<section class="w-heading is-center width-content">
<h1>
Welcome!
</h1>
<p class="is-center">
Smithed is an open-source platform for exploring, sharing
<br />
and supercharging minecraft data & resource packs.
</p>
</section>
<section class="l-grid-2 width-content">
<section class="o-landing-carousell">
<div id="js-carousell-1" data-i="1">
...
</div>
</section>
<section class="o-landing-carousell">
<div id="js-carousell-2" data-i="1">
...
</div>
</section>
</section>
<section class="w-separator width-content">
<hr class="type-soft" />
What is Smithed exactly?
<hr class="type-soft" />
</section>
</main>
<footer class="--centered">
<div>
<section>
<h2>
ABOUT
</h2>
<a class="w-unmarked-link on-highlight" href>
About Smithed
</a>
<a class="w-unmarked-link on-highlight" href>
How to Contribute
</a>
<a class="w-unmarked-link on-highlight" href>
Donate
</a>
</section>
<section>
<h2>
COMMUNITY
</h2>
<a class="w-unmarked-link on-highlight" href>
Discord
</a>
<a class="w-unmarked-link on-highlight" href>
Guidelines
</a>
<a class="w-unmarked-link on-highlight" href>
Wiki
</a>
</section>
<section>
<h2>
LEGAL
</h2>
<a class="w-unmarked-link on-highlight" href>
Terms of Use
</a>
<a class="w-unmarked-link on-highlight" href>
Privacy Policy
</a>
<a class="w-unmarked-link on-highlight" href>
Cookies
</a>
</section>
</div>
<section>
<b>
Copyright © 2018-2025 Smithed
</b>
<p>
<em>
Not an official Minecraft product. Not approved by or associated with Mojang Studios
</em>
</p>
</section>
</footer>
</body>
</html>