diff options
| -rw-r--r-- | makefile | 2 | ||||
| -rw-r--r-- | md/53hor.net/include/nav.inc | 9 | ||||
| -rw-r--r-- | md/53hor.net/include/styles.css | 57 | ||||
| -rw-r--r-- | notes.txt | 6 |
4 files changed, 58 insertions, 16 deletions
@@ -14,7 +14,7 @@ all: css 53hor.net atc.53hor.net html/53hor.net/%.html: md/53hor.net/%.md md/53hor.net/include/nav.inc @echo "53hor.net: $< -> $@" @mkdir -p "$(@D)" - @pandoc "$<" -f markdown -t html5 -s --toc --toc-depth=2 -B md/53hor.net/include/nav.inc -c /include/styles.css -o "$@" + @pandoc "$<" -f markdown -t html5 -s --toc --toc-depth=3 -B md/53hor.net/include/nav.inc -c /include/styles.css -o "$@" .PHONY: atc.53hor.net atc.53hor.net: $(ATC_HTML) diff --git a/md/53hor.net/include/nav.inc b/md/53hor.net/include/nav.inc index 5150512..1022fc5 100644 --- a/md/53hor.net/include/nav.inc +++ b/md/53hor.net/include/nav.inc @@ -1,4 +1,9 @@ <nav id="topnav"> -<p>the topnav test</p> - +<ul> + <li><a href="/">Home</a></li> + <li><a href="/db">Database</a></li> + <li><a href="http://youtube.com/my53hornet">YouTube</a></li> + <li><a href="/journal">Journal</a></li> + <li><a href="/contact">Contact</a></li> +</ul> </nav> diff --git a/md/53hor.net/include/styles.css b/md/53hor.net/include/styles.css index 3222b01..f7322a7 100644 --- a/md/53hor.net/include/styles.css +++ b/md/53hor.net/include/styles.css @@ -1,32 +1,75 @@ +/* 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; - width: 25%; + overflow: hidden; position: fixed; - height: 100%; - overflow: auto; + top: 0; + width: 100%; + background-color: var(--balboa); } -#TOC li a { +#topnav li { + float: left; + padding: 0; +} + +#topnav li a { display: block; + text-align: center; padding: 1em 1em; text-decoration: none; + color: white; } -#topnav { - display: inline-block; - +#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/notes.txt b/notes.txt deleted file mode 100644 index f28fd5f..0000000 --- a/notes.txt +++ /dev/null @@ -1,6 +0,0 @@ -Now I need to specify the different makes for each of the sites; so inside the -master makefile just have three different builds that are built with all, one for each dir. Then -inside each of those builds include the .css and .nav dedicated to that site -(the files for which are always stored in /include/. - -Need to copy any files that aren't MD into the html directory as they are. |