},
};
+ const ymd_string = () => {
+ const date = new Date();
+ const month = date.getMonth() + 1;
+ const day = date.getDate();
+ return "" +
+ date.getFullYear() + "." +
+ (month > 9 ? '' : '0') + month + "." +
+ (day > 9 ? '' : '0') + day
+ };
+
+ header.onkeyup = (evnt) => {
+ document.title = header.innerText;
+ }
+
content.onkeydown = (evnt) => {
const keyfn = keys[evnt.key];
return (keyfn ? keyfn(evnt) : true);
}
+
+ /* set the title to todays date */
+ header.innerHTML = '<h1 align="center" contenteditable="true">'
+ + ymd_string() + '</h1><hr/>';
+ document.title = header.innerText;
})();
<title>Journal</title>
<meta charset="utf-8">
<meta name="description" content="Journal">
- <link rel="stylesheet" type="text/css" href="style.css">
+ <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<section>
- <header>
- <h1 align="center">
- <span>2017.12.01</span>
- <span contenteditable="true"> - New Entry</span>
+ <header id="header">
+ <h1 align="center" contenteditable="true">
+ 2017.12.01
</h1>
<hr>
</header>
<ol>
<li>foo</li>
</ol>
+ <p>table:</p>
<table>
- <thead>
- <tr>
- <th>Header 1</th>
- <th>Header 2</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Cell 1</td>
- <td>Cell 2</td>
- </tr>
- </tbody>
+ <thead>
+ <tr>
+ <th>Header 1</th>
+ <th>Header 2</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Cell 1</td>
+ <td>Cell 2</td>
+ </tr>
+ </tbody>
</table>
<p>code block:</p>
projects / proto / journal.git / commitdiff