Updated website theme

This commit is contained in:
Stephen Cochrane 2021-04-22 23:59:42 +02:00
parent 7f8f6110f3
commit 2204363544
3 changed files with 37 additions and 12 deletions

BIN
assets/redxen.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@ -2,9 +2,9 @@
# Auther: Skiqqy
HOST="https://github.com/"
quote=false # True injects a qoute in hex
quote=true # True injects a qoute in hex
# Find a qoute and transform to hex, replaceing newlines with \n
# Find a (WIP) qoute and transform to hex, replaceing newlines with \n
quote ()
{
if "$quote"
@ -34,15 +34,19 @@ conv () {
sed -E '/%%BODY%%/r /dev/stdin' raw/template.html |
sed -E '/%%BODY%%/d' |
sed -E "s|%%QUOTE%%|$(quote)|g" |
sed -E "s|%%DEV%%|$dev|g" |
sed 's/%%HEADER%%/'"$header"'/g'
}
main () {
while getopts "d" opt
while getopts "dq" opt
do
case $opt in
d)
dev="<h4 class=dev>Please note, this is the development page, things may be broken\.<\/h4><h4 class=dev>Last built on $(date)\.<\/h4><details><summary>Details<\/summary>This version of my website is hosted inside a <a href=https:\/\/github.com\/skiqqy\/skiqqy-docker>docker container<\/a> and pulls from origin\/dev every 10 seconds, hence it is possible for the site to be unstable, this is only for demo purposes\.<\/details>"
dev="<h4 class=dev>Please note, this is the development page, things may be broken\.<\/h4><h4 class=dev>Last built on $(date)\.<\/h4><details><summary>Details<\/summary>This version of my website is hosted inside a <a href=https:\/\/github.com\/skiqqy\/skiqqy-docker>docker container<\/a> and pulls from origin\/dev every 1 minute, hence it is possible for the site to be unstable, this is only for demo purposes\.<\/details>"
;;
q)
quote=false
;;
*)
exit 2
@ -64,7 +68,7 @@ main () {
path=${path/txt/html}
;;
esac
[[ -n $dev ]] && header="$header$dev"
#[[ -n $dev ]] && header="$header$dev"
echo "Building $file"
conv < "$file" > "$path"

View File

@ -22,6 +22,11 @@
width:100%
}
.gif {
height:31px;
width:88px;
}
.c{
display:table-cell;
max-width:999px;
@ -33,6 +38,17 @@
}
@media(max-width:999px){
.box {
width: 90%;
border: 2.5px dashed white;
position:center;
text: auto;
font-size: 30px;
text-align: left;
padding: 25px;
margin: 12px;
}
.c{
display:block;
font-size:1.94vw
@ -40,9 +56,9 @@
}
.header {
padding: 60px;
padding: 20px;
text-align: center;
font-size: 30px;
font-size: 20px;
}
.subheader {
@ -56,7 +72,7 @@
border: 2.5px dashed white;
position:center;
text: auto;
font-size: 15px;
font-size: 18px;
text-align: left;
padding: 25px;
margin: 12px;
@ -72,11 +88,10 @@
color: orange
}
</style>
<div style="text-align:center;display:table;margin:16px auto">
<div class=c><pre style="top:0;position:sticky">
<div class="header">%%HEADER%%</div>
<center><pre>%%QUOTE%%</pre></center>
<div style="text-align:left;display:table;margin:16px auto">
<div class=c><pre style="top:0;position:sticky;user-select:none">
Portals:
<a href=/>Home</a>
<a href=https://dev.skiqqy.xyz>Developer Instance</a>
@ -102,6 +117,12 @@ Hosted Services:
</div>
<br>
<div class=c>
%%DEV%%
%%BODY%%
<a href="https://github.com/skiqqy/skiqqy.github.io/">Page Source</a>
<a href="https://github.com/skiqqy/skiqqy.github.io">Page Source</a>
<center>
<p>
<a href="https://redxen.eu"><img class=gif src="/assets/redxen.gif" alt=""></a>
</p>
</center>
</div></div>