qute: scss and kitty-dl part 2

bin/aliases

@@ -36,6 +36,7 @@ a qutainer 'qutebrowser -B /tmp'
 a rmdirs 'ff -t d -x rmdir -p'
 a rmlinks 'ff -t l -x rm'
 a qb 'qutebrowser --target auto'
+a qbm 'qb (md2html $argv | psub -s .html);:'
 a re 'systemctl reboot -i'
 a s 'sudo env "PATH=$PATH"'
 a se 's eopkg'
@@ -51,6 +52,7 @@ a up 'se up --y'
 a v vi
 a vi nvim
 a wallp 'gsettings set org.gnome.desktop.background picture-uri file://(realpath $argv);:'
+a warcdl 'pagedl --warc-file=(basename $argv)'
 a wm 'startx (which $argv[1]) $argv[2..-1]'
 a ydl 'while not yt-dlp $argv; end;:'
 
@@ -73,3 +75,12 @@ end
 for i in deemix nsz scdl soundscrape spleeter
     a $i "pipx run $i"
 end
+
+function alpine
+    set url https://dl-cdn.alpinelinux.org/alpine/latest-stable/releases/x86_64
+    set file (curl $url/latest-releases.yaml | grep file: | head -n1 | cut -d\  -f4)
+    mkdir alpine; curl $url/$file | tar xf - -Calpine
+    cp /etc/resolv.conf alpine/etc
+    proot -r alpine
+end
+funcsave alpine

qutebrowser/bindings.py

@@ -1,11 +1,14 @@
+kitdl = 'spawn kitty fish -c "dl &&'
 bind = {
     '<Ctrl-q>': 'close',
     '<Ctrl-r>': 'spawn -u readability',
     '<Ctrl-w>': 'tab-close',
     '<Alt+f>' : 'config-cycle hints.chars qwerasdf asdfghjkl',
     ',': 'hint links run mpv {hint-url}',
-    'aa': 'spawn kitty fish -c "dl && dl {url}"',
+    ';a': 'hint links run ' + kitdl + ' dl {hint-url}"',
-    'as': 'spawn kitty fish -c "dl && ydl {url}"',
+    ';v': 'hint links run ' + kitdl + ' ydl {hint-url}"',
+    'aa': kitdl + ' dl {url}"',
+    'av': kitdl + ' ydl {url}"',
     'e': 'config-cycle -p -u *://*.{url:host}/* content.javascript.enabled ;; reload',
     'E': 'config-cycle -p content.javascript.enabled ;; reload',
     'm': 'mpv {url}',

qutebrowser/config.py

@@ -26,6 +26,8 @@ c.colors.webpage.darkmode.policy.images = 'never'
 
 c.aliases['re'] = 'restart'
 c.aliases['mpv'] = 'spawn -mdv mpv --ytdl-raw-options=sub-lang=en'
+c.aliases['css-reload'] = 'set content.user_stylesheets user.css'
+c.aliases['scss-reload'] = 'spawn -u /bin/sh -c "sassc $QUTE_CONFIG_DIR/user.{s,}css"'
 c.aliases['remove-sticky'] = 'jseval -q document.querySelectorAll("*").forEach(e=>{["sticky","fixed"].includes(getComputedStyle(e).position)&&e.parentNode.removeChild(e)})'
 c.aliases['toggle-dark'] = 'reload;;jseval -q const meta=document.createElement("meta");meta.name="color-scheme";document.head.appendChild(meta).content="dark";;stop'
 

qutebrowser/user.css

@@ -1,31 +0,0 @@
-#hnmain { background: #212121; zoom: 120%; }
-#hnmain td[bgcolor="#ff6600"] { background: #4b5762; }
-
-#app-mount {
-    --background-primary: transparent;
-    --background-secondary: transparent;
-    --background-secondary-alt: transparent;
-    --background-tertiary: transparent;
-    --background-floating: rgba(0, 0, 0, .6);
-    --channeltextarea-background: transparent;
-    font-family: "Ubuntu Mono";
-    background: url(
-    "https://cdn.discordapp.com/attachments/773556458234052608/929383713932992512/0dKbZO5-16-9.webp"
-);}
-
-#app-mount [aria-label="Channels"] div [class^="unread"] { background-color: #cfcdcf; }
-#app-mount [class^="container"] { background-color: transparent; }
-
-#app-mount [class^="privateChannels"] [class^="searchBar"], #app-mount [href="/store"],
-#app-mount [aria-label$="sidebar"], #app-mount [aria-label="Inbox"],
-#app-mount [aria-label$="gift"], #app-mount [aria-label="Help"],
-p#javascript-warning, ul.work > li.download > ul > li { display: none }
-
-.app-container .doc-container .doc div { max-width: 666pt !important; margin: auto; }
-body.dracula { max-width: 777pt; } body > nav { position: absolute; }
-
-body>table>tbody>tr[bgcolor="#66FFFF"]>[bgcolor="#CCCCCC"] { background: #000000 }
-
-ul.work > li.download { font-size: 0}
-ul.work > li.download > ul { position: unset; border: none; display: inline}
-ul.work > li.download > ul > li:nth-child(2) { display: inline; font-size: small }

qutebrowser/user.scss

@@ -1,40 +1,39 @@
 #hnmain {
     zoom: 120%;
     background: #212121;
-    td[bgcolor="#ff6600"] { background: #4b5762; }
+    td[bgcolor="#ff6600"] {background: #4b5762}
 }
 
 #app-mount {
     $back: primary, secondary, secondary-alt, tertiary;
-    @each $i in $back { --background-#{$i}: transparent; }
+    @each $i in $back {--background-#{$i}: transparent}
 
     --background-floating: rgba(0, 0, 0, .6);
     --channeltextarea-background: transparent;
-    [class^="container"] { background-color: transparent; }
+    [class^="container"] {background: transparent}
-    [aria-label="Channels"] div [class^="unread"] { background: #cfcdcf; }
+    #channels [class^="unread"] {background: #cfcdcf}
 
     $aria: gift, Help, Inbox, sidebar;
-    @each $i in $aria { [aria-label$="#{$i}"] { display: none; } }
+    @each $i in $aria {[aria-label$="#{$i}"] {display: none}}
-    [class^="privateChannels"] [class^="searchBar"], [href="/store"] { display: none; }
+    [class^="private"] [class^="search"], [href="/store"] {display: none}
 
     font-family: "Ubuntu Mono";
     background: url(
     "https://cdn.discordapp.com/attachments/773556458234052608/929383713932992512/0dKbZO5-16-9.webp"
-);}
+)}
 
 
-body.dracula { max-width: 777pt; }
+body.dracula {max-width: 777pt}
-body > nav { position: absolute; }
+body>nav:nth-child(1) {position: absolute}
-tbody>tr>[bgcolor="#CCCCCC"] { background: #000000; }
+tbody>tr>[bgcolor="#CCCCCC"] {background: #000000}
-div.doc-container div.doc div { max-width: 666pt !important; margin: auto; }
+div.doc-container div.doc div {max-width: 666pt !important; margin: auto}
 
-p#javascript-warning { display: none; }
+p#javascript-warning {display: none}
 ul.work > li.download {
     font-size: 0;
     > ul {
-        position: unset;
         border: none;
-        > li { font-size: small; }
+        position: unset;
-        > li:not(:nth-child(2)) { display: none; }
+        > li {font-size: small; &:not(:nth-child(2)) {display: none}}
    }
 }