From 2fb957f4ec334f1dcfca4b0578f95424af39b870 Mon Sep 17 00:00:00 2001 From: "Michael D. Lowis" Date: Tue, 28 Nov 2017 15:32:57 -0500 Subject: [PATCH] added lorem ipsum for paragraph text and defined styles for code blocks --- index.html | 42 ++++++++++++++---------------------------- style.css | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 64 insertions(+), 28 deletions(-) create mode 100644 style.css diff --git a/index.html b/index.html index f9bd430..bfa2cac 100644 --- a/index.html +++ b/index.html @@ -4,36 +4,14 @@ Journal - +

- 2017/12/01 - - New Entry + 2017.12.01 + - New Entry

@@ -44,7 +22,7 @@

Heading 4

Heading 5
Heading 6
-

Paragraph text...

+

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.

unordered list:
- \ No newline at end of file + diff --git a/style.css b/style.css new file mode 100644 index 0000000..3c8bedc --- /dev/null +++ b/style.css @@ -0,0 +1,50 @@ +/* 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; +} -- 2.49.0