<title>Journal</title>
<meta charset="utf-8">
<meta name="description" content="Journal">
- <style>
- * {
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- *:focus {
- outline: none;
- }
- h1 { font-size: 2.0em; }
- h2 { font-size: 1.5em; }
- h3 { font-size: 1.17em; }
- h4 { font-size: 1.0em; }
- h5 { font-size: 0.83em; }
- h6 { font-size: 0.67em; }
- body {
- font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
- font-size: 16px;
- /*line-height: 1.8;*/
- max-width: 75%;
- margin-left: auto;
- margin-right: auto;
- }
- </style>
+ <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>
+ <span>2017.12.01</span>
+ <span contenteditable="true"> - New Entry</span>
</h1>
<hr>
</header>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
- <p>Paragraph text...</p>
+ <p>Paragraph text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nisl tellus, lacinia lobortis feugiat eu, fermentum sit amet nulla. Donec tincidunt feugiat tortor, sit amet varius nisi posuere ultrices. Suspendisse feugiat, massa in dictum ultricies, mauris neque tincidunt ex, sit amet pharetra risus urna vel velit. Phasellus mattis magna vitae mollis venenatis. Vestibulum pulvinar sem quis efficitur tincidunt. Morbi tempor neque id erat placerat, ac iaculis ex venenatis. Duis porttitor euismod augue, et ullamcorper quam sodales nec. Vestibulum ultricies pellentesque mattis. Nulla sit amet felis auctor, pellentesque nunc a, suscipit ligula. Praesent in justo dolor. Nullam eleifend tempus mi ac malesuada. Mauris et libero lacus.</p>
unordered list:
<ul>
<li>foo</li>
<li>foo</li>
</ol>
table:
- <table>
+ <table><tbody>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<td>Header 2</td>
</tr>
</table>
+ code block:
+ <pre><code>void main(int argc, char** argv) {
+ return 0;
+}</code></pre>
+ blockqoute:
+ <blockquote>
+ this is a block quote
+ </blockquote>
</article>
</section>
</body>
-</html>
\ No newline at end of file
+</html>
--- /dev/null
+/* Get rid of border box on editable content */
+* { -moz-box-sizing: border-box; box-sizing: border-box; }
+*:focus { outline: none; }
+
+/* override default heading sizes */
+h1 { font-size: 2.0em; }
+h2 { font-size: 1.5em; }
+h3 { font-size: 1.17em; }
+h4 { font-size: 1.0em; }
+h5 { font-size: 0.83em; }
+h6 { font-size: 0.67em; }
+
+/* set the font and the artical content width */
+body {
+ font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
+ font-size: 16px;
+ /*line-height: 1.8;*/
+ max-width: 75%;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* table styling
+
+ Github table style and code block style
+ code plock style from logbook link?
+
+*/
+table {
+ display: block;
+ width: 100%;
+ overflow: auto;
+ border-spacing: 0;
+ border-collapse: collapse;
+}
+
+/* code blocks */
+pre > code {
+ display: block;
+ padding: 1rem 1.5rem;
+ white-space: pre;
+}
+
+code {
+ margin: 0.2rem;
+ font-size: 90%;
+ background: #F1F1F1;
+ border: 1px solid #E1E1E1;
+ border-radius: 4px;
+}
projects / proto / journal.git / commitdiff