Add nix flake and files from older repo.

.gitignore

@@ -0,0 +1 @@
+p.vim

flake.lock

@@ -0,0 +1,27 @@
+{
+  "nodes": {
+    "nixpkgs": {
+      "locked": {
+        "lastModified": 1792094642,
+        "narHash": "sha256-zp8ToDMnqZcu4o4IH9pdwXFXGp7yLm/M0dEnNWnyd7I=",
+        "owner": "NixOS",
+        "repo": "nixpkgs",
+        "rev": "fe13242281a67641c0102cdb1087f0ebe586c7df",
+        "type": "github"
+      },
+      "original": {
+        "owner": "NixOS",
+        "ref": "nixos-unstable",
+        "repo": "nixpkgs",
+        "type": "github"
+      }
+    },
+    "root": {
+      "inputs": {
+        "nixpkgs": "nixpkgs"
+      }
+    }
+  },
+  "root": "root",
+  "version": 7
+}

flake.nix

@@ -0,0 +1,56 @@
+{
+  description = "A custom newtab page.";
+
+  inputs = {
+    nixpkgs.url = "github:NixOS/nixpkgs/nixos-unstable";
+  };
+
+  outputs =
+    { nixpkgs, ... }:
+    let
+      system = "x86_64-linux";
+      pkgs = nixpkgs.legacyPackages.${system};
+
+      ruby = pkgs.ruby.withPackages (
+        p: with p; [
+          rackup
+          puma
+          sinatra
+        ]
+      );
+
+      app = pkgs.stdenv.mkDerivation {
+        pname = "newtab";
+        version = "0.1.0";
+        src = ./.;
+        buildInputs = [ ruby ];
+        installPhase = ''
+          mkdir -p $out
+          cp -r . $out/
+        '';
+      };
+
+      server = pkgs.writeShellApplication {
+        name = "newtab";
+        runtimeInputs = [ ruby ];
+        text = ''
+          set -euo pipefail
+          exec ruby ${app}/main.rb
+        '';
+      };
+    in
+    {
+      packages.${system}.default = app;
+
+      apps.${system}.default = {
+        type = "app";
+        program = "${server}/bin/newtab";
+      };
+
+      devShells.${system}.default = pkgs.mkShell {
+        packages = [
+          ruby
+        ];
+      };
+    };
+}

main.rb

@@ -0,0 +1,7 @@
+require 'sinatra'
+
+set :public_folder, File.expand_path('public', __dir__)
+
+get '/' do
+  erb :index
+end

public/assets/styles/fonts.css

@@ -0,0 +1,72 @@
+/* Fantasque */
+@font-face {
+  font-family: "Fantasque";
+  src: url("../fonts/FantasqueSansMNerdFontMono-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Fantasque";
+  src: url("../fonts/FantasqueSansMNerdFontMono-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Fantasque";
+  src: url("../fonts/FantasqueSansMNerdFontMono-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Fantasque";
+  src: url("../fonts/FantasqueSansMNerdFontMono-BoldItalic.ttf")
+    format("truetype");
+  font-weight: bold;
+  font-style: italic;
+}
+
+/* Hurmit */
+@font-face {
+  font-family: "Hurmit";
+  src: url("../fonts/HurmitNerdFontMono-Regular.otf") format("opentype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Hurmit";
+  src: url("../fonts/HurmitNerdFontMono-Bold.otf") format("opentype");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Hurmit";
+  src: url("../fonts/HurmitNerdFontMono-Italic.otf") format("opentype");
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Hurmit";
+  src: url("../fonts/HurmitNerdFontMono-BoldItalic.otf") format("opentype");
+  font-weight: bold;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Hurmit";
+  src: url("../fonts/HurmitNerdFontMono-Light.otf") format("opentype");
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Hurmit";
+  src: url("../fonts/HurmitNerdFontMono-LightItalic.otf") format("opentype");
+  font-weight: 300;
+  font-style: italic;
+}

public/assets/styles/style.css

@@ -0,0 +1,193 @@
+@import url("./fonts.css");
+
+* {
+  font-family: "Fantasque";
+  color: white;
+  font-size: 25px;
+  line-height: 97%;
+  overflow: hidden;
+}
+
+html {
+  height: 100%;
+}
+
+body {
+  display: grid;
+  place-items: center;
+  height: 100%;
+  background-color: #000000;
+  background-image: url(https://picsum.photos/1920/1080);
+}
+
+body::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #090020b7;
+  z-index: -1;
+}
+
+.main-container {
+  height: 100%;
+  width: 100%;
+  display: grid;
+  place-items: center;
+}
+
+label {
+  height: 99vh;
+  width: 99vw;
+}
+
+.center {
+  width: 745px;
+  padding: 25px;
+  background-color: #09002085;
+  border-radius: 30px;
+  margin-bottom: 20px;
+}
+
+/*
+    Header:
+*/
+.banner {
+  font-size: 70px;
+  font-weight: bolder;
+  text-align: center;
+  margin-bottom: 20px;
+  width: 100%;
+}
+
+.styled-pink {
+  color: #ff79c6;
+  font-size: inherit;
+}
+
+/*
+    Search Bar:
+*/
+.quote-container {
+  text-align: center;
+  display: block;
+  width: 100%;
+  margin-bottom: 10px;
+}
+
+.quote {
+  text-align: center;
+  display: block;
+  font-size: 20px;
+  font-family: "Hurmit";
+  font-style: italic;
+  width: 100%;
+  font-weight: bold;
+  padding-bottom: 10px;
+}
+
+.quote::before {
+  content: "\201C";
+}
+
+.quote::after {
+  content: "\201D";
+}
+
+.author {
+  text-align: right;
+  display: block;
+  width: 100%;
+  font-size: 18px;
+  font-style: italic;
+  font-weight: light;
+}
+
+.author::before {
+  content: "~ ";
+}
+
+.searchbar {
+  background-color: #191930;
+  color: white;
+  padding: 20px;
+  padding-left: 35px;
+  border-radius: 20px;
+  border: 1px solid grey;
+}
+
+/*
+    Prompt:
+*/
+.searchbar * {
+  color: white;
+}
+
+.ln {
+  color: #fa3c3c;
+}
+
+.uname {
+  color: #bfa5e2;
+  font-weight: bolder;
+}
+
+.hostname {
+  color: #f1b950;
+  font-weight: bolder;
+}
+
+.repo {
+  color: #ff79c6;
+  font-weight: bolder;
+}
+
+.branch {
+  color: #4ae673;
+  font-weight: bolder;
+}
+
+.search {
+  background-color: #0000;
+  color: white;
+  border: none;
+  position: relative;
+  font-family: inherit;
+  font-size: inherit;
+  caret-color: #4ae673;
+  width: calc(100% - 100px);
+  display: inline;
+}
+
+.search:focus {
+  outline: none;
+  box-shadow: none;
+}
+
+/*
+    Links:
+*/
+.links {
+  width: 100%;
+}
+
+table * {
+  font-family: "Hurmit";
+}
+
+th {
+  height: 50px;
+}
+
+td {
+  width: 33.33%;
+  padding: 5px;
+  text-align: center;
+}
+
+a {
+  text-decoration: none;
+}
+

views/index.erb

@@ -161,6 +161,6 @@
         </div>
       </div>
     </label>
-    <script src="/scripts/newtab.js"></script>
+    <script src="/assets/scripts/index.js"></script>
   </body>
-</html>
+</html>