.devcontainer.json

@@ -0,0 +1,13 @@
+{
+  "image": "mcr.microsoft.com/devcontainers/base:alpine",
+  "features": {
+    "ghcr.io/devcontainers/features/sshd:1": {
+      "version": "latest"
+    },
+    "ghcr.io/devcontainers/features/nix:1": {
+      "multiUser": true,
+      "version": "latest",
+      "extraNixConfig": "extra-experimental-features = flakes nix-command"
+    }
+  }
+}

.github/workflows/blog.yml

@@ -0,0 +1,23 @@
+name: Deploy Blog Pages
+
+on:
+  push:
+
+jobs:
+  build:
+    name: build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Install nix
+        uses: DeterminateSystems/nix-installer-action@main
+      - name: Build docs
+        run: |
+          nix build .#blog
+
+      - name: Deploy
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: result

.github/workflows/check.yml

@@ -8,7 +8,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - uses: actions/checkout@v3.3.0
-    - uses: nixbuild/nix-quick-install-action@v22
+    - uses: DeterminateSystems/nix-installer-action@main
       with:
         nix_conf: |
           experimental-features = nix-command flakes
@@ -17,5 +17,5 @@ jobs:
     - name: Nix Flake Show
       run: nix flake show --all-systems
 
-    - name: Check whitefox
-      run: nix build .#nixosConfigurations.whitefox.config.system.build.toplevel
+    - name: Check Nix flake Nixpkgs inputs
+      uses: DeterminateSystems/flake-checker-action@main

.github/workflows/ferrucyon.yml

@@ -9,7 +9,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - uses: actions/checkout@v3.3.0
-    - uses: nixbuild/nix-quick-install-action@v22
+    - uses: DeterminateSystems/nix-installer-action@main
       with:
         nix_conf: |
           experimental-features = nix-command flakes

.gitignore

@@ -0,0 +1,3 @@
+blog/.hugo_build.lock
+result
+blog/public

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 ocfox
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,7 +1,37 @@
-# nixos-config
-
-> *NixOS configuration with Simple directory structure (easy for copy)*
-
-![image](https://user-images.githubusercontent.com/47410251/227114487-88f60d9e-56c1-4618-a2fc-a517122d41c6.png)
-
-- [NixOS-CN-telegram](https://github.com/nixos-cn/NixOS-CN-telegram)
+```
+den
+├───devShells
+│   ├───aarch64-darwin
+│   │   └───blog: development environment 'nix-shell'
+│   ├───aarch64-linux
+│   │   └───blog: development environment 'nix-shell'
+│   └───x86_64-linux
+│       └───blog: development environment 'nix-shell'
+├───ferrucyon: unknown
+├───nixosConfigurations
+│   ├───arcticfox: NixOS configuration
+│   ├───civet: NixOS configuration
+│   ├───redfox: NixOS configuration
+│   ├───vulpes: NixOS configuration
+│   └───whitefox: NixOS configuration
+├───nixosModules
+│   └───default: NixOS module
+├───overlays
+│   └───default: Nixpkgs overlay
+└───packages
+    ├───aarch64-darwin
+    │   ├───blog: package 'blog-20240930'
+    │   ├───mpv-handler: package 'mpv-handler-0.3.12'
+    │   ├───smartdns: package 'smartdns-rs-0.8.7'
+    │   └───tsukimi: package 'tsukimi-0.12.2'
+    ├───aarch64-linux
+    │   ├───blog: package 'blog-20240930'
+    │   ├───mpv-handler: package 'mpv-handler-0.3.12'
+    │   ├───smartdns: package 'smartdns-rs-0.8.7'
+    │   └───tsukimi: package 'tsukimi-0.12.2'
+    └───x86_64-linux
+        ├───blog: package 'blog-20240930'
+        ├───mpv-handler: package 'mpv-handler-0.3.12'
+        ├───smartdns: package 'smartdns-rs-0.8.7'
+        └───tsukimi: package 'tsukimi-0.12.2'
+```

blog/content/archives.md

@@ -0,0 +1,6 @@
+---
+title: "Archive"
+layout: "archives"
+# url: "/archives"
+summary: "archives"
+---

blog/content/archives.zh.md

@@ -0,0 +1,5 @@
+---
+title: "Archive"
+layout: "archives"
+summary: "archives"
+---

blog/content/posts/css-learn-1.md

@@ -0,0 +1,142 @@
+---
+title:  "CSS Learning Notes Chapter I"
+date: "2024-06-01"
+cover:
+  image: https://s2.loli.net/2024/06/01/PUCEYgaOnefo9rt.png 
+  caption: "https://nixos.ocfox.me"
+tags: ["javascript", "html", "notes"]
+---
+
+Try to make a nixos boot animation. (log scroll on screen.)
+
+The repo link: https://github.com/ocfox/booti . This site has none imported js or css library.
+
+First need make a animation let text display line by line.
+So I tried to set a delay for every line, when open page hide (don't display) every paragraph in css. 
+```css
+p {
+  display: none; /* Initially hide all paragraphs */
+  margin: 1px 0 0 1px;
+}
+```
+Then set a delay increase by degrees for every single line with js. Use `EventListener` get every
+paragraph element, and set 500ms * (current lines) delay make it `display` `none` -> `block`.
+So them will display right.
+```js
+document.addEventListener("DOMContentLoaded", function() {
+  const paragraphs = document.querySelectorAll('p');
+  let delay = 500;
+
+  paragraphs.forEach((p, i) => {
+    setTimeout(() => {
+      p.style.display = 'block';
+    }, i * delay);
+  });
+});
+```
+A basic Terminal like page css.
+```css
+body {
+  background: #000; /* Black background */
+  padding-top: 10px;
+  color: white;
+  font-family: "Terminus", monospace;
+  font-size: 15px;
+}
+```
+And every 'OK' should be green. so use script replace them class and css to change it color.
+```js
+paragraphs.forEach(p => {
+  p.innerHTML = p.innerHTML.replace(/OK/g, '<span class="green">OK</span>');
+});
+```
+```css
+.green {
+  color: green;
+}
+```
+Now need a auto scroll, make sure it looks like real boot log.
+Just let it scroll to bottom when every line display.
+```js
+paragraphs.forEach((p, i) => {
+  window.scrollTo(0, document.body.scrollHeight); // Scroll to the bottom of the page
+  setTimeout(() => {
+    p.style.display = 'block';
+  }, i * delay);
+});
+```
+Last, replece 500ms to random delay. Now I need a blink cursor '_'.
+The blink is not animation, and the visibility switch, so it will like
+machanical switch.
+```html
+<span class="blink">_</span>
+```
+```css
+.blink {
+  animation: blink 1s steps(1, end) infinite;
+}
+
+@keyframes blink {
+  50% {
+    visibility: hidden;
+  }
+}
+```
+And a input box, I add a empty element as placeholder.
+```html
+<span id="input-placeholder"></span><span class="blink">_</span>
+```
+
+```css
+input.dynamic-width {
+  background: transparent;
+  color: white;
+  border: none; /* Set border none to hide that highlit boader */
+  font-family: "Terminus", monospace;
+  font-size: 15px;
+  outline: none;
+  caret-color: transparent;
+  margin: 0;
+  padding: 0;
+  position: relative;
+  right: -10px; /* hacky way to move text to right, but not good way */
+}
+```
+
+```js
+setTimeout(() => {
+  const input = document.createElement('input');
+  input.type = 'text';
+  input.classList.add('dynamic-width');
+  const placeholder = document.querySelector('#input-placeholder');
+  placeholder.replaceWith(input);
+
+  // Adjust input width dynamically based on content
+  input.addEventListener('input', () => {
+    input.style.width = ((input.value.length + 1) * 1) + 'ch';
+  });
+
+  input.focus();
+
+  function typeText(element, text, delay) {
+    let index = 0;
+    function addCharacter() {
+      if (index < text.length) {
+        element.value += text[index];
+        element.style.width = ((element.value.length + 1) * 1) + 'ch';
+        index++;
+        setTimeout(addCharacter, delay);
+      }
+    }
+    addCharacter();
+  }
+
+  input.focus();
+  typeText(input, 'hello', 200);
+
+  document.addEventListener('click', () => {
+    input.focus();
+  });
+}, cumulativeDelay + 200);
+```
+This part a little long, but it simple. Today will poweroff soon. Tomorrow fill it.

blog/content/posts/dont-care-future.md

@@ -0,0 +1,29 @@
+---
+title: "Don't worry about future"
+date: "2024-12-04"
+tags: ["life"]
+---
+
+Excessive worry about the future drops me into a cycle of anxiety.
+When I moved to the next station, these emotions stuck in my feet like a quagmire.
+
+### Don't Worry
+
+There's no need to worry about what you will fucked up.
+Even if it happens, look forward, nothing will change if you pay for that.
+
+The Forest, where I am. I want to follow pure instinct like a tiger, a dog, or even an ant.
+Eating when hungry, drinking when thirsty, enjoying music, enjoying the fresh air, paying attention to things around self.
+Anyway, don't tie up hands by life.
+
+
+Think back to the past, the things that make you sad and regret. It may be trivial, but it was unbearable at the time.
+
+
+These words are written for me, don't copy on 'you', it's dangerous.
+I'm trying to escape(hug) the world, I want fuck this world, fuck everything that makes me anxious.
+
+It's a negative attitude in the eyes of the common man.
+But not, I'm enjoying it(every fucked thing) instead of escaping them.
+
+I will do it because I want to if that will get me into trouble, come on, I don't fucking care.

blog/content/posts/dual-boot-bluetooth.md

@@ -0,0 +1,74 @@
+---
+title:  "Bluetooth Pairing on Dual Boot"
+date: "2022-11-23"
+tags: ["bluetooth"]
+summary: "Edit pairing keys on Windows and Linux, make they are consistent"
+---
+
+## Dual Boot Bluetooth
+
+When pair your device, Bluetooth service generates a unique set of pairing keys.
+So twice pair will generate two differen keys.
+Simplely synchronizing two pairing keys can solve it.
+
+## Sync pairing keys
+
+- Pair device once on Windows and Linux.
+- Mount Windows system partition on Linux.
+- Use [chntpw](http://pogostick.net/~pnh/ntpasswd/) to change the pairing key in Windows.
+
+Get the pairing key
+```fish
+cat /var/lib/bluetooth/<current_computer_bluetooth_mac>/<device_mac>/info 
+
+...
+[LinkKey]
+key=YOURDEVICEPAIRINGKEY
+...
+```
+
+```
+chntpw -e WIN_PATH/Windows/System32/config/SYSTEM
+
+> l
+Node has 17 subkeys and 0 values
+  key name
+  <ActivationBroker>
+  <ControlSet001>
+  <DriverDatabase>
+  <HardwareConfig>
+  <Input>
+...
+```
+Replace ControlSetXXX with the value of your system.
+```
+cd ControlSet001\Services\BTHPORT\Parameters\Keys
+```
+
+```
+(...)\Services\BTHPORT\Parameters\Keys> l 
+Node has 2 subkeys and 0 values
+  key name
+  <144f8a...>
+  <35d48b...>
+```
+Edit Windows pairing key
+
+```
+> cd <computer_bluetooth_mac>
+> l
+(...)\BTHPORT\Parameters\Keys\<computer_bluetooth_mac> > l
+Node has 0 subkeys and 1 values
+  size     type              value name             [value if type DWORD]
+    16  3 REG_BINARY         <25f3e8ad4ce5>
+    16  3 REG_BINARY         <device_mac>
+```
+Don't forget add space
+```
+ed <device_mac>
+.: 0 YO UR DE VI CE PA IR IN GK EY
+.s
+> q
+```
+
+Reboot, and now there is no need to pair again after each system switching.