From 30bca603cbdc3ada6c8cf978f124c2d5348c3b3e Mon Sep 17 00:00:00 2001
From: 53hornet <53hornet@gmail.com>
Date: Sun, 15 Jul 2018 18:17:51 -0400
Subject: Revamped CSS, added per-page backgrounds, added image transfer
---
md/53hor.net/background.html | 3 +
md/53hor.net/background.jpg | Bin 0 -> 12279464 bytes
md/53hor.net/contact/background.jpg | Bin 0 -> 17578166 bytes
md/53hor.net/contact/index.md | 24 ++++++++
md/53hor.net/db/background.jpg | Bin 0 -> 19744178 bytes
md/53hor.net/db/index.md | 19 ++++++-
md/53hor.net/gallery/background.jpg | Bin 0 -> 11858082 bytes
md/53hor.net/gallery/index.md | 28 ++++++++-
md/53hor.net/home-1.jpg | Bin 0 -> 407187 bytes
md/53hor.net/img/background.jpg | Bin 333465 -> 0 bytes
md/53hor.net/img/logo.png | Bin 369885 -> 0 bytes
md/53hor.net/index.md | 37 +++---------
md/53hor.net/journal/background.jpg | Bin 0 -> 16642851 bytes
md/53hor.net/journal/index.md | 22 ++++++++
md/53hor.net/logo.png | Bin 0 -> 369885 bytes
md/53hor.net/nav.html | 10 ++--
md/53hor.net/styles.css | 110 +++++++++++++++++++++++++++---------
md/53hor.net/tidbits/index.md | 4 --
18 files changed, 189 insertions(+), 68 deletions(-)
create mode 100644 md/53hor.net/background.html
create mode 100644 md/53hor.net/background.jpg
create mode 100644 md/53hor.net/contact/background.jpg
create mode 100644 md/53hor.net/contact/index.md
create mode 100644 md/53hor.net/db/background.jpg
create mode 100644 md/53hor.net/gallery/background.jpg
create mode 100755 md/53hor.net/home-1.jpg
delete mode 100755 md/53hor.net/img/background.jpg
delete mode 100755 md/53hor.net/img/logo.png
create mode 100644 md/53hor.net/journal/background.jpg
create mode 100644 md/53hor.net/journal/index.md
create mode 100755 md/53hor.net/logo.png
delete mode 100644 md/53hor.net/tidbits/index.md
(limited to 'md')
diff --git a/md/53hor.net/background.html b/md/53hor.net/background.html
new file mode 100644
index 0000000..9d8a7bb
--- /dev/null
+++ b/md/53hor.net/background.html
@@ -0,0 +1,3 @@
+
diff --git a/md/53hor.net/background.jpg b/md/53hor.net/background.jpg
new file mode 100644
index 0000000..f215134
Binary files /dev/null and b/md/53hor.net/background.jpg differ
diff --git a/md/53hor.net/contact/background.jpg b/md/53hor.net/contact/background.jpg
new file mode 100644
index 0000000..edd501b
Binary files /dev/null and b/md/53hor.net/contact/background.jpg differ
diff --git a/md/53hor.net/contact/index.md b/md/53hor.net/contact/index.md
new file mode 100644
index 0000000..fc72213
--- /dev/null
+++ b/md/53hor.net/contact/index.md
@@ -0,0 +1,24 @@
+---
+pagetitle: 53hornet - Home
+---
+
+
+### Welcome to 53hornet
+
+#### A site for everything about my 1953 Hudson Hornet
+
+# Intro
+
+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.
+
+# Say Hi to 'Ole Blue'
+
+This is Ole Blue. She's a 1953 Hudson Hornet four-door sedan. She has a 308ci flathead straight-six engine and a four-speed 'Dual-Range' Hydramatic transmission made by General Motors. Blue is the reason for this site, as are all of the experiences we had finding parts for her, fixing her up, and taking her on adventures big and small.
+
+
+
+# Using This Site
+
+On top of this page is the navigation bar, which will take you to every page of this site including our parts database, our collection of photos and images, and a page where you can contact us if you have any questions. On the left is a per-page table of contents. Every page you're on will have one of these to make navigation within a page quicker.
+
+
diff --git a/md/53hor.net/db/background.jpg b/md/53hor.net/db/background.jpg
new file mode 100644
index 0000000..8f7e989
Binary files /dev/null and b/md/53hor.net/db/background.jpg differ
diff --git a/md/53hor.net/db/index.md b/md/53hor.net/db/index.md
index a6fd4df..93133c5 100644
--- a/md/53hor.net/db/index.md
+++ b/md/53hor.net/db/index.md
@@ -1,4 +1,21 @@
---
-pagetitle: 53hornet - Database
+pagetitle: 53hornet - Parts Database
---
+
+### Parts Database
+
+#### What you really came here for
+
+# Intro
+
+Disclaimer: please remember that this database is continually a work in progress and is not guaranteed in any way. If you want to suggest a part that isn't in our list, check out part suggestions.
+
+This is the master parts list that we have amassed over time. These are new parts that you can buy easily online from Hudson Essex Terraplane club members, in online auto stores, or at local auto shops. We are open to feedback and would love to be able to list parts for more Hudsons. Please tell us if these parts work for your Hudsons and suggest new parts down below. Remember, we only check whether others' parts exist, not whether they're compatible. We are not responsible for any parts in this list that cause any sort of problems with your Hudson. If you see something wrong in the list or have a problem with one of the parts listed, please let us know on the Contact Us page and we'll try to correct it as soon as possible.
+
+# Database
+
+
+# Part Suggestions
+
+
diff --git a/md/53hor.net/gallery/background.jpg b/md/53hor.net/gallery/background.jpg
new file mode 100644
index 0000000..4cd1505
Binary files /dev/null and b/md/53hor.net/gallery/background.jpg differ
diff --git a/md/53hor.net/gallery/index.md b/md/53hor.net/gallery/index.md
index a6fd4df..68bfc62 100644
--- a/md/53hor.net/gallery/index.md
+++ b/md/53hor.net/gallery/index.md
@@ -1,4 +1,30 @@
---
-pagetitle: 53hornet - Database
+pagetitle: 53hornet - Gallery
---
+
+### Gallery
+
+#### Fabulous eye candy
+
+# Intro
+
+This is the gallery.
+
+# 2017
+
+## Dad's Retirement
+
+## Easter
+
+## Independence Day
+
+## 'Wheezy'
+
+## Put-in-Bay
+
+## Pontiac, Michigan
+
+# 2018
+
+
diff --git a/md/53hor.net/home-1.jpg b/md/53hor.net/home-1.jpg
new file mode 100755
index 0000000..8d487c7
Binary files /dev/null and b/md/53hor.net/home-1.jpg differ
diff --git a/md/53hor.net/img/background.jpg b/md/53hor.net/img/background.jpg
deleted file mode 100755
index f989a34..0000000
Binary files a/md/53hor.net/img/background.jpg and /dev/null differ
diff --git a/md/53hor.net/img/logo.png b/md/53hor.net/img/logo.png
deleted file mode 100755
index ff24dee..0000000
Binary files a/md/53hor.net/img/logo.png and /dev/null differ
diff --git a/md/53hor.net/index.md b/md/53hor.net/index.md
index 27f83c9..fc72213 100644
--- a/md/53hor.net/index.md
+++ b/md/53hor.net/index.md
@@ -1,45 +1,24 @@
---
pagetitle: 53hornet - Home
---
-
-# Welcome to 53hornet
-
----
+### Welcome to 53hornet
#### 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
-
-dflajdfhjhdflaksdhflkjahsdflkjahsdflkjahdf
-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.
-## Chapter 2
+# Intro
-dflajdfhjhdflaksdhflkjahsdflkjahsdflkjahdf
-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.
-
-## Chapter 3
-
-dflajdfhjhdflaksdhflkjahsdflkjahsdflkjahdf
-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.
-
-### Reference
-
-dflajdfhjhdflaksdhflkjahsdflkjahsdflkjahdf
-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.
+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 4
+# Say Hi to 'Ole Blue'
-dflajdfhjhdflaksdhflkjahsdflkjahsdflkjahdf
-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.
+This is Ole Blue. She's a 1953 Hudson Hornet four-door sedan. She has a 308ci flathead straight-six engine and a four-speed 'Dual-Range' Hydramatic transmission made by General Motors. Blue is the reason for this site, as are all of the experiences we had finding parts for her, fixing her up, and taking her on adventures big and small.
-## Closing Remarks
+
-dflajdfhjhdflaksdhflkjahsdflkjahsdflkjahdf
+# Using This Site
-### Contact
+On top of this page is the navigation bar, which will take you to every page of this site including our parts database, our collection of photos and images, and a page where you can contact us if you have any questions. On the left is a per-page table of contents. Every page you're on will have one of these to make navigation within a page quicker.
diff --git a/md/53hor.net/journal/background.jpg b/md/53hor.net/journal/background.jpg
new file mode 100644
index 0000000..44e5828
Binary files /dev/null and b/md/53hor.net/journal/background.jpg differ
diff --git a/md/53hor.net/journal/index.md b/md/53hor.net/journal/index.md
new file mode 100644
index 0000000..b024c12
--- /dev/null
+++ b/md/53hor.net/journal/index.md
@@ -0,0 +1,22 @@
+---
+pagetitle: 53hornet - Home
+---
+
+
+### Journal
+
+#### Thoughts from behind the wheel
+
+# Intro
+
+What is a journal?
+
+# 2018
+
+# 2017
+
+## March 13 - My First Car
+
+## April 28th - Why Are Sedans So Cool to Me?
+
+
diff --git a/md/53hor.net/logo.png b/md/53hor.net/logo.png
new file mode 100755
index 0000000..ff24dee
Binary files /dev/null and b/md/53hor.net/logo.png differ
diff --git a/md/53hor.net/nav.html b/md/53hor.net/nav.html
index 53c8be6..cf6dbb6 100644
--- a/md/53hor.net/nav.html
+++ b/md/53hor.net/nav.html
@@ -1,9 +1,9 @@
diff --git a/md/53hor.net/styles.css b/md/53hor.net/styles.css
index fdd0564..1ce2894 100644
--- a/md/53hor.net/styles.css
+++ b/md/53hor.net/styles.css
@@ -1,7 +1,8 @@
/* stylesheet for 53hor.net */
/* google fonts */
-@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i');
+@import url('https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i,900,900i');
+@import url('https://fonts.googleapis.com/css?family=Satisfy');
:root {
/* custom colors */
@@ -9,16 +10,21 @@
}
#TOC {
- margin-top: 1em;
+ box-shadow: 3px 7px 5px black;
position: fixed;
width: 15%;
height: 100%;
+ margin: 0;
+ background-color: white;
+ box-shadow: 0 2px 5px black inset;
+ overflow: auto;
}
#TOC ul {
- list-style-type: none;
+ overflow: none;
+ height: 100%;
+ list-style-type: disc;
color: var(--balboa);
- overflow: hidden;
padding-left: 1em;
}
@@ -26,15 +32,25 @@
text-decoration: none;
display: block;
color: gray;
+ font-weight: 400;
+ font-size: 0.7em;
+ font-style: italic;
+ transition: 0.25s;
+}
+
+#TOC li a:hover {
+ color: black;
}
#topnav {
+ box-shadow: 0 2px 5px black;
margin: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
- background-color: white;
+ background-color: var(--balboa);
+ z-index: 1;
}
#topnav img {
@@ -49,30 +65,64 @@
text-align: center;
padding: 1em 1em;
text-decoration: none;
- color: var(--balboa);
+ color: white;
transition: 0.5s;
}
#topnav a:hover {
- background-color: var(--balboa);
- color: white;
+ color: var(--balboa);
+ background-color: white;
+ box-shadow: 0 0 5px black;
}
-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;
+html {
+ height: 100%;
+ margin: 0;
}
body {
+ height: 100%;
padding: 0;
margin: 0;
font-size: 1.2em;
font-family: "Merriweather", serif;
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-attachment: fixed;
+ background-size: cover;
+}
+
+article {
+ height: 100%;
+ margin-left: 15%;
+ margin-top: 3em;
+}
+
+iframe {
+ height: 100%;
+ width: 100%;
+ border: none;
+}
+
+figure {
+ margin: none;
+ padding: 1em;
+ margin-left: 25%;
+ width: 50%;
+ background-color: white;
+ box-shadow: 0 5px 5px black;
+}
+
+figure img {
+ width: 100%;
+}
+
+figure figcaption {
+ color: black;
+ text-align: right;
+ font-weight: 400;
+ font-size: 0.8em;
+ font-family: "Satisfy", sans-serif;
}
hr {
@@ -90,36 +140,40 @@ p {
background-color: white;
margin: 1em;
padding: 1em;
+ box-shadow: 0 5px 5px black;
}
-h1 {
+h3 { /* decorative page title */
font-style: italic;
- font-weight: 500;
+ font-weight: 900;
font-size: 2.5em;
text-align: center;
color: white;
- text-shadow: 3px 3px 3px black;
+ text-shadow: 2px 2px 5px black;
padding-top: 1.5em;
}
-h2 {
- font-weight: 700;
+h4 { /* decorative page subtitle */
+ font-weight: 900;
font-size: 1em;
- color: white;
+ text-align: center;
text-shadow: 3px 3px 3px black;
- margin: 1em;
+ color: white;
}
-h3 {
+h1 { /* section title */
font-weight: 700;
font-size: 1em;
- color: var(--balboa);
+ color: white;
+ text-shadow: 3px 3px 3px black;
+ margin: 1em;
}
-h4 {
+h2 { /* subsection title */
font-weight: 700;
font-size: 1em;
- text-align: center;
- text-shadow: 3px 3px 3px black;
color: white;
+ text-shadow: 3px 3px 3px black;
+ margin: 1em;
}
+
diff --git a/md/53hor.net/tidbits/index.md b/md/53hor.net/tidbits/index.md
deleted file mode 100644
index a6fd4df..0000000
--- a/md/53hor.net/tidbits/index.md
+++ /dev/null
@@ -1,4 +0,0 @@
----
-pagetitle: 53hornet - Database
----
-
--
cgit v1.2.3