ayo/mcfly
ayo/mcfly
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(site): show create command

Browse source
This commit is contained in:
Ayo 2023-10-21 20:25:18 +02:00
parent 9c83dfea61
commit 93fdbcd09e
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
site/src/components/code-block.js
View file

@ -10,7 +10,9 @@ class CodeBlockComponent extends HTMLElement {
<div> <div>
<pre class="language-${lang} ${ <pre class="language-${lang} ${
lineNumbers ? "line-numbers" : "" lineNumbers ? "line-numbers" : ""
}" id="pre"><code id="code">${this.trimmed}</code></pre> }" id="pre" style="padding:1em;background:#efefef;margin:1em 0;border-radius:5px;font-size:large;"><code id="code">${
this.trimmed
}</code></pre>
</div> </div>
`; `;
} }

3
site/src/pages/index.html
View file

@ -13,7 +13,7 @@
header, header,
footer, footer,
main { main {
max-width: 35em; max-width: 40em;
margin: 0 auto; margin: 0 auto;
} }
</style> </style>
@ -27,6 +27,7 @@
no-framework framework that assists developers in leveraging the web no-framework framework that assists developers in leveraging the web
platform. platform.
</p> </p>
<code-block>npm create mcfly@latest</code-block>
<p> <p>
Here's a sample interactive custom element: Here's a sample interactive custom element:
<vanilla-hello-world data-name="McFly"></vanilla-hello-world> <vanilla-hello-world data-name="McFly"></vanilla-hello-world>