diff options
| -rwxr-xr-x | site/entries/welcome.html | 2 | ||||
| -rwxr-xr-x | site/index.html | 2 | ||||
| -rwxr-xr-x | site/page.sh | 14 | ||||
| -rw-r--r-- | site/style.css | 30 |
4 files changed, 37 insertions, 11 deletions
diff --git a/site/entries/welcome.html b/site/entries/welcome.html index 5d34602..38e7351 100755 --- a/site/entries/welcome.html +++ b/site/entries/welcome.html @@ -2,7 +2,7 @@ # welcome -welcome. i decided to turn this webpage into blog-style site... i havent got a topic or anything, so expect either: quality tutorials and very interesting techy things; or just random shitposts or rambles about things. +welcome! i decided to turn this webpage into blog-style site... i havent got a topic or anything, so expect either: quality tutorials and very interesting techy things; or just random shitposts or rambles about things. originally i was going to make this blog on [b.davidovski.xyz](https://b.davidovski.xyz) using [nanoblogger](http://nanoblogger.sourceforge.net/) (you might be able to still see the start of that) but nb itself seemed quite dead, and i couldn't really be asked to customise it all myself. So i made my own script to generate this static site: [kblg](https://github.com/davidovski/kblg/). Right now its probably just the bare minimum needed for this, but I am planning to add more things to it as I go along (including rss, if anyone would be interested?) diff --git a/site/index.html b/site/index.html index 39c4540..0f9c75d 100755 --- a/site/index.html +++ b/site/index.html @@ -1,4 +1,4 @@ -#!./page.sh +#!./page.sh -s entries="$(for f in entries/*.html; do echo $(git log --pretty=format:'%ct' --follow $f | tail -n 1) $f; done | sort -nr | cut -f2- -d' ')" diff --git a/site/page.sh b/site/page.sh index 69db1fb..d3bf1a7 100755 --- a/site/page.sh +++ b/site/page.sh @@ -1,5 +1,12 @@ #!/bin/sh -# set a variable to avoid this template being repeated indefinitely + +# if this is called with -s then make it the small version of the page + +type="regular-window" +[ "$1" = "-s" ] &&{ + type="small-window" + shift +} cat << EOF <!DOCTYPE html> @@ -11,7 +18,7 @@ cat << EOF <title>davidovski.xyz</title> </head> <body bgcolor="#191919" text="#f58f44" link="#b4d6d1"> - <div valign="middle" class="main" bgcolor="#191919" text="#f58f44"> + <div valign="middle" class="main $type" bgcolor="#191919" text="#f58f44"> <div class="header"> <a href="https://davidovski.xyz/"<h1 class="title">davidovski.xyz</h1></a> <hr> @@ -32,12 +39,13 @@ cat << EOF </div> </div> <hr> - + <div class="content"> EOF [ -z "$1" ] || /bin/sh $* cat << EOF + </div> </div> </body> diff --git a/site/style.css b/site/style.css index 48d93bb..0180539 100644 --- a/site/style.css +++ b/site/style.css @@ -65,15 +65,29 @@ h3 { color: #5f819d; } +.small-window { + width: 100%; + max-width: 1080px; + height: 100%; + max-height: 607px; +} +.regular-window { + width: 70%; + max-width: 70%; + height: 100%; + max-height: 80%; + overflow: hidden; + +} .main { background-color: #191919; - margin-top: 0; - margin-bottom: 0; - margin-left: auto; - margin-right: auto; - - width: 70%; + margin-left: auto; + margin-right: auto; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + position: absolute; padding: 2%; height: 100%; @@ -81,6 +95,10 @@ h3 { border-radius: 6px; box-shadow: 0px 0px 50px black; } +.content { + overflow: scroll; + height: 80%; +} .header { text-align: center; |