Add terminal.css

Signed-off-by: Nick Karaolidis <Nick.Karaolidis@sas.com>

.gitattributes

@@ -0,0 +1,5 @@
+*.jpeg filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.png filter=lfs diff=lfs merge=lfs -text
+*.gif filter=lfs diff=lfs merge=lfs -text
+*.ico filter=lfs diff=lfs merge=lfs -text

.gitmodules

@@ -0,0 +1,6 @@
+[submodule "static/font/RobotoMono"]
+	path = static/font/RobotoMono
+	url = https://github.com/googlefonts/RobotoMono.git
+[submodule "static/css/terminal.css"]
+	path = static/css/terminal.css
+	url = https://github.com/Gioni06/terminal.css.git

Makefile

@@ -0,0 +1,10 @@
+.PHONY: all css css-terminal
+
+all: css
+
+css: css-terminal
+
+css-terminal: static/css/terminal.css
+	cd static/css/terminal.css && \
+	npm run build && \
+	test static/css/terminal.css/dist/terminal.min.css

flake.nix

@@ -24,7 +24,12 @@
         treefmt = inputs.treefmt-nix.lib.evalModule pkgs ./treefmt.nix;
       in
       {
-        devShells.${system}.default = pkgs.mkShell { packages = with pkgs; [ hugo ]; };
+        devShells.${system}.default = pkgs.mkShell {
+          packages = with pkgs; [
+            hugo
+            nodejs
+          ];
+        };
 
         formatter.${system} = treefmt.config.build.wrapper;
         checks.formatting.${system} = treefmt.config.build.check inputs.self;

static/css/huell.css

@@ -0,0 +1,31 @@
+@font-face {
+  font-family: "Roboto Mono";
+  src: url("../font/RobotoMono/fonts/ttf/RobotoMono-Regular.ttf") format("truetype");
+  font-style: normal;
+  font-weight: 400;
+  text-rendering: optimizeLegibility;
+}
+
+@font-face {
+  font-family: "Roboto Mono";
+  src: url("../font/RobotoMono/fonts/ttf/RobotoMono-Italic.ttf") format("truetype");
+  font-style: italic;
+  font-weight: 400;
+  text-rendering: optimizeLegibility;
+}
+
+@font-face {
+  font-family: "Roboto Mono";
+  src: url("../font/RobotoMono/fonts/ttf/RobotoMono-Bold.ttf") format("truetype");
+  font-style: normal;
+  font-weight: 700;
+  text-rendering: optimizeLegibility;
+}
+
+@font-face {
+  font-family: "Roboto Mono";
+  src: url("../font/RobotoMono/fonts/ttf/RobotoMono-BoldItalic.ttf") format("truetype");
+  font-style: italic;
+  font-weight: 700;
+  text-rendering: optimizeLegibility;
+}