change size of window for some pages
This commit is contained in:
parent
c8294e0aeb
commit
6317c20aa2
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
# welcome
|
# 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?)
|
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?)
|
||||||
|
|
||||||
|
|
|
@ -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' ')"
|
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' ')"
|
||||||
|
|
||||||
|
|
14
site/page.sh
14
site/page.sh
|
@ -1,5 +1,12 @@
|
||||||
#!/bin/sh
|
#!/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
|
cat << EOF
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
@ -11,7 +18,7 @@ cat << EOF
|
||||||
<title>davidovski.xyz</title>
|
<title>davidovski.xyz</title>
|
||||||
</head>
|
</head>
|
||||||
<body bgcolor="#191919" text="#f58f44" link="#b4d6d1">
|
<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">
|
<div class="header">
|
||||||
<a href="https://davidovski.xyz/"<h1 class="title">davidovski.xyz</h1></a>
|
<a href="https://davidovski.xyz/"<h1 class="title">davidovski.xyz</h1></a>
|
||||||
<hr>
|
<hr>
|
||||||
|
@ -32,12 +39,13 @@ cat << EOF
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
|
<div class="content">
|
||||||
EOF
|
EOF
|
||||||
|
|
||||||
[ -z "$1" ] || /bin/sh $*
|
[ -z "$1" ] || /bin/sh $*
|
||||||
|
|
||||||
cat << EOF
|
cat << EOF
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -65,15 +65,29 @@ h3 {
|
||||||
color: #5f819d;
|
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 {
|
.main {
|
||||||
background-color: #191919;
|
background-color: #191919;
|
||||||
margin-top: 0;
|
margin-left: auto;
|
||||||
margin-bottom: 0;
|
margin-right: auto;
|
||||||
margin-left: auto;
|
top: 50%;
|
||||||
margin-right: auto;
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
width: 70%;
|
position: absolute;
|
||||||
|
|
||||||
padding: 2%;
|
padding: 2%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -81,6 +95,10 @@ h3 {
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
box-shadow: 0px 0px 50px black;
|
box-shadow: 0px 0px 50px black;
|
||||||
}
|
}
|
||||||
|
.content {
|
||||||
|
overflow: scroll;
|
||||||
|
height: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
Loading…
Reference in New Issue