Add masonry.js

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

.gitignore

@@ -13,3 +13,6 @@ hugo.linux
 # Temporary lock file while building
 /.hugo_build.lock
 
+# Generated CSS/JS files
+**/*.min.css
+**/*.min.js

.gitmodules

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

Makefile

@@ -0,0 +1,22 @@
+.PHONY: all css-animate css-terminal css clean-submodules clean
+
+all: css js clean
+
+css: css-animate css-terminal
+
+css-animate:
+	cp static/css/animate.css/animate.min.css static/css/animate.min.css
+
+css-terminal:
+	cd static/css/terminal.css && npm run build
+	cp static/css/terminal.css/dist/terminal.min.css static/css/terminal.min.css
+
+js: js-masonry
+
+js-masonry:
+	cp static/js/masonry/dist/masonry.pkgd.min.js static/js/masonry.min.js
+
+clean-submodules:
+	git submodule foreach --recursive 'git reset --hard'
+
+clean: clean-submodules

flake.nix

@@ -24,7 +24,13 @@
         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
+            yarn
+          ];
+        };
 
         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;
+}