-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
48 lines (41 loc) · 2.18 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Posts System</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./dist/bundle.css">
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div id="app" class="content-wrapper">
<header class="main-site-header" id="header-container"></header>
<div class="container" id="page-container"></div>
<footer id="footer-container"></footer>
</div>
<!--
- The Model is a container for our state, and also performs business/domain logic.
- The View is the output displayed to our user.
- The Controller serves as a mediator between our Model and View, and also stores some non-domain application state.
We want to make the model into an observable and the view into an observer.
When the observable is modified it notifies the observer, so it can react to those changes.
Reference Links:
https://medium.com/@patrickackerman/classic-front-end-mvc-with-vanilla-javascript-7eee550bc702
https://webdevstudios.com/2019/02/19/observable-pattern-in-javascript/https://medium.com/@patrickackerman/the-observer-pattern-with-vanilla-javascript-8f85ea05eaa8
https://dev.to/usamaashraf/using-events-in-nodejs-the-right-way-449b
https://medium.com/altcampus/implementing-simple-spa-routing-using-vanilla-javascript-53abe399bf3c
https://medium.com/simply-web-development/how-to-create-fluent-interfaces-the-easy-way-with-vanilla-javascript-2a61b6558f01
https://momentjs.com/
-->
</body>
<script src="./dist/bundle.js" async defer></script>
</html>