diff --git a/index.html b/index.html index d894347..d510ce7 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,19 @@ + + + + +
+ Home + Site Source + Contact + About + + + +
+ @@ -9,8 +23,6 @@ -

Homepage

-

Welcome to my Comfy Town

Cool stuff about me

diff --git a/make.sh b/make.sh index 641a397..273336f 100755 --- a/make.sh +++ b/make.sh @@ -11,15 +11,12 @@ post() { fi } -# mainly to create new post files -writep() { - if [ -z $1 ] - then - echo 'No filename given' - exit 0 - fi - cp ./markdown/template.md ./markdown/post/$1 - vim -c "Goyo" ./markdown/post/$1 +updatestyle() { + # make sure that all sub styles are kept up to date with the root stylesheet + cp style.css ./page/bstyle.css + sed -i 's/.\/fonts/..\/fonts/g' ./page/bstyle.css + cp style.css ./post/bstyle.css + sed -i 's/.\/fonts/..\/fonts/g' ./page/bstyle.css } page() { @@ -34,25 +31,10 @@ page() { # literally just updates the index file nothing else index() { + # base index file pandoc ./markdown/index.md --css style.css -s -o index.html # typing succs -} - -help() { - case $1 in - type) - echo -e "[post, page] \n\tThe kind of page you want to add to the site" - echo "Different types result in different compilation locations" - ;; - target) - echo "The file that you want to actually compile to html" - ;; - flag) - echo -e "Available flags:\n\tr - rebuilds file, does not update index.html\n\tn - builds file, updates index.html" - echo -e "\t*Pages will not update index.html*" - ;; - *) - echo "./make.sh type target.md flag" - esac + # next we inject the navbar html stuff + sed -i '7r ./templates/navbar.html' index.html } # taking function names as para diff --git a/index.md b/markdown/index.md similarity index 100% rename from index.md rename to markdown/index.md diff --git a/markdown/post/style.md b/markdown/post/style.md new file mode 100644 index 0000000..50840b2 --- /dev/null +++ b/markdown/post/style.md @@ -0,0 +1,16 @@ +[![Homepage](../img/banner.png)](../index.html) + +# Wew lad new colors + +It's been about a minute since I've done anything with this site but I figured what better time to randomly post things then now. +Before this update I mostly used some neato fonts but most of it was some boring Times New Roman thing, _now the site doesn'tlook like a homework essay_. + +## But Why? + +I partly wanted to get my Gitlab page a bit more active but also because I didn't like the self-conflicting style from before. +Instead of having a bunch of fonts that don't really go together I opted for fonts that are actually somewhat look nice next to each other. + +I'm still gonna mess with the styling but the changes likely won't be whole reworks like this one was, however, I'll probably use this as a place to post some _bhop stuff as well_. + +:^) + diff --git a/markdown/post/train.md b/markdown/post/train.md new file mode 100644 index 0000000..be2761a --- /dev/null +++ b/markdown/post/train.md @@ -0,0 +1,17 @@ +[![HomePage](../img/banner.png)](../index.html) + +My Thanksgiving holiday came to a close recently which means I had to go back to university but since I was stuck on the train _literally all day_ I figured why not spin some stuff that's pretty neat. + +California Public transportation sucks. +However, the train for long distance travel seems to be ""_a small bit_"" of an exception. +I only put it like that because when there are no delays it feels like you're getting somewhere and there's no real worry about much else, just sit back and relax while you wait to get to your destination. +California's public transportation system though, basically rekts all of this nearly everytime. +When a train is delayed it keeps getting delayed. +This means once you get on, it's going to keep getting delayed at nearly every stop. + +The ride is at least comfy neverless. +Bonus points if you take the surfliner train which goes along the coast for the majority of the central coast. + +I didn't take pictures of the ocean because sleep but there was still some neat stuff to see, mainly tons of shoreline with a great spots that I've marked with my phone's GPS. + +Here are the coords in case you're curious: `34.6277141, -120.6281343`. diff --git a/markdown/post/yes b/markdown/post/yes new file mode 100644 index 0000000..2c82bf2 --- /dev/null +++ b/markdown/post/yes @@ -0,0 +1 @@ +[![HomePage](../img/banner.png)](../index.html) diff --git a/markdown/template.md b/markdown/template.md new file mode 100644 index 0000000..2c82bf2 --- /dev/null +++ b/markdown/template.md @@ -0,0 +1 @@ +[![HomePage](../img/banner.png)](../index.html) diff --git a/page/bstyle.css b/page/bstyle.css index d7fc7cf..6940fca 100644 --- a/page/bstyle.css +++ b/page/bstyle.css @@ -13,34 +13,61 @@ html { font-family: 'Freemono'; src: url(../fonts/FreeMono.otf); } +/* sick nav bar */ +.topnav { + overflow: hidden; +} +.topnav a { + float: left; + display: block; + /* text color */ + color: #f2f2f2; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-size: 17px; +} +.topnav a:hover { + background-color: #493267; + color: #faebd7; +} +.active { + background-color: #0e1111; + color: #faebd7; +} +.topnav .icon { + display:none; +} +/* now some stuff for the text */ body { - color: #444; + /* regular tex color(for the front page it won't matter much since everything is blockquotes*/ + color: #373854; + background-color: #faebd7; font-family: Fixedsys; font-size: 12px; line-height: 1.7; padding: 1em; margin: auto; max-width: 42em; - background-image: url("../img/backt.png"); - background-repeat: repeat; } /* Link stuff */ +/* default link color */ a { - color: #FDD491; + color: #7bb3ff; text-decoration: none; } /* visited link */ a:visited { - color: #EFE3C9; + color: #9e379f; } /* hovering link */ a:hover { - color: #F2DDB1; + color: #3284f1; } /* clicked on */ a:active { - color: #EFE3C9; + color: #e5effd; } /* only if a link was dragged but not went through or smthng */ a:focus { @@ -69,7 +96,7 @@ a::selection { p { margin: 1em 0; - color: #E3DCCD; + color: #F1C6A7; } img { @@ -77,7 +104,7 @@ img { } h1, h2, h3, h4, h5, h6 { - color: #e1e1e1; + color: #493267; line-height: 125%; margin-top: 2em; font-weight: normal; @@ -113,11 +140,10 @@ h6 { } blockquote { - color: #d8d8d8; + color: #3b444b; margin: 0; padding-left: 3em; - /*border-left: 0.5em #008fae solid;*/ - border-left: 0.5em #A40026 solid; + border-left: 0.5em #493267 solid; } hr { @@ -185,7 +211,7 @@ sub { ul, ol { margin: 1em 0; padding: 0 0 0 2em; - color: #858585; + color: #a3a3a3; } li p:last-child { diff --git a/post/bstyle.css b/post/bstyle.css index ec60d6a..2519246 100644 --- a/post/bstyle.css +++ b/post/bstyle.css @@ -7,32 +7,59 @@ html { @font-face { font-family: 'Fixedsys'; - src: url(../fonts/FSEX300.ttf); + src: url(./fonts/FSEX300.ttf); } @font-face { font-family: 'Freemono'; - src: url(../fonts/FreeMono.otf); + src: url(./fonts/FreeMono.otf); } +/* sick nav bar */ +.topnav { + overflow: hidden; +} +.topnav a { + float: left; + display: block; + /* text color */ + color: #f2f2f2; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-size: 17px; +} +.topnav a:hover { + background-color: #493267; + color: #faebd7; +} +.active { + background-color: #0e1111; + color: #faebd7; +} +.topnav .icon { + display:none; +} +/* now some stuff for the text */ body { - color: #444; + /* regular tex color(for the front page it won't matter much since everything is blockquotes*/ + color: #373854; + background-color: #faebd7; font-family: Fixedsys; font-size: 12px; line-height: 1.7; padding: 1em; margin: auto; max-width: 42em; - background-image: url("../img/backt.png"); - background-repeat: repeat; } /* Link stuff */ +/* default link color */ a { - color: ##FDD491; + color: #7bb3ff; text-decoration: none; } /* visited link */ a:visited { - color: #0047a6; + color: #9e379f; } /* hovering link */ a:hover { @@ -69,7 +96,7 @@ a::selection { p { margin: 1em 0; - color: #E3DCCD; + color: #F1C6A7; } img { @@ -77,7 +104,7 @@ img { } h1, h2, h3, h4, h5, h6 { - color: #e1e1e1; + color: #493267; line-height: 125%; margin-top: 2em; font-weight: normal; @@ -113,11 +140,10 @@ h6 { } blockquote { - color: #d8d8d8; + color: #3b444b; margin: 0; padding-left: 3em; - /*border-left: 0.5em #008fae solid;*/ - border-left: 0.5em #A40026 solid; + border-left: 0.5em #493267 solid; } hr { @@ -185,7 +211,7 @@ sub { ul, ol { margin: 1em 0; padding: 0 0 0 2em; - color: #858585; + color: #a3a3a3; } li p:last-child { diff --git a/style.css b/style.css index cc04ead..2519246 100644 --- a/style.css +++ b/style.css @@ -13,34 +13,61 @@ html { font-family: 'Freemono'; src: url(./fonts/FreeMono.otf); } +/* sick nav bar */ +.topnav { + overflow: hidden; +} +.topnav a { + float: left; + display: block; + /* text color */ + color: #f2f2f2; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-size: 17px; +} +.topnav a:hover { + background-color: #493267; + color: #faebd7; +} +.active { + background-color: #0e1111; + color: #faebd7; +} +.topnav .icon { + display:none; +} +/* now some stuff for the text */ body { - color: #444; + /* regular tex color(for the front page it won't matter much since everything is blockquotes*/ + color: #373854; + background-color: #faebd7; font-family: Fixedsys; font-size: 12px; line-height: 1.7; padding: 1em; margin: auto; max-width: 42em; - background-image: url("./img/backt.png"); - background-repeat: repeat; } /* Link stuff */ +/* default link color */ a { - color: #FDD491; + color: #7bb3ff; text-decoration: none; } /* visited link */ a:visited { - color: #EFE3C9; + color: #9e379f; } /* hovering link */ a:hover { - color: #F2DDB1; + color: #3284f1; } /* clicked on */ a:active { - color: #EFE3C9; + color: #e5effd; } /* only if a link was dragged but not went through or smthng */ a:focus { @@ -77,7 +104,7 @@ img { } h1, h2, h3, h4, h5, h6 { - color: #FDD491; + color: #493267; line-height: 125%; margin-top: 2em; font-weight: normal; @@ -113,11 +140,10 @@ h6 { } blockquote { - color: #F1C6A7; + color: #3b444b; margin: 0; padding-left: 3em; - /*border-left: 0.5em #008fae solid;*/ - border-left: 0.5em #C10042 solid; + border-left: 0.5em #493267 solid; } hr { @@ -185,7 +211,7 @@ sub { ul, ol { margin: 1em 0; padding: 0 0 0 2em; - color: #858585; + color: #a3a3a3; } li p:last-child { diff --git a/templates/navbar.html b/templates/navbar.html new file mode 100644 index 0000000..fcc3061 --- /dev/null +++ b/templates/navbar.html @@ -0,0 +1,9 @@ +
+ Home + Site Source + Contact + About + + +
+