Skip to content

Update index.md #352

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
tbranyen wants to merge 1 commit into from
Closed

Update index.md #352

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
43 changes: 0 additions & 43 deletions packages/diffhtml-website/pages/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -96,25 +96,13 @@ the _View Source_ button under each example to view the source code. Each projec
has a different set of requirements and complexity level. Click _Remix To Edit_
to fork the example and mess with the code.

<a name="hello-world"></a>

### <a href="#hello-world"><u>Hello World</u></a>

A simple application that renders 'Hello world!' in a <code>&lt;div&gt;</code>
from string markup input. Demonstrates how quickly one can start prototyping.
Loads latest diffHTML core from this website using native JavaScript modules.

<div class="glitch-embed-wrap" style="height: 200px; width: 100%;">
<iframe
src="https://glitch.com/embed/#!/embed/diffhtml-helloworld?path=hello-world.js&previewSize=100&attributionHidden=true&previewFirst=true&sidebarCollapsed=true"
title="diffhtml-helloworld on Glitch"
style="height: 100%; width: 100%; border: 0;"
loading="lazy">
</iframe>
</div>

<a name="clock"></a>

---

### <a href="#clock"><u>Clock</u></a>
Expand All @@ -123,17 +111,6 @@ A medium complexity application that displays a realtime clock using SVG and
<code>requestAnimationFrame</code>. Loads latest diffHTML core from this website
using native JavaScript modules.

<div class="glitch-embed-wrap glitch-clock" style="height: 300px; width: 100%;">
<iframe
src="https://glitch.com/embed/#!/embed/diffhtml-clock?path=script.js&previewSize=100&attributionHidden=true&previewFirst=true&sidebarCollapsed=true"
title="diffhtml-clock on Glitch"
style="height: 100%; width: 100%; border: 0;"
loading="lazy">
</iframe>
</div>

<a name="hacker-news"></a>

---

### <a href="#hacker-news"><u>Hacker News</u></a>
Expand All @@ -143,17 +120,6 @@ posts and comments. Installable as a PWA. Click the fullscreen icon next to
_View Source_ to get the install prompt. Loads latest diffHTML core and plugins
from this website using native JavaScript modules.

<div class="glitch-embed-wrap glitch-clock" style="height: 300px; width: 100%;">
<iframe
src="https://glitch.com/embed/#!/embed/diffhtml-hackernews?path=script.js&previewSize=100&attributionHidden=true&previewFirst=true&sidebarCollapsed=true"
title="diffhtml-hackernews on Glitch"
style="height: 100%; width: 100%; border: 0;"
loading="lazy">
</iframe>
</div>

<a name="todomvc"></a>

---

### <a href="#todomvc"><u>TodoMVC</u></a>
Expand All @@ -165,13 +131,4 @@ with the lite version to reduce build size. [Zopfli](https://github.com/google/z
bringing the production output size to ~14kb. Loads diffHTML and plugins from
npm pinned to <code>1.0.0-beta.20</code>. It may be periodically updated.

<div class="glitch-embed-wrap" style="height: 400px; width: 100%;">
<iframe
src="https://glitch.com/embed/#!/embed/diffhtml-todomvc?path=lib/index.js&previewSize=100&attributionHidden=true&previewFirst=true&sidebarCollapsed=true"
title="diffhtml-todomvc on Glitch"
style="height: 100%; width: 100%; border: 0;"
loading="lazy">
</iframe>
</div>

---
Loading