yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

App/fonts: use ArchivoSemiCondensed

Browse Source
This commit is contained in:
Johannes Kirschbauer
2024-11-26 12:21:43 +01:00
parent c9ef3b5068
commit 5ed2925d14
2 changed files with 30 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pkgs/webview-ui/app/src/index.css
View File

@@ -9,17 +9,17 @@
@font-face { @font-face {
font-family: "Archivo"; font-family: "Archivo";
font-weight: 400; font-weight: 400;
src: url(../.fonts/Archiv0-Regular.otf) format("opentype"); src: url(../.fonts/ArchivoSemiCondensed-Regular.woff2) format("woff2");
} }
@font-face { @font-face {
font-family: "Archivo"; font-family: "Archivo";
font-weight: 500; font-weight: 500;
src: url(../.fonts/Archiv0-Medium.otf) format("opentype"); src: url(../.fonts/ArchivoSemiCondensed-Medium.woff2) format("woff2");
} }
@font-face { @font-face {
font-family: "Archivo"; font-family: "Archivo";
font-weight: 600; font-weight: 600;
src: url(../.fonts/Archiv0-Bold.otf) format("opentype"); src: url(../.fonts/ArchivoSemiCondensed-SemiBold.woff2) format("woff2");
} }
:root { :root {

29
pkgs/webview-ui/flake-module.nix
View File

@@ -8,6 +8,30 @@
... ...
}: }:
{ {
packages.fonts =
let
# 400 -> Regular
archivoRegular = pkgs.fetchurl {
url = "https://github.com/Omnibus-Type/Archivo/raw/b5d63988ce19d044d3e10362de730af00526b672/fonts/webfonts/ArchivoSemiCondensed-Regular.woff2";
hash = "sha256-3PeB6tMpbYxR9JFyQ+yjpM7bAvZIjcJ4eBiHr9iV5p4=";
};
# 500 -> Medium
archivoMedium = pkgs.fetchurl {
url = "https://github.com/Omnibus-Type/Archivo/raw/b5d63988ce19d044d3e10362de730af00526b672/fonts/webfonts/ArchivoSemiCondensed-Medium.woff2";
hash = "sha256-IKaY3YhpmjMaIVUpwKRLd6eFiIihBoAP99I/pwmyll8=";
};
# 600 -> SemiBold
archivoSemiBold = pkgs.fetchurl {
url = "https://github.com/Omnibus-Type/Archivo/raw/b5d63988ce19d044d3e10362de730af00526b672/fonts/webfonts/ArchivoSemiCondensed-SemiBold.woff2";
hash = "sha256-fOE+b+UeTRoj+sDdUWR1pPCZVn0ABy6FEDDmXrOA4LY=";
};
in
pkgs.runCommand "" { } ''
mkdir -p $out
cp ${archivoRegular} $out/ArchivoSemiCondensed-Regular.woff2
cp ${archivoMedium} $out/ArchivoSemiCondensed-Medium.woff2
cp ${archivoSemiBold} $out/ArchivoSemiCondensed-SemiBold.woff2
'';
packages.webview-ui = pkgs.buildNpmPackage { packages.webview-ui = pkgs.buildNpmPackage {
pname = "clan-webview-ui"; pname = "clan-webview-ui";
version = "0.0.1"; version = "0.0.1";
@@ -20,7 +44,7 @@
preBuild = '' preBuild = ''
mkdir -p api mkdir -p api
cp -r ${config.packages.clan-ts-api}/* api cp -r ${config.packages.clan-ts-api}/* api
cp -r ${pkgs.texlivePackages.archivo.tex}/fonts/opentype/public/archivo ".fonts" cp -r ${self'.packages.fonts} ".fonts"
''; '';
}; };
devShells.webview-ui = pkgs.mkShell { devShells.webview-ui = pkgs.mkShell {
@@ -34,7 +58,8 @@
export NODE_PATH="$PKG_ROOT/app/node_modules" export NODE_PATH="$PKG_ROOT/app/node_modules"
export PATH="$NODE_PATH/.bin:$PATH" export PATH="$NODE_PATH/.bin:$PATH"
cp -r ${pkgs.texlivePackages.archivo.tex}/fonts/opentype/public/archivo "$PKG_ROOT/app/.fonts" cp -r ${self'.packages.fonts} "$PKG_ROOT/app/.fonts"
chmod -R +w "$PKG_ROOT/app/.fonts"
# Define the yellow color code # Define the yellow color code
YELLOW='\033[1;33m' YELLOW='\033[1;33m'