From f10ded04350e19377f5c2a904db86c5395d12531 Mon Sep 17 00:00:00 2001 From: 53hornet <53hornet@gmail.com> Date: Sat, 14 Jul 2018 16:28:28 -0400 Subject: Reworking CSS; is a TOC really necessary? --- md/53hor.net/img/background.jpg | Bin 0 -> 333465 bytes md/53hor.net/img/logo.png | Bin 0 -> 369885 bytes md/53hor.net/include/nav.inc | 9 --- md/53hor.net/include/styles.css | 75 ------------------------ md/53hor.net/index.md | 8 ++- md/53hor.net/nav.html | 9 +++ md/53hor.net/styles.css | 125 ++++++++++++++++++++++++++++++++++++++++ 7 files changed, 139 insertions(+), 87 deletions(-) create mode 100755 md/53hor.net/img/background.jpg create mode 100755 md/53hor.net/img/logo.png delete mode 100644 md/53hor.net/include/nav.inc delete mode 100644 md/53hor.net/include/styles.css create mode 100644 md/53hor.net/nav.html create mode 100644 md/53hor.net/styles.css (limited to 'md/53hor.net') diff --git a/md/53hor.net/img/background.jpg b/md/53hor.net/img/background.jpg new file mode 100755 index 0000000..f989a34 Binary files /dev/null and b/md/53hor.net/img/background.jpg differ diff --git a/md/53hor.net/img/logo.png b/md/53hor.net/img/logo.png new file mode 100755 index 0000000..ff24dee Binary files /dev/null and b/md/53hor.net/img/logo.png differ diff --git a/md/53hor.net/include/nav.inc b/md/53hor.net/include/nav.inc deleted file mode 100644 index 1022fc5..0000000 --- a/md/53hor.net/include/nav.inc +++ /dev/null @@ -1,9 +0,0 @@ - diff --git a/md/53hor.net/include/styles.css b/md/53hor.net/include/styles.css deleted file mode 100644 index f7322a7..0000000 --- a/md/53hor.net/include/styles.css +++ /dev/null @@ -1,75 +0,0 @@ -/* stylesheet for 53hor.net */ - -:root { - /* custom colors */ - --balboa:#1a5a72; -} - -#TOC { - position: fixed; - width: 25%; - height: 100%; -} - -#TOC ul { - list-style-type: disc; - color: var(--balboa); - overflow: hidden; - padding-left: 1em; -} - -#TOC li a { - text-decoration: none; - display: block; - color: black; -} - -#topnav { - -} - -#topnav ul { - list-style-type: none; - margin: 0; - padding: 0; - overflow: hidden; - position: fixed; - top: 0; - width: 100%; - background-color: var(--balboa); -} - -#topnav li { - float: left; - padding: 0; -} - -#topnav li a { - display: block; - text-align: center; - padding: 1em 1em; - text-decoration: none; - color: white; -} - -#topnav li a:hover { - color: var(--balboa); - background-color: white; -} - -article { - margin-left: 25%; - margin-top: 4em; -} - -body { - padding: 0; - margin: 0; -} - -p { - font-size: 0.8em; - font-weight 400; - text-align: justify; - text-indent: 1em; -} diff --git a/md/53hor.net/index.md b/md/53hor.net/index.md index 15045e8..27f83c9 100644 --- a/md/53hor.net/index.md +++ b/md/53hor.net/index.md @@ -4,10 +4,12 @@ pagetitle: 53hornet - Home
-# Welcome -In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced. +# Welcome to 53hornet + +--- -Introduction +#### A site for everything about my 1953 Hudson Hornet +This site is dedicated to everything about my 1953 Hudson Hornet. It serves as a digital collection documenting all of our adventures on the road and it is the hub from which my YouTube channel and Twitter feed draw. Feel free to explore this site for fun stories, photos, and videos of our Hudson! Dad and I are members of the Hudson Essex Terraplane Club and are actively trying to make it easier to find knowledge and parts for Hudson restorations. Our primary goal is to create an aftermarket and reproduction parts database for Hudson automobiles. Check out Parts Database to learn more. ## Chapter 1 diff --git a/md/53hor.net/nav.html b/md/53hor.net/nav.html new file mode 100644 index 0000000..53c8be6 --- /dev/null +++ b/md/53hor.net/nav.html @@ -0,0 +1,9 @@ + diff --git a/md/53hor.net/styles.css b/md/53hor.net/styles.css new file mode 100644 index 0000000..fdd0564 --- /dev/null +++ b/md/53hor.net/styles.css @@ -0,0 +1,125 @@ +/* stylesheet for 53hor.net */ + +/* google fonts */ +@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i'); + +:root { + /* custom colors */ + --balboa:#1a5a72; +} + +#TOC { + margin-top: 1em; + position: fixed; + width: 15%; + height: 100%; +} + +#TOC ul { + list-style-type: none; + color: var(--balboa); + overflow: hidden; + padding-left: 1em; +} + +#TOC li a { + text-decoration: none; + display: block; + color: gray; +} + +#topnav { + margin: 0; + overflow: hidden; + position: fixed; + top: 0; + width: 100%; + background-color: white; +} + +#topnav img { + padding-left: 2.5em; + padding-top: 1em; + display: block; +} + +#topnav a { + float: right; + display: block; + text-align: center; + padding: 1em 1em; + text-decoration: none; + color: var(--balboa); + transition: 0.5s; +} + +#topnav a:hover { + background-color: var(--balboa); + color: white; +} + +article { + margin-left: 15%; + margin-top: 3em; + background-image: url(background.jpg); + background-repeat: no-repeat; + background-position: center top; + background-attachment: fixed; + background-size: cover; +} + +body { + padding: 0; + margin: 0; + font-size: 1.2em; + font-family: "Merriweather", serif; +} + +hr { + color: white; + margin-left: 4em; + margin-right: 4em; + border-bottom: none; +} + +p { + text-align: justify; + text-indent: 2em; + font-weight: 400; + font-size: 0.9em; + background-color: white; + margin: 1em; + padding: 1em; +} + +h1 { + font-style: italic; + font-weight: 500; + font-size: 2.5em; + text-align: center; + color: white; + text-shadow: 3px 3px 3px black; + padding-top: 1.5em; +} + +h2 { + font-weight: 700; + font-size: 1em; + color: white; + text-shadow: 3px 3px 3px black; + margin: 1em; +} + +h3 { + font-weight: 700; + font-size: 1em; + color: var(--balboa); +} + +h4 { + font-weight: 700; + font-size: 1em; + text-align: center; + text-shadow: 3px 3px 3px black; + color: white; +} -- cgit v1.2.3