change size of window for some pages

This commit is contained in:
davidovski 2023-12-04 03:32:14 +00:00
parent c8294e0aeb
commit 6317c20aa2
4 changed files with 37 additions and 11 deletions

View File

@ -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?)

View File

@ -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' ')"

View File

@ -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>

View File

@ -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;