Skip to content

Instantly share code, notes, and snippets.

@simevidas

simevidas/temp.html

Created June 8, 2020 12:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save simevidas/b6b405c938a6550a5afff493f1da8039 to your computer and use it in GitHub Desktop.
Save simevidas/b6b405c938a6550a5afff493f1da8039 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
temp.html
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/static/client.css" />
<script>
window.__INITIAL_STATE__ = {};
</script>
</head>
<body>
<div id="root">
<section class="todoapp">
<header class="header">
<h1>todos</h1>
<form class="new-todo-wrapper" action="" method="post">
<input type="hidden" name="type" value="ADD_TODO" /><input type="hidden" name="payloadType" value="object" /><input class="new-todo" name="payload[text]" placeholder="What needs to be done?" autofocus="" />
<input type="hidden" name="payload[id]" value="Kg8M_NcjRD5LlD08pUbkt" />
</form>
</header>
<section class="main">
<form class="toggle-all-wrapper" action="" method="post">
<input type="hidden" name="type" value="TOGGLE_ALL_TODOS" /><input type="hidden" name="payloadType" value="json" /><button class="toggle-all" type="submit"></button>
</form>
<ul class="todo-list"></ul>
</section>
<footer class="footer">
<span class="todo-count">
<strong>0</strong> items
<!-- -->left
</span>
<ul class="filters">
<li>
<form action="" method="post">
<input type="hidden" name="type" value="SET_VISIBILITY_FILTER" /><input type="hidden" name="payloadType" value="json" /><input type="hidden" name="payload" value='"SHOW_ALL"' />
<button class="link selected" type="submit">All</button>
</form>
</li>
<li>
<form action="" method="post">
<input type="hidden" name="type" value="SET_VISIBILITY_FILTER" /><input type="hidden" name="payloadType" value="json" /><input type="hidden" name="payload" value='"SHOW_ACTIVE"' />
<button class="link" type="submit">Active</button>
</form>
</li>
<li>
<form action="" method="post">
<input type="hidden" name="type" value="SET_VISIBILITY_FILTER" /><input type="hidden" name="payloadType" value="json" /><input type="hidden" name="payload" value='"SHOW_COMPLETED"' />
<button class="link" type="submit">Completed</button>
</form>
</li>
</ul>
<form class="clear-completed" action="" method="post">
<input type="hidden" name="type" value="CLEAR_COMPLETED_TODOS" /><input type="hidden" name="payloadType" value="json" /><button class="clear-completed-btn" type="submit">Clear completed</button>
</form>
</footer>
</section>
</div>
<script src="/static/client.js"></script>
<footer class="info">
<p>Try without javascript :)</p>
<p>Created by <a href="https://blog.klungo.no/">Daniel Skogly</a></p>
<p><a href="https://blog.klungo.no/2020/05/28/using-react-and-redux-to-acommodate-users-without-javascript/">Read about this</a></p>
<p>Check out the source code on <a href="https://github.com/wishy-gift/todo-react-redux-noscript">GitHub</a></p>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment