mirror of
https://github.com/librephoenix/nixos-config
synced 2025-01-19 07:05:51 +05:30
Added qute-containers to qutebrowser
This commit is contained in:
parent
5791833114
commit
76f5015549
32
user/app/browser/qute-containers.nix
Normal file
32
user/app/browser/qute-containers.nix
Normal file
|
@ -0,0 +1,32 @@
|
||||||
|
{ lib, stdenv, fetchFromGitHub, pkgs, dmenuCmd ? "rofi -dmenu", ... }:
|
||||||
|
|
||||||
|
let name = "qute-containers";
|
||||||
|
version = "unstable";
|
||||||
|
dmenu = dmenuCmd;
|
||||||
|
in
|
||||||
|
stdenv.mkDerivation {
|
||||||
|
inherit name version;
|
||||||
|
|
||||||
|
src = fetchFromGitHub {
|
||||||
|
owner = "s-praveen-kumar";
|
||||||
|
repo = "qute-containers";
|
||||||
|
rev = "c6164b94104fa8565200b87bfc87a2e08ca15ac7";
|
||||||
|
sha256 = "sha256-g684sPSEJTRSk2V8LVrQsNeRIYtaQueRpZeREWtmQKw=";
|
||||||
|
};
|
||||||
|
|
||||||
|
phases = "installPhase";
|
||||||
|
|
||||||
|
installPhase = ''
|
||||||
|
mkdir -p $out $out/bin
|
||||||
|
cp $src/* $out/bin
|
||||||
|
sed -i 's/DMENU=\"rofi -dmenu\"/DMENU=\"''+dmenu+''\"/g' $out/bin/containers_config
|
||||||
|
sed -i 's/DMENU_FLAGS//g' $out/bin/container-open
|
||||||
|
'';
|
||||||
|
|
||||||
|
meta = {
|
||||||
|
homepage = "https://github.com/s-praveen-kumar/qute-containers";
|
||||||
|
description = "Browser Containers for Qutebrowser";
|
||||||
|
license = lib.licenses.mit;
|
||||||
|
maintainers = [];
|
||||||
|
};
|
||||||
|
}
|
|
@ -1,8 +1,12 @@
|
||||||
{ config, lib, pkgs, font, ... }:
|
{ config, lib, pkgs, font, qute-containers, ... }:
|
||||||
|
|
||||||
{
|
{
|
||||||
home.packages = [ pkgs.qutebrowser ];
|
home.packages = [ pkgs.qutebrowser
|
||||||
|
(pkgs.callPackage ./qute-containers.nix { dmenuCmd = "fuzzel -d"; })
|
||||||
|
];
|
||||||
home.sessionVariables = { DEFAULT_BROWSER = "${pkgs.qutebrowser}/bin/qutebrowser"; };
|
home.sessionVariables = { DEFAULT_BROWSER = "${pkgs.qutebrowser}/bin/qutebrowser"; };
|
||||||
|
home.file.".config/qutebrowser/userscripts/container-open".source = "${(pkgs.callPackage ./qute-containers.nix { dmenuCmd = "fuzzel -d"; })}/bin/container-open";
|
||||||
|
home.file.".config/qutebrowser/userscripts/containers_config".source = "${(pkgs.callPackage ./qute-containers.nix { dmenuCmd = "fuzzel -d"; })}/bin/containers_config";
|
||||||
|
|
||||||
programs.qutebrowser.enable = true;
|
programs.qutebrowser.enable = true;
|
||||||
programs.qutebrowser.extraConfig = ''
|
programs.qutebrowser.extraConfig = ''
|
||||||
|
@ -65,6 +69,8 @@ config.bind('t', 'open -t')
|
||||||
config.bind('x', 'tab-close')
|
config.bind('x', 'tab-close')
|
||||||
config.bind('yf', 'hint links yank')
|
config.bind('yf', 'hint links yank')
|
||||||
config.bind(',m', 'hint links spawn freetube {hint-url}')
|
config.bind(',m', 'hint links spawn freetube {hint-url}')
|
||||||
|
config.bind(',co', 'spawn container-open')
|
||||||
|
config.bind(',cf', 'hint links userscript container-open')
|
||||||
#config.bind(',s', 'set content.user_stylesheets \'\' ')
|
#config.bind(',s', 'set content.user_stylesheets \'\' ')
|
||||||
#config.bind(',S', 'set content.user_stylesheets '+current_stylesheet_path)
|
#config.bind(',S', 'set content.user_stylesheets '+current_stylesheet_path)
|
||||||
|
|
||||||
|
@ -268,4 +274,657 @@ c.colors.webpage.bg = base00
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
'';
|
'';
|
||||||
|
|
||||||
|
home.file.".config/qutebrowser/containers".text = ''
|
||||||
|
Personal
|
||||||
|
Teaching
|
||||||
|
Tech
|
||||||
|
Finances
|
||||||
|
Gaming
|
||||||
|
Gamedev
|
||||||
|
'';
|
||||||
|
|
||||||
|
# TODO make this final section more efficient...
|
||||||
|
home.file.".browser/Personal/config/qute-home.html".text = ''
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Home</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<style>
|
||||||
|
/*body*/
|
||||||
|
body {
|
||||||
|
background-color: #''+config.lib.stylix.colors.base00+''
|
||||||
|
|
||||||
|
}
|
||||||
|
/*paragraphs*/
|
||||||
|
p {
|
||||||
|
font-family:''+font+'';
|
||||||
|
|
||||||
|
font-size:24px;
|
||||||
|
text-align:center;
|
||||||
|
color: #''+config.lib.stylix.colors.base08+'';
|
||||||
|
|
||||||
|
line-height: 1.35;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.open {
|
||||||
|
color: #''+config.lib.stylix.colors.base09+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.quickmarks {
|
||||||
|
color: #''+config.lib.stylix.colors.base0A+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.history {
|
||||||
|
color: #''+config.lib.stylix.colors.base0B+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.newtab {
|
||||||
|
color: #''+config.lib.stylix.colors.base0C+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.close {
|
||||||
|
color: #''+config.lib.stylix.colors.base0D+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*xmp tag style for ascii art*/
|
||||||
|
xmp {
|
||||||
|
font-family:''+font+'';
|
||||||
|
|
||||||
|
font-size:22px;
|
||||||
|
color: #''+config.lib.stylix.colors.base01+''
|
||||||
|
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
/*div*/
|
||||||
|
div {
|
||||||
|
margin:auto;
|
||||||
|
width:50%;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
/*class made for ascii art icon*/
|
||||||
|
.icon {
|
||||||
|
line-height:10%
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!--start with cool qutebrowser ascii art-->
|
||||||
|
<div class="icon">
|
||||||
|
<xmp> ..--------.. </xmp>
|
||||||
|
<xmp> .`` "'. </xmp>
|
||||||
|
<xmp> .` _.---.. /--| '. </xmp>
|
||||||
|
<xmp> /`` || | </xmp>
|
||||||
|
<xmp> /` /--| || | </xmp>
|
||||||
|
<xmp>/ / | || `/----\, </xmp>
|
||||||
|
<xmp>| | | .-`.-/- __. \ </xmp>
|
||||||
|
<xmp>| \ `-.`` ..-` \ |</xmp>
|
||||||
|
<xmp>\ ```` ~.^` | | |</xmp>
|
||||||
|
<xmp> \.____.-``'|| | / / </xmp>
|
||||||
|
<xmp> | || |_.- / </xmp>
|
||||||
|
<xmp> | || / </xmp>
|
||||||
|
<xmp> . |_-` `------~``. </xmp>
|
||||||
|
<xmp> `.. ..` </xmp>
|
||||||
|
<xmp> ``--______-'` </xmp>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<!--qutebrowser title-->
|
||||||
|
<p style="color:#''+config.lib.stylix.colors.base01+''">Welcome to Qutebrowser</p>
|
||||||
|
<br>
|
||||||
|
<p><b>Personal Profile</b></p>
|
||||||
|
<br>
|
||||||
|
<!--basic keyboard commands-->
|
||||||
|
<div>
|
||||||
|
<p class="open"> [o] [Search] </p>
|
||||||
|
<p class="quickmarks"> [b] [Quickmarks] </p>
|
||||||
|
<p class="history"> [S h] [History] </p>
|
||||||
|
<p class="newtab"> [t] [New tab] </p>
|
||||||
|
<p class="close"> [x] [Close tab] </p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
'';
|
||||||
|
|
||||||
|
home.file.".browser/Teaching/config/qute-home.html".text = ''
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Home</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<style>
|
||||||
|
/*body*/
|
||||||
|
body {
|
||||||
|
background-color: #''+config.lib.stylix.colors.base00+''
|
||||||
|
|
||||||
|
}
|
||||||
|
/*paragraphs*/
|
||||||
|
p {
|
||||||
|
font-family:''+font+'';
|
||||||
|
|
||||||
|
font-size:24px;
|
||||||
|
text-align:center;
|
||||||
|
color: #''+config.lib.stylix.colors.base08+'';
|
||||||
|
|
||||||
|
line-height: 1.35;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.open {
|
||||||
|
color: #''+config.lib.stylix.colors.base09+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.quickmarks {
|
||||||
|
color: #''+config.lib.stylix.colors.base0A+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.history {
|
||||||
|
color: #''+config.lib.stylix.colors.base0B+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.newtab {
|
||||||
|
color: #''+config.lib.stylix.colors.base0C+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.close {
|
||||||
|
color: #''+config.lib.stylix.colors.base0D+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*xmp tag style for ascii art*/
|
||||||
|
xmp {
|
||||||
|
font-family:''+font+'';
|
||||||
|
|
||||||
|
font-size:22px;
|
||||||
|
color: #''+config.lib.stylix.colors.base01+''
|
||||||
|
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
/*div*/
|
||||||
|
div {
|
||||||
|
margin:auto;
|
||||||
|
width:50%;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
/*class made for ascii art icon*/
|
||||||
|
.icon {
|
||||||
|
line-height:10%
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!--start with cool qutebrowser ascii art-->
|
||||||
|
<div class="icon">
|
||||||
|
<xmp> ..--------.. </xmp>
|
||||||
|
<xmp> .`` "'. </xmp>
|
||||||
|
<xmp> .` _.---.. /--| '. </xmp>
|
||||||
|
<xmp> /`` || | </xmp>
|
||||||
|
<xmp> /` /--| || | </xmp>
|
||||||
|
<xmp>/ / | || `/----\, </xmp>
|
||||||
|
<xmp>| | | .-`.-/- __. \ </xmp>
|
||||||
|
<xmp>| \ `-.`` ..-` \ |</xmp>
|
||||||
|
<xmp>\ ```` ~.^` | | |</xmp>
|
||||||
|
<xmp> \.____.-``'|| | / / </xmp>
|
||||||
|
<xmp> | || |_.- / </xmp>
|
||||||
|
<xmp> | || / </xmp>
|
||||||
|
<xmp> . |_-` `------~``. </xmp>
|
||||||
|
<xmp> `.. ..` </xmp>
|
||||||
|
<xmp> ``--______-'` </xmp>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<!--qutebrowser title-->
|
||||||
|
<p style="color:#''+config.lib.stylix.colors.base01+''">Welcome to Qutebrowser</p>
|
||||||
|
<br>
|
||||||
|
<p><b>Teaching Profile</b></p>
|
||||||
|
<br>
|
||||||
|
<!--basic keyboard commands-->
|
||||||
|
<div>
|
||||||
|
<p class="open"> [o] [Search] </p>
|
||||||
|
<p class="quickmarks"> [b] [Quickmarks] </p>
|
||||||
|
<p class="history"> [S h] [History] </p>
|
||||||
|
<p class="newtab"> [t] [New tab] </p>
|
||||||
|
<p class="close"> [x] [Close tab] </p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
'';
|
||||||
|
|
||||||
|
home.file.".browser/Tech/config/qute-home.html".text = ''
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Home</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<style>
|
||||||
|
/*body*/
|
||||||
|
body {
|
||||||
|
background-color: #''+config.lib.stylix.colors.base00+''
|
||||||
|
|
||||||
|
}
|
||||||
|
/*paragraphs*/
|
||||||
|
p {
|
||||||
|
font-family:''+font+'';
|
||||||
|
|
||||||
|
font-size:24px;
|
||||||
|
text-align:center;
|
||||||
|
color: #''+config.lib.stylix.colors.base08+'';
|
||||||
|
|
||||||
|
line-height: 1.35;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.open {
|
||||||
|
color: #''+config.lib.stylix.colors.base09+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.quickmarks {
|
||||||
|
color: #''+config.lib.stylix.colors.base0A+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.history {
|
||||||
|
color: #''+config.lib.stylix.colors.base0B+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.newtab {
|
||||||
|
color: #''+config.lib.stylix.colors.base0C+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.close {
|
||||||
|
color: #''+config.lib.stylix.colors.base0D+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*xmp tag style for ascii art*/
|
||||||
|
xmp {
|
||||||
|
font-family:''+font+'';
|
||||||
|
|
||||||
|
font-size:22px;
|
||||||
|
color: #''+config.lib.stylix.colors.base01+''
|
||||||
|
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
/*div*/
|
||||||
|
div {
|
||||||
|
margin:auto;
|
||||||
|
width:50%;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
/*class made for ascii art icon*/
|
||||||
|
.icon {
|
||||||
|
line-height:10%
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!--start with cool qutebrowser ascii art-->
|
||||||
|
<div class="icon">
|
||||||
|
<xmp> ..--------.. </xmp>
|
||||||
|
<xmp> .`` "'. </xmp>
|
||||||
|
<xmp> .` _.---.. /--| '. </xmp>
|
||||||
|
<xmp> /`` || | </xmp>
|
||||||
|
<xmp> /` /--| || | </xmp>
|
||||||
|
<xmp>/ / | || `/----\, </xmp>
|
||||||
|
<xmp>| | | .-`.-/- __. \ </xmp>
|
||||||
|
<xmp>| \ `-.`` ..-` \ |</xmp>
|
||||||
|
<xmp>\ ```` ~.^` | | |</xmp>
|
||||||
|
<xmp> \.____.-``'|| | / / </xmp>
|
||||||
|
<xmp> | || |_.- / </xmp>
|
||||||
|
<xmp> | || / </xmp>
|
||||||
|
<xmp> . |_-` `------~``. </xmp>
|
||||||
|
<xmp> `.. ..` </xmp>
|
||||||
|
<xmp> ``--______-'` </xmp>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<!--qutebrowser title-->
|
||||||
|
<p style="color:#''+config.lib.stylix.colors.base01+''">Welcome to Qutebrowser</p>
|
||||||
|
<br>
|
||||||
|
<p><b>Tech Profile</b></p>
|
||||||
|
<br>
|
||||||
|
<!--basic keyboard commands-->
|
||||||
|
<div>
|
||||||
|
<p class="open"> [o] [Search] </p>
|
||||||
|
<p class="quickmarks"> [b] [Quickmarks] </p>
|
||||||
|
<p class="history"> [S h] [History] </p>
|
||||||
|
<p class="newtab"> [t] [New tab] </p>
|
||||||
|
<p class="close"> [x] [Close tab] </p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
'';
|
||||||
|
|
||||||
|
home.file.".browser/Finances/config/qute-home.html".text = ''
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Home</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<style>
|
||||||
|
/*body*/
|
||||||
|
body {
|
||||||
|
background-color: #''+config.lib.stylix.colors.base00+''
|
||||||
|
|
||||||
|
}
|
||||||
|
/*paragraphs*/
|
||||||
|
p {
|
||||||
|
font-family:''+font+'';
|
||||||
|
|
||||||
|
font-size:24px;
|
||||||
|
text-align:center;
|
||||||
|
color: #''+config.lib.stylix.colors.base08+'';
|
||||||
|
|
||||||
|
line-height: 1.35;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.open {
|
||||||
|
color: #''+config.lib.stylix.colors.base09+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.quickmarks {
|
||||||
|
color: #''+config.lib.stylix.colors.base0A+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.history {
|
||||||
|
color: #''+config.lib.stylix.colors.base0B+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.newtab {
|
||||||
|
color: #''+config.lib.stylix.colors.base0C+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.close {
|
||||||
|
color: #''+config.lib.stylix.colors.base0D+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*xmp tag style for ascii art*/
|
||||||
|
xmp {
|
||||||
|
font-family:''+font+'';
|
||||||
|
|
||||||
|
font-size:22px;
|
||||||
|
color: #''+config.lib.stylix.colors.base01+''
|
||||||
|
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
/*div*/
|
||||||
|
div {
|
||||||
|
margin:auto;
|
||||||
|
width:50%;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
/*class made for ascii art icon*/
|
||||||
|
.icon {
|
||||||
|
line-height:10%
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!--start with cool qutebrowser ascii art-->
|
||||||
|
<div class="icon">
|
||||||
|
<xmp> ..--------.. </xmp>
|
||||||
|
<xmp> .`` "'. </xmp>
|
||||||
|
<xmp> .` _.---.. /--| '. </xmp>
|
||||||
|
<xmp> /`` || | </xmp>
|
||||||
|
<xmp> /` /--| || | </xmp>
|
||||||
|
<xmp>/ / | || `/----\, </xmp>
|
||||||
|
<xmp>| | | .-`.-/- __. \ </xmp>
|
||||||
|
<xmp>| \ `-.`` ..-` \ |</xmp>
|
||||||
|
<xmp>\ ```` ~.^` | | |</xmp>
|
||||||
|
<xmp> \.____.-``'|| | / / </xmp>
|
||||||
|
<xmp> | || |_.- / </xmp>
|
||||||
|
<xmp> | || / </xmp>
|
||||||
|
<xmp> . |_-` `------~``. </xmp>
|
||||||
|
<xmp> `.. ..` </xmp>
|
||||||
|
<xmp> ``--______-'` </xmp>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<!--qutebrowser title-->
|
||||||
|
<p style="color:#''+config.lib.stylix.colors.base01+''">Welcome to Qutebrowser</p>
|
||||||
|
<br>
|
||||||
|
<p><b>Finances Profile</b></p>
|
||||||
|
<br>
|
||||||
|
<!--basic keyboard commands-->
|
||||||
|
<div>
|
||||||
|
<p class="open"> [o] [Search] </p>
|
||||||
|
<p class="quickmarks"> [b] [Quickmarks] </p>
|
||||||
|
<p class="history"> [S h] [History] </p>
|
||||||
|
<p class="newtab"> [t] [New tab] </p>
|
||||||
|
<p class="close"> [x] [Close tab] </p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
'';
|
||||||
|
|
||||||
|
home.file.".browser/Gamedev/config/qute-home.html".text = ''
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Home</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<style>
|
||||||
|
/*body*/
|
||||||
|
body {
|
||||||
|
background-color: #''+config.lib.stylix.colors.base00+''
|
||||||
|
|
||||||
|
}
|
||||||
|
/*paragraphs*/
|
||||||
|
p {
|
||||||
|
font-family:''+font+'';
|
||||||
|
|
||||||
|
font-size:24px;
|
||||||
|
text-align:center;
|
||||||
|
color: #''+config.lib.stylix.colors.base08+'';
|
||||||
|
|
||||||
|
line-height: 1.35;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.open {
|
||||||
|
color: #''+config.lib.stylix.colors.base09+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.quickmarks {
|
||||||
|
color: #''+config.lib.stylix.colors.base0A+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.history {
|
||||||
|
color: #''+config.lib.stylix.colors.base0B+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.newtab {
|
||||||
|
color: #''+config.lib.stylix.colors.base0C+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.close {
|
||||||
|
color: #''+config.lib.stylix.colors.base0D+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*xmp tag style for ascii art*/
|
||||||
|
xmp {
|
||||||
|
font-family:''+font+'';
|
||||||
|
|
||||||
|
font-size:22px;
|
||||||
|
color: #''+config.lib.stylix.colors.base01+''
|
||||||
|
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
/*div*/
|
||||||
|
div {
|
||||||
|
margin:auto;
|
||||||
|
width:50%;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
/*class made for ascii art icon*/
|
||||||
|
.icon {
|
||||||
|
line-height:10%
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!--start with cool qutebrowser ascii art-->
|
||||||
|
<div class="icon">
|
||||||
|
<xmp> ..--------.. </xmp>
|
||||||
|
<xmp> .`` "'. </xmp>
|
||||||
|
<xmp> .` _.---.. /--| '. </xmp>
|
||||||
|
<xmp> /`` || | </xmp>
|
||||||
|
<xmp> /` /--| || | </xmp>
|
||||||
|
<xmp>/ / | || `/----\, </xmp>
|
||||||
|
<xmp>| | | .-`.-/- __. \ </xmp>
|
||||||
|
<xmp>| \ `-.`` ..-` \ |</xmp>
|
||||||
|
<xmp>\ ```` ~.^` | | |</xmp>
|
||||||
|
<xmp> \.____.-``'|| | / / </xmp>
|
||||||
|
<xmp> | || |_.- / </xmp>
|
||||||
|
<xmp> | || / </xmp>
|
||||||
|
<xmp> . |_-` `------~``. </xmp>
|
||||||
|
<xmp> `.. ..` </xmp>
|
||||||
|
<xmp> ``--______-'` </xmp>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<!--qutebrowser title-->
|
||||||
|
<p style="color:#''+config.lib.stylix.colors.base01+''">Welcome to Qutebrowser</p>
|
||||||
|
<br>
|
||||||
|
<p><b>Gamedev Profile</b></p>
|
||||||
|
<br>
|
||||||
|
<!--basic keyboard commands-->
|
||||||
|
<div>
|
||||||
|
<p class="open"> [o] [Search] </p>
|
||||||
|
<p class="quickmarks"> [b] [Quickmarks] </p>
|
||||||
|
<p class="history"> [S h] [History] </p>
|
||||||
|
<p class="newtab"> [t] [New tab] </p>
|
||||||
|
<p class="close"> [x] [Close tab] </p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
'';
|
||||||
|
|
||||||
|
home.file.".browser/Gaming/config/qute-home.html".text = ''
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Home</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<style>
|
||||||
|
/*body*/
|
||||||
|
body {
|
||||||
|
background-color: #''+config.lib.stylix.colors.base00+''
|
||||||
|
|
||||||
|
}
|
||||||
|
/*paragraphs*/
|
||||||
|
p {
|
||||||
|
font-family:''+font+'';
|
||||||
|
|
||||||
|
font-size:24px;
|
||||||
|
text-align:center;
|
||||||
|
color: #''+config.lib.stylix.colors.base08+'';
|
||||||
|
|
||||||
|
line-height: 1.35;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.open {
|
||||||
|
color: #''+config.lib.stylix.colors.base09+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.quickmarks {
|
||||||
|
color: #''+config.lib.stylix.colors.base0A+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.history {
|
||||||
|
color: #''+config.lib.stylix.colors.base0B+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.newtab {
|
||||||
|
color: #''+config.lib.stylix.colors.base0C+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.close {
|
||||||
|
color: #''+config.lib.stylix.colors.base0D+'';
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*xmp tag style for ascii art*/
|
||||||
|
xmp {
|
||||||
|
font-family:''+font+'';
|
||||||
|
|
||||||
|
font-size:22px;
|
||||||
|
color: #''+config.lib.stylix.colors.base01+''
|
||||||
|
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
/*div*/
|
||||||
|
div {
|
||||||
|
margin:auto;
|
||||||
|
width:50%;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
/*class made for ascii art icon*/
|
||||||
|
.icon {
|
||||||
|
line-height:10%
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!--start with cool qutebrowser ascii art-->
|
||||||
|
<div class="icon">
|
||||||
|
<xmp> ..--------.. </xmp>
|
||||||
|
<xmp> .`` "'. </xmp>
|
||||||
|
<xmp> .` _.---.. /--| '. </xmp>
|
||||||
|
<xmp> /`` || | </xmp>
|
||||||
|
<xmp> /` /--| || | </xmp>
|
||||||
|
<xmp>/ / | || `/----\, </xmp>
|
||||||
|
<xmp>| | | .-`.-/- __. \ </xmp>
|
||||||
|
<xmp>| \ `-.`` ..-` \ |</xmp>
|
||||||
|
<xmp>\ ```` ~.^` | | |</xmp>
|
||||||
|
<xmp> \.____.-``'|| | / / </xmp>
|
||||||
|
<xmp> | || |_.- / </xmp>
|
||||||
|
<xmp> | || / </xmp>
|
||||||
|
<xmp> . |_-` `------~``. </xmp>
|
||||||
|
<xmp> `.. ..` </xmp>
|
||||||
|
<xmp> ``--______-'` </xmp>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<!--qutebrowser title-->
|
||||||
|
<p style="color:#''+config.lib.stylix.colors.base01+''">Welcome to Qutebrowser</p>
|
||||||
|
<br>
|
||||||
|
<p><b>Gaming Profile</b></p>
|
||||||
|
<br>
|
||||||
|
<!--basic keyboard commands-->
|
||||||
|
<div>
|
||||||
|
<p class="open"> [o] [Search] </p>
|
||||||
|
<p class="quickmarks"> [b] [Quickmarks] </p>
|
||||||
|
<p class="history"> [S h] [History] </p>
|
||||||
|
<p class="newtab"> [t] [New tab] </p>
|
||||||
|
<p class="close"> [x] [Close tab] </p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
'';
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue