learn-javascript-the-hard-way
/
bandolier2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Prototype the FSM feature I want to teach and test out nunjucks ability to import.

Browse Source
main
Zed A. Shaw 9 months ago
parent c8d47a4be2
commit 0378b2dca3
3 changed files with 46 additions and 23 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 3
      templates/footer.html
  2. 16
      templates/header.html
  3. 50
      templates/todo.html

3
templates/footer.html
Unescape View File

@ -0,0 +1,3 @@
</body>
<!-- not much here yet -->
</html>

16
templates/header.html
Unescape View File

@ -0,0 +1,16 @@
<!doctype html>
<html>
<head>
<script src="/alpine.js"></script>
<script src="/fsm.js"></script>
<title>Bandolier2</title>
<style>
@import "/open-props.min.css";
@import "/normalize.min.css";
</style>
<head>
</head>
<body>

50
templates/todo.html
Unescape View File

@ -1,28 +1,32 @@
<!doctype html> {% include "./header.html" %}
<html> <h1>Your TODOs</h1>
<head>
<script src="/alpine.js"></script> <ol>
<script src="/fsm.js"></script> {% for todo in todo_list %}
<title>Bandolier2</title> <li>{{ todo.task }}</li>
{% else %}
<li>No TODO Items</li>
{% endfor %}
</ol>
<style> <style>
@import "/open-props.min.css"; .disabled {
@import "/normalize.min.css"; display: none;
}
.enabled {
display: none;
}
</style> </style>
<head> <div x-state="state-1" class="disabled">
</head> <h1>State 1</h1>
</div>
<body>
<h1>Your TODOs</h1> <div x-state="state-2">
<h1>State 2</h1>
<ol> </div>
{% for todo in todo_list %}
<li>{{ todo.task }}</li>
{% else %} {% include "./footer.html" %}
<li>No TODO Items</li>
{% endfor %}
</ol>
</body>
</html>

Write Preview
Loading…
Cancel
Save