56 lines
1.6 KiB
HTML
56 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<my-head>
|
|
<link rel="stylesheet" href="/prism.css" />
|
|
<script src="/prism.js"></script>
|
|
<style>
|
|
@counter-style publish-icons {
|
|
system: cyclic;
|
|
symbols: "️✅";
|
|
suffix: " ";
|
|
}
|
|
ul {
|
|
list-style: publish-icons;
|
|
}
|
|
header,
|
|
footer,
|
|
main {
|
|
max-width: 35em;
|
|
margin: 0 auto;
|
|
}
|
|
</style>
|
|
</my-head>
|
|
<body>
|
|
<awesome-header></awesome-header>
|
|
<main>
|
|
<section>
|
|
<p>
|
|
<strong style="font-size: large">McFly</strong> is a full-stack
|
|
no-framework framework that assists developers in leveraging the web
|
|
platform.
|
|
</p>
|
|
<p>
|
|
Here's a sample interactive custom element:
|
|
<vanilla-hello-world data-name="McFly"></vanilla-hello-world>
|
|
</p>
|
|
<p>
|
|
Start at the very basic of writing HTML files and enhance with
|
|
standard web technologies or go advanced as you like, at your own
|
|
pace.
|
|
</p>
|
|
<ul>
|
|
<li>Create web apps with vanilla custom elements</li>
|
|
<li>Write real .HTML files</li>
|
|
<li>Have no frameworks or reactivity libraries on the browser</li>
|
|
<li>Use server-side rendering</li>
|
|
<li>Deploy anywhere</li>
|
|
</ul>
|
|
<p>
|
|
Visit our in-progress <a href="/demo">Demo Page</a> or read more on ✨
|
|
<a href="https://github.com/ayoayco/mcfly#readme">GitHub</a>.
|
|
</p>
|
|
</section>
|
|
</main>
|
|
<my-footer></my-footer>
|
|
</body>
|
|
</html>
|