yhtml - html help viewer
parent
56d86d515b
commit
bf2c335e82
|
@ -0,0 +1,18 @@
|
||||||
|
#!/bin/bash
|
||||||
|
|
||||||
|
file=${1}
|
||||||
|
title=${2:-yhtml}
|
||||||
|
width=${3:-800}
|
||||||
|
height=${4:-600}
|
||||||
|
|
||||||
|
stdbuf -oL -e0 yad --title="${title}" --window-icon=mbcc --borders=0 \
|
||||||
|
--width=${width} --height=${height} \
|
||||||
|
--no-buttons --no-escape --html --uri="${1}" --print-uri \
|
||||||
|
| while read -r line; do
|
||||||
|
case ${line%:*} in
|
||||||
|
https) xdg-open "${line}" &;;
|
||||||
|
run) ${line##*/} &;;
|
||||||
|
config) geany "$HOME/${line#*//}" &;;
|
||||||
|
*) echo "No URI";;
|
||||||
|
esac
|
||||||
|
done
|
|
@ -0,0 +1,59 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<style>
|
||||||
|
body{padding:0;margin:0;}
|
||||||
|
.grid-container {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto auto auto;
|
||||||
|
gap: 1px;
|
||||||
|
background-color: #113344;
|
||||||
|
padding: 1px;
|
||||||
|
height:100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-container > div {
|
||||||
|
background-color: rgba(255, 255, 255, 0.8);
|
||||||
|
color: #113344;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 20vh;
|
||||||
|
line-height: 33vh;
|
||||||
|
}
|
||||||
|
.grid-container > div.item5 {
|
||||||
|
background-color: rgba(255, 255, 255, 0.8);
|
||||||
|
color: #222222;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight:bold;
|
||||||
|
line-height: 5vh;
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
.grid-container > div.item5 span {
|
||||||
|
position:absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, 0);
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-container > div:hover {
|
||||||
|
background-color: #113344;
|
||||||
|
color: yellow;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="grid-container">
|
||||||
|
<div class="item1">↖</div>
|
||||||
|
<div class="item2">↑</div>
|
||||||
|
<div class="item3">↗</div>
|
||||||
|
<div class="item4">←</div>
|
||||||
|
<div class="item5"><span><br />hold <kbd>Ctrl+Shift</kbd><br />and click<br />in appropriate area<br />of any window</span></div>
|
||||||
|
<div class="item6">→</div>
|
||||||
|
<div class="item7">↙</div>
|
||||||
|
<div class="item8">↓</div>
|
||||||
|
<div class="item8">↘</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue