Compare commits
No commits in common. "main" and "upstream" have entirely different histories.
2
.eslintignore
Normal file
2
.eslintignore
Normal file
@ -0,0 +1,2 @@
|
||||
node_modules
|
||||
.eslintrc.js
|
||||
42
.eslintrc.js
Normal file
42
.eslintrc.js
Normal file
@ -0,0 +1,42 @@
|
||||
module.exports = {
|
||||
root: true,
|
||||
parser: '@typescript-eslint/parser',
|
||||
env: {
|
||||
browser: true,
|
||||
amd: true,
|
||||
node: true,
|
||||
es6: true,
|
||||
},
|
||||
plugins: ['@typescript-eslint'],
|
||||
extends: [
|
||||
'eslint:recommended',
|
||||
'plugin:@typescript-eslint/eslint-recommended',
|
||||
'plugin:@typescript-eslint/recommended',
|
||||
'plugin:jsx-a11y/recommended',
|
||||
'plugin:prettier/recommended',
|
||||
'next',
|
||||
'next/core-web-vitals',
|
||||
],
|
||||
parserOptions: {
|
||||
project: true,
|
||||
tsconfigRootDir: __dirname,
|
||||
},
|
||||
rules: {
|
||||
'prettier/prettier': 'error',
|
||||
'react/react-in-jsx-scope': 'off',
|
||||
'jsx-a11y/anchor-is-valid': [
|
||||
'error',
|
||||
{
|
||||
components: ['Link'],
|
||||
specialLink: ['hrefLeft', 'hrefRight'],
|
||||
aspects: ['invalidHref', 'preferButton'],
|
||||
},
|
||||
],
|
||||
'react/prop-types': 0,
|
||||
'@typescript-eslint/no-unused-vars': 0,
|
||||
'react/no-unescaped-entities': 0,
|
||||
'@typescript-eslint/explicit-module-boundary-types': 'off',
|
||||
'@typescript-eslint/no-var-requires': 'off',
|
||||
'@typescript-eslint/ban-ts-comment': 'off',
|
||||
},
|
||||
}
|
||||
@ -2,64 +2,72 @@ name: Build and Deploy docker container
|
||||
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- main
|
||||
branches: main
|
||||
|
||||
jobs:
|
||||
build:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- name: Checkout main
|
||||
uses: actions/checkout@v4
|
||||
# - uses: actions/setup-go@v5
|
||||
# with:
|
||||
# go-version: 'stable'
|
||||
- uses: actions/checkout@v4
|
||||
- name: Install Yarn
|
||||
run: npm install -g yarn
|
||||
- name: Set Node.js 22.x
|
||||
uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: 22.x
|
||||
cache: yarn
|
||||
cache: 'yarn'
|
||||
# - name: Hash files for cache
|
||||
# uses: https://gitea.com/actions/go-hashfiles@v0.0.1
|
||||
# id: get-hash
|
||||
# with:
|
||||
# patterns: |-
|
||||
# **/yarn.lock
|
||||
# **/*.js
|
||||
# **/*.jsx
|
||||
# **/*.ts
|
||||
# **/*.tsx
|
||||
- name: Get yarn cache directory path
|
||||
id: yarn-cache-dir-path
|
||||
run: echo "dir=$(yarn config get cacheFolder)" >> $GITHUB_OUTPUT
|
||||
- name: Restore cache
|
||||
uses: actions/cache@v4
|
||||
id: yarn-cache
|
||||
|
||||
- uses: actions/cache@v4
|
||||
id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
|
||||
with:
|
||||
path: |
|
||||
${{ steps.yarn-cache-dir-path.outputs.dir }}
|
||||
${{ github.workspace }}/.next/
|
||||
node_modules/
|
||||
${{ github.workspace }}/out/
|
||||
key: '${{ runner.os }}-yarn-${{ hashFiles(''**/yarn.lock'') }}'
|
||||
${{ github.workspace }}/.next/cache
|
||||
key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
|
||||
restore-keys: |
|
||||
${{ runner.os }}-yarn-
|
||||
- name: Update node modules
|
||||
run: yarn install --immutable
|
||||
- name: Lint
|
||||
run: yarn lint
|
||||
- name: Build app and export to ./out
|
||||
run: EXPORT=1 UNOPTIMIZED=1 yarn build
|
||||
- name: Set up Docker Buildx
|
||||
- run: yarn
|
||||
- run: EXPORT=1 UNOPTIMIZED=1 yarn build
|
||||
-
|
||||
name: Set up Docker Buildx
|
||||
uses: docker/setup-buildx-action@v3
|
||||
- name: Login to Docker Hub
|
||||
-
|
||||
name: Login to Docker Hub
|
||||
uses: docker/login-action@v3
|
||||
with:
|
||||
registry: git.jonb.io
|
||||
username: '${{ gitea.actor }}'
|
||||
password: '${{ secrets.JONBIO_CI }}'
|
||||
- name: Build and push
|
||||
username: ${{ gitea.actor }}
|
||||
password: ${{ secrets.JONBIO_CI }}
|
||||
-
|
||||
name: Build and push
|
||||
uses: docker/build-push-action@v6
|
||||
with:
|
||||
context: .
|
||||
push: true
|
||||
tags: 'git.jonb.io/jblu/jonbio:latest'
|
||||
cache-from: 'type=registry,ref=git.jonb.io/jblu/jonbio:buildcache'
|
||||
cache-to: >-
|
||||
type=registry,image-manifest=true,oci-mediatypes=true,ref=git.jonb.io/jblu/jonbio:buildcache,mode=max
|
||||
- name: Deploy app
|
||||
tags: git.jonb.io/jblu/jonbio:latest
|
||||
cache-from: type=registry,ref=git.jonb.io/jblu/jonbio:buildcache
|
||||
cache-to: type=registry,image-manifest=true,oci-mediatypes=true,ref=git.jonb.io/jblu/jonbio:buildcache,mode=max
|
||||
-
|
||||
name: Deploy App
|
||||
uses: fjogeleit/http-request-action@v1
|
||||
with:
|
||||
url: 'http://10.5.0.11:7777/v1/update'
|
||||
method: GET
|
||||
bearerToken: '${{ secrets.DEPLOYTOKEN }}'
|
||||
url: 'http://192.168.4.11:7777/v1/update'
|
||||
method: 'GET'
|
||||
bearerToken: ${{ secrets.DEPLOYTOKEN }}
|
||||
timeout: 60000
|
||||
3
.vscode/ltex.dictionary.en-US.txt
vendored
3
.vscode/ltex.dictionary.en-US.txt
vendored
@ -1,3 +0,0 @@
|
||||
Webroot
|
||||
Xeon
|
||||
Lar
|
||||
1
.vscode/ltex.disabledRules.en-US.txt
vendored
1
.vscode/ltex.disabledRules.en-US.txt
vendored
@ -1 +0,0 @@
|
||||
PRP_RB_NO_VB
|
||||
2
.vscode/ltex.hiddenFalsePositives.en-US.txt
vendored
2
.vscode/ltex.hiddenFalsePositives.en-US.txt
vendored
@ -1,2 +0,0 @@
|
||||
{"rule":"MORFOLOGIK_RULE_EN_US","sentence":"^\\Q<TOCInline toc={props.toc} asDisclosure toHeading={3} />\\E$"}
|
||||
{"rule":"MORFOLOGIK_RULE_EN_US","sentence":"^\\QRestart after restart: Nada.\\E$"}
|
||||
@ -11,4 +11,4 @@ ENV HOSTNAME="0.0.0.0"
|
||||
|
||||
EXPOSE 3000
|
||||
|
||||
CMD ["npx", "-y", "serve", "out"]
|
||||
CMD ["npx", "serve", "out"]
|
||||
@ -1,8 +1,6 @@
|
||||
|
||||
|
||||
# Joyful Fixations
|
||||
|
||||
> This template has been adapted for my needs. Please view the upstream if you wish to create a similar site.
|
||||
# Tailwind Nextjs Starter Blog
|
||||
|
||||
[](https://GitHub.com/timlrx/tailwind-nextjs-starter-blog/stargazers/)
|
||||
[](https://GitHub.com/timlrx/tailwind-nextjs-starter-blog/network/)
|
||||
|
||||
@ -67,11 +67,29 @@ export default function RootLayout({ children }: { children: React.ReactNode })
|
||||
className={`${space_grotesk.variable} scroll-smooth`}
|
||||
suppressHydrationWarning
|
||||
>
|
||||
<link rel="icon" type="image/png" href="/static/favicons/favicon-96x96.png" sizes="96x96" />
|
||||
<link rel="icon" type="image/svg+xml" href="/static/favicons/favicon.svg" />
|
||||
<link rel="shortcut icon" href="/static/favicons/favicon.ico" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/static/favicons/apple-touch-icon.png" />
|
||||
<link rel="manifest" href="/static/favicons/site.webmanifest" />
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="76x76"
|
||||
href={`${basePath}/static/favicons/apple-touch-icon.png`}
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="32x32"
|
||||
href={`${basePath}/static/favicons/favicon-32x32.png`}
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="16x16"
|
||||
href={`${basePath}/static/favicons/favicon-16x16.png`}
|
||||
/>
|
||||
<link rel="manifest" href={`${basePath}/static/favicons/site.webmanifest`} />
|
||||
<link
|
||||
rel="mask-icon"
|
||||
href={`${basePath}/static/favicons/safari-pinned-tab.svg`}
|
||||
color="#5bbad5"
|
||||
/>
|
||||
<meta name="msapplication-TileColor" content="#000000" />
|
||||
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#fff" />
|
||||
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000" />
|
||||
|
||||
@ -14,7 +14,7 @@ export default function sitemap(): MetadataRoute.Sitemap {
|
||||
lastModified: post.lastmod || post.date,
|
||||
}))
|
||||
|
||||
const routes = ['', 'blog', 'likes', 'projects', 'tags'].map((route) => ({
|
||||
const routes = ['', 'blog', 'projects', 'tags'].map((route) => ({
|
||||
url: `${siteUrl}/${route}`,
|
||||
lastModified: new Date().toISOString().split('T')[0],
|
||||
}))
|
||||
|
||||
@ -1 +1 @@
|
||||
{"tag1":1,"tag2":1,"tag3":1,"art":1,"store":1,"melis-sweetsimple":1,"visual-studio-code":1,"guide":4,"tailwind-nextjs-starter-blog":1,"disney":1,"github":1,"python":1,"projects":1,"code":1,"docker":1,"unraid":1,"cygnus":1,"self-hosted":1,"server":1,"next-js":1}
|
||||
{"python":1,"projects":1,"code":1,"cygnus":1,"self-hosted":1,"server":1}
|
||||
|
||||
@ -17,7 +17,6 @@ export default function Footer() {
|
||||
<SocialIcon kind="instagram" href={siteMetadata.instagram} size={6} />
|
||||
<SocialIcon kind="threads" href={siteMetadata.threads} size={6} />
|
||||
<SocialIcon kind="medium" href={siteMetadata.medium} size={6} />
|
||||
<SocialIcon kind="resume" href={siteMetadata.resume} size={6} />
|
||||
</div>
|
||||
<div className="mb-2 flex space-x-2 text-sm text-gray-500 dark:text-gray-400">
|
||||
<div>{siteMetadata.author}</div>
|
||||
@ -27,7 +26,7 @@ export default function Footer() {
|
||||
<Link href="/">{siteMetadata.title}</Link>
|
||||
</div>
|
||||
<div className="mb-8 text-sm text-gray-500 dark:text-gray-400">
|
||||
<Link href="https://git.jonb.io/jblu/jonbio">Theme</Link>
|
||||
<Link href="https://github.com/timlrx/tailwind-nextjs-starter-blog">Theme</Link>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
@ -29,7 +29,7 @@ const Header = () => {
|
||||
</div>
|
||||
</Link>
|
||||
<div className="flex items-center space-x-4 leading-5 sm:space-x-6">
|
||||
<div className="no-scrollbar hidden max-w-40 items-center space-x-4 overflow-x-scroll sm:flex sm:space-x-3 md:max-w-72 lg:max-w-96">
|
||||
<div className="no-scrollbar hidden max-w-40 items-center space-x-4 overflow-x-auto sm:flex sm:space-x-6 md:max-w-72 lg:max-w-96">
|
||||
{headerNavLinks
|
||||
.filter((link) => link.href !== '/')
|
||||
.map((link) => (
|
||||
|
||||
@ -102,12 +102,3 @@ export function Medium(svgProps: SVGProps<SVGSVGElement>) {
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
export function Resume(svgProps: SVGProps<SVGSVGElement>) {
|
||||
return (
|
||||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...svgProps}>
|
||||
<title>Resume</title>
|
||||
<path d="M14.727 6.727H14V0H4.91c-.905 0-1.637.732-1.637 1.636v20.728c0 .904.732 1.636 1.636 1.636h14.182c.904 0 1.636-.732 1.636-1.636V6.727h-6zm-.545 10.455H7.09v-1.364h7.09v1.364zm2.727-3.273H7.091v-1.364h9.818v1.364zm0-3.273H7.091V9.273h9.818v1.363zM14.727 6h6l-6-6v6z" />
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
@ -10,7 +10,6 @@ import {
|
||||
Threads,
|
||||
Instagram,
|
||||
Medium,
|
||||
Resume,
|
||||
} from './icons'
|
||||
|
||||
const components = {
|
||||
@ -25,7 +24,6 @@ const components = {
|
||||
threads: Threads,
|
||||
instagram: Instagram,
|
||||
medium: Medium,
|
||||
resume: Resume,
|
||||
}
|
||||
|
||||
type SocialIconProps = {
|
||||
|
||||
@ -140,7 +140,6 @@ export const Authors = defineDocumentType(() => ({
|
||||
linkedin: { type: 'string' },
|
||||
github: { type: 'string' },
|
||||
layout: { type: 'string' },
|
||||
resume: { type: 'string' },
|
||||
},
|
||||
computedFields,
|
||||
}))
|
||||
|
||||
@ -2,16 +2,15 @@
|
||||
name: Jonathan Branan
|
||||
avatar: https://s3.jonb.io/cdn/author/2.JPG
|
||||
occupation: Software Engineer
|
||||
# company:
|
||||
email: jonbranan@gmail.com
|
||||
company: Fortra
|
||||
email: jonathan.branan@fortra.com
|
||||
linkedin: https://www.linkedin.com/in/jonathanbranan/
|
||||
github: https://github.com/jonbranan
|
||||
resume: https://s3.jonb.io/cdn/author/Resume.pdf
|
||||
---
|
||||
|
||||
Jonathan Branan is a Software Engineer. He is mostly self-taught however he did attend a vocational class at Rackspace Open Cloud Academy.
|
||||
Jonathan Branan is a Software Engineer at Fortra. He is mostly self-taught however he did attend a vocational class at Rackspace Open Cloud Academy.
|
||||
|
||||
He has worked for Geek Squad repairing computers, GlobalScape as a Lead of the Client Services department, a Product Owner of MFT applications and as a Software Engineer at Fortra.
|
||||
He has worked for Geek Squad repairing computers, GlobalScape as a Lead of the Client Services department and as a Product Owner of MFT applications at Fortra.
|
||||
|
||||
He currently lives in San Antonio, Texas with his wife and two dogs. He enjoys Basketball, Video games, cooking, camping(backpacking, glamping), watching movies,
|
||||
making mixed drinks and building Lego's. Jonathan and his wife like to frequently travel.
|
||||
|
||||
@ -1,7 +0,0 @@
|
||||
---
|
||||
name: Melina Branan
|
||||
avatar: https://s3.jonb.io/cdn/author/IMG_2901.jpeg
|
||||
occupation: Infrastructure Engineer
|
||||
---
|
||||
|
||||
This is who I am
|
||||
@ -1,8 +0,0 @@
|
||||
---
|
||||
title: 'idea'
|
||||
date: '2025-1-1'
|
||||
#lastmod: '202year-month-day'
|
||||
draft: true
|
||||
---
|
||||
- split dns jonb.io vs int.jonb.io
|
||||
- entertainment stack
|
||||
@ -1,198 +0,0 @@
|
||||
---
|
||||
title: 'Markdown Guide'
|
||||
date: '2024-11-6'
|
||||
tags: ['github', 'guide']
|
||||
draft: true
|
||||
summary: 'Markdown cheatsheet for all your blogging needs - headers, lists, images, tables and more! An illustrated guide based on GitHub Flavored Markdown.'
|
||||
---
|
||||
|
||||
# Introduction
|
||||
|
||||
Markdown and Mdx parsing is supported via `unified`, and other remark and rehype packages. `next-mdx-remote` allows us to parse `.mdx` and `.md` files in a more flexible manner without touching webpack.
|
||||
|
||||
GitHub flavored markdown is used. `mdx-prism` provides syntax highlighting capabilities for code blocks. Here's a demo of how everything looks.
|
||||
|
||||
The following markdown cheatsheet is adapted from: https://guides.github.com/features/mastering-markdown/
|
||||
|
||||
# What is Markdown?
|
||||
|
||||
Markdown is a way to style text on the web. You control the display of the document; formatting words as bold or italic, adding images, and creating lists are just a few of the things we can do with Markdown. Mostly, Markdown is just regular text with a few non-alphabetic characters thrown in, like `#` or `*`.
|
||||
|
||||
# Syntax guide
|
||||
|
||||
Here’s an overview of Markdown syntax that you can use anywhere on GitHub.com or in your own text files.
|
||||
|
||||
## Headers
|
||||
|
||||
```
|
||||
# This is a h1 tag
|
||||
|
||||
## This is a h2 tag
|
||||
|
||||
#### This is a h4 tag
|
||||
```
|
||||
|
||||
# This is a h1 tag
|
||||
|
||||
## This is a h2 tag
|
||||
|
||||
#### This is a h4 tag
|
||||
|
||||
## Emphasis
|
||||
|
||||
```
|
||||
_This text will be italic_
|
||||
|
||||
**This text will be bold**
|
||||
|
||||
_You **can** combine them_
|
||||
```
|
||||
|
||||
_This text will be italic_
|
||||
|
||||
**This text will be bold**
|
||||
|
||||
_You **can** combine them_
|
||||
|
||||
## Lists
|
||||
|
||||
### Unordered
|
||||
|
||||
```
|
||||
- Item 1
|
||||
- Item 2
|
||||
- Item 2a
|
||||
- Item 2b
|
||||
```
|
||||
|
||||
- Item 1
|
||||
- Item 2
|
||||
- Item 2a
|
||||
- Item 2b
|
||||
|
||||
### Ordered
|
||||
|
||||
```
|
||||
1. Item 1
|
||||
1. Item 2
|
||||
1. Item 3
|
||||
1. Item 3a
|
||||
1. Item 3b
|
||||
```
|
||||
|
||||
1. Item 1
|
||||
1. Item 2
|
||||
1. Item 3
|
||||
1. Item 3a
|
||||
1. Item 3b
|
||||
|
||||
## Images
|
||||
|
||||
```
|
||||
|
||||
Format: 
|
||||
```
|
||||
|
||||
|
||||
|
||||
## Links
|
||||
|
||||
```
|
||||
http://github.com - automatic!
|
||||
[GitHub](http://github.com)
|
||||
```
|
||||
|
||||
http://github.com - automatic!
|
||||
[GitHub](http://github.com)
|
||||
|
||||
## Blockquotes
|
||||
|
||||
```
|
||||
As Kanye West said:
|
||||
|
||||
> We're living the future so
|
||||
> the present is our past.
|
||||
```
|
||||
|
||||
As Kanye West said:
|
||||
|
||||
> We're living the future so
|
||||
> the present is our past.
|
||||
|
||||
## Inline code
|
||||
|
||||
```
|
||||
I think you should use an
|
||||
`<addr>` element here instead.
|
||||
```
|
||||
|
||||
I think you should use an
|
||||
`<addr>` element here instead.
|
||||
|
||||
## Syntax highlighting
|
||||
|
||||
Here’s an example of how you can use syntax highlighting with [GitHub Flavored Markdown](https://help.github.com/articles/basic-writing-and-formatting-syntax/):
|
||||
|
||||
````
|
||||
```js:fancyAlert.js
|
||||
function fancyAlert(arg) {
|
||||
if (arg) {
|
||||
$.facebox({ div: '#foo' })
|
||||
}
|
||||
}
|
||||
```
|
||||
````
|
||||
|
||||
And here's how it looks - nicely colored with styled code titles!
|
||||
|
||||
```js:fancyAlert.js
|
||||
function fancyAlert(arg) {
|
||||
if (arg) {
|
||||
$.facebox({ div: '#foo' })
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
## Footnotes
|
||||
|
||||
```
|
||||
Here is a simple footnote[^1]. With some additional text after it.
|
||||
|
||||
[^1]: My reference.
|
||||
```
|
||||
|
||||
Here is a simple footnote[^1]. With some additional text after it.
|
||||
|
||||
[^1]: My reference.
|
||||
|
||||
## Task Lists
|
||||
|
||||
```
|
||||
- [x] list syntax required (any unordered or ordered list supported)
|
||||
- [x] this is a complete item
|
||||
- [ ] this is an incomplete item
|
||||
```
|
||||
|
||||
- [x] list syntax required (any unordered or ordered list supported)
|
||||
- [x] this is a complete item
|
||||
- [ ] this is an incomplete item
|
||||
|
||||
## Tables
|
||||
|
||||
You can create tables by assembling a list of words and dividing them with hyphens `-` (for the first row), and then separating each column with a pipe `|`:
|
||||
|
||||
```
|
||||
| First Header | Second Header |
|
||||
| --------------------------- | ---------------------------- |
|
||||
| Content from cell 1 | Content from cell 2 |
|
||||
| Content in the first column | Content in the second column |
|
||||
```
|
||||
|
||||
| First Header | Second Header |
|
||||
| --------------------------- | ---------------------------- |
|
||||
| Content from cell 1 | Content from cell 2 |
|
||||
| Content in the first column | Content in the second column |
|
||||
|
||||
## Strikethrough
|
||||
|
||||
Any word wrapped with two tildes (like `~~this~~`) will appear ~~crossed out~~.
|
||||
@ -1,68 +0,0 @@
|
||||
---
|
||||
title: Images in Next.js
|
||||
date: '2020-11-11'
|
||||
tags: ['next js', 'guide']
|
||||
draft: true
|
||||
summary: 'In this article we introduce adding images in the tailwind starter blog and the benefits and limitations of the next/image component.'
|
||||
---
|
||||
|
||||
# Introduction
|
||||
|
||||
The tailwind starter blog has out of the box support for [Next.js's built-in image component](https://nextjs.org/docs/api-reference/next/image) and automatically swaps out default image tags in markdown or mdx documents to use the Image component provided.
|
||||
|
||||
# Usage
|
||||
|
||||
To use in a new page route / javascript file, simply import the image component and call it e.g.
|
||||
|
||||
```js
|
||||
import Image from 'next/image'
|
||||
|
||||
function Home() {
|
||||
return (
|
||||
<>
|
||||
<h1>My Homepage</h1>
|
||||
<Image src="/me.png" alt="Picture of the author" width={500} height={500} />
|
||||
<p>Welcome to my homepage!</p>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Home
|
||||
```
|
||||
|
||||
For a markdown file, the default image tag can be used and the default `img` tag gets replaced by the `Image` component in the build process.
|
||||
|
||||
Assuming we have a file called `logo.png` in `static/images/logo.png`, the following line of code would generate the optimized image.
|
||||
|
||||
```
|
||||
|
||||
```
|
||||
|
||||
Alternatively, since we are using mdx, we can just use the image component directly! Note, that you would have to provide a fixed width and height. The `img` tag method parses the dimension automatically.
|
||||
|
||||
```js
|
||||
<Image alt="ocean" src="/static/images/logo.png" width={256} height={128} />
|
||||
```
|
||||
|
||||
_Note_: If you try to save the image, it is in webp format, if your browser supports it!
|
||||
|
||||
|
||||
|
||||
# Benefits
|
||||
|
||||
- Smaller image size with Webp (~30% smaller than jpeg)
|
||||
- Responsive images - the correct image size is served based on the user's viewport
|
||||
- Lazy loading - images load as they are scrolled to the viewport
|
||||
- Avoids [Cumulative Layout Shift](https://web.dev/cls/)
|
||||
- Optimization on demand instead of build-time - no increase in build time!
|
||||
|
||||
# Limitations
|
||||
|
||||
- Due to the reliance on `next/image`, unless you are using an external image CDN like Cloudinary or Imgix, it is practically required to use Vercel for hosting. This is because the component acts like a serverless function that calls a highly optimized image CDN.
|
||||
|
||||
If you do not want to be tied to Vercel, you can remove `imgToJsx` in `remarkPlugins` in `lib/mdx.js`. This would avoid substituting the default `img` tag.
|
||||
|
||||
Alternatively, one could wait for image optimization at build time to be supported. A different library, [next-optimized-images](https://github.com/cyrilwanner/next-optimized-images) does that, although it requires transforming the images through webpack which is not done here.
|
||||
|
||||
- Images from external links are not passed through `next/image`
|
||||
- All images have to be stored in the `public` folder e.g `/static/images/logo.png`
|
||||
@ -1,138 +0,0 @@
|
||||
---
|
||||
title: 'Using Visual Studio Code to quickly write frontmatter'
|
||||
date: '2024-2-7'
|
||||
tags: ['Visual Studio Code', 'guide', 'code']
|
||||
draft: false
|
||||
summary: 'summary'
|
||||
---
|
||||
|
||||
1. Paste the following into your md or mdx snippet file.In Visual Studio Code, go to File --> Preferences --> Configure Snippets.
|
||||
|
||||
2. To use a snippet, type the prefix and you will get snippet suggestions.
|
||||
|
||||
```json
|
||||
{
|
||||
"Blog Frontmatter": {
|
||||
"prefix": "f",
|
||||
"scope":"markdown",
|
||||
"body": [
|
||||
"---",
|
||||
"title: '${1:title}'",
|
||||
"date: '202${2:year}-${3:month}-${4:day}'",
|
||||
"#lastmod: '202${12:year}-${13:month}-${14:day}'",
|
||||
"tags: ['${5:tag1}', '${6:tag2}', '${7:tag3}']",
|
||||
"draft: ${8:true}",
|
||||
"summary: '${9:summary}'",
|
||||
"#images: ['/static/images/${10:image.jpg}',]",
|
||||
"#authors: ['default',]",
|
||||
"#layout: PostLayout # PostLayout, PostSimple and PostBanner",
|
||||
"#canonicalUrl: https://jonb.io/blog/${11:the-url-here}",
|
||||
"---$0"
|
||||
],
|
||||
"description": "Write a template for blog frontmatter."
|
||||
},
|
||||
"Blog Frontmatter Title": {
|
||||
"prefix": "f:title",
|
||||
"body": [
|
||||
"title: '${1:title}'$0",
|
||||
],
|
||||
"description": "Shortcode for blog frontmatter title."
|
||||
},
|
||||
"Blog Frontmatter Date": {
|
||||
"prefix": "f:date",
|
||||
"body": [
|
||||
"date: '202${1:year}-${2:month}-${3:day}'$0"
|
||||
],
|
||||
"description": "Shortcode for blog frontmatter date."
|
||||
},
|
||||
"Blog Frontmatter lastmod": {
|
||||
"prefix": "f:lastmod",
|
||||
"body": [
|
||||
"lastmod: '202${1:year}-${2:month}-${3:day}'$0",
|
||||
],
|
||||
"description": "Shortcode for blog frontmatter lastmod."
|
||||
},
|
||||
"Blog Frontmatter tags": {
|
||||
"prefix": "f:tags",
|
||||
"body": [
|
||||
"tags: ['${1:tag1}', '${2:tag2}', '${3:tag3}']$0",
|
||||
],
|
||||
"description": "Shortcode for blog frontmatter tags."
|
||||
},
|
||||
"Blog Frontmatter draft": {
|
||||
"prefix": "f:draft",
|
||||
"body": [
|
||||
"draft: ${1:true}$0",
|
||||
],
|
||||
"description": "Shortcode for blog frontmatter draft."
|
||||
},
|
||||
"Blog Frontmatter summary": {
|
||||
"prefix": "f:summary",
|
||||
"body": [
|
||||
"summary: '${1:summary}'$0",
|
||||
],
|
||||
"description": "Shortcode for blog frontmatter summary."
|
||||
},
|
||||
"Blog Frontmatter images": {
|
||||
"prefix": "f:images",
|
||||
"body": [
|
||||
"images: ['/static/images/${1:image.jpg}',]$0",
|
||||
],
|
||||
"description": "Shortcode for blog frontmatter images."
|
||||
},
|
||||
"Blog Frontmatter authors": {
|
||||
"prefix": "f:authors",
|
||||
"body": [
|
||||
"authors: ['default',]$0",
|
||||
],
|
||||
"description": "Shortcode for blog frontmatter authors."
|
||||
},
|
||||
"Blog Frontmatter layout": {
|
||||
"prefix": "f:layout",
|
||||
"body": [
|
||||
"layout: PostLayout # PostLayout, PostSimple and PostBanner$0",
|
||||
],
|
||||
"description": "Shortcode for blog frontmatter layout."
|
||||
},
|
||||
"Blog Frontmatter canonicalUrl": {
|
||||
"prefix": "f:canonicalUrl",
|
||||
"body": [
|
||||
"canonicalUrl: https://jonb.io/blog/${1:the-url-here}$0",
|
||||
],
|
||||
"description": "Shortcode for blog frontmatter canonicalUrl."
|
||||
},
|
||||
"Blog Link": {
|
||||
"prefix": "blog:link",
|
||||
"body": [
|
||||
"[${1:Name}](${2:Link})$0"
|
||||
],
|
||||
"description": "Shortcode for markdown link"
|
||||
},
|
||||
"Blog Image": {
|
||||
"prefix": "blog:image",
|
||||
"body": [
|
||||
"$0"
|
||||
],
|
||||
"description": "Shortcode for markdown image"
|
||||
},
|
||||
"Blog Table of Contents": {
|
||||
"prefix": "blog:toc",
|
||||
"body": [
|
||||
"<TOCInline toc={props.toc} asDisclosure toHeading={3} />$0"
|
||||
],
|
||||
"description": "Shortcode for markdown table of contents"
|
||||
},
|
||||
"Blog Video": {
|
||||
"prefix": "blog:video",
|
||||
"body": [
|
||||
"<video controls>",
|
||||
"<source",
|
||||
"src=\"${1:src}\"",
|
||||
"type=\"video/mp4\"",
|
||||
"/>",
|
||||
"</video>$0"
|
||||
],
|
||||
"description": "Shortcode for markdown video"
|
||||
},
|
||||
}
|
||||
```
|
||||
@ -1,66 +1,53 @@
|
||||
---
|
||||
title: How I Built Cygnus
|
||||
date: '2024-10-14'
|
||||
lastmod: '2024-11-26'
|
||||
tags: ['cygnus', 'self-hosted', 'server']
|
||||
draft: false
|
||||
summary: A story of how I started self-hosting.
|
||||
---
|
||||
|
||||
<TOCInline toc={props.toc} asDisclosure toHeading={3} />
|
||||
|
||||
> #### Now that I think about it, they kind of took advantage of me
|
||||
|
||||
### Side work for Aunt Laurie
|
||||
|
||||
The first piece of hardware I ever owned was given to me by my dear Aunt. At the time she had worked for a company that sold industrial saw blades, and she was frequently fixing their IT issues despite being an accountant. To this day it still infuriates me how much they took advantage of her. Now that I think about it, they kind of took advantage of me too. You see I had worked for Geek Squad at the time and looking back at it, I realize how little I knew then. While I know there is always more to learn in the industry, you learn pretty quickly is that your time is valuable, and that not everyone views IT work as "easy" and "no big deal". If they had invited an IT consultant to do the 3 hours of work I did, the bill easily would have been hundreds of dollars. These days, I don't charge by the hour, I charge by the job. This way, I can work quickly and not get penalized for it.
|
||||
The first piece of hardware I ever owned was given to me by my dear Aunt. At the time she had worked for a company that sold industrial saw blades and she was frequently fixing their IT issues despite being an accountant. To this day it still infuriates me how much they took advantage of her. Now that I think about it, they kind of took advantage of me. You see I had worked for GeekSquad at the time and looking back at it, I realize how little I knew then. While I know there is always more to learn in the industry, what you learn pretty quickly is that your time is valuable, and that not everyone views IT work as "easy" and "no big deal". If they had invited an IT consultant to do the 3 hours of work I did, the bill easily would have been hundreds of dollars. These days, I don't charge by the hour, I charge by the job. This way, I can work quickly and not get penalized for it.
|
||||
|
||||
She asked me in to help take a look at a virus infecting some computers at the office. This virus was mean; one of those that would keep creating itself until you found the source process. I don't really think it was a self-replicating [worm-type](https://en.wikipedia.org/wiki/Computer_worm) virus because it didn't spread to all the computers in the network, just a few. It was more like one of those click-a-link-in-an-email-that-you-shouldn't-have types. No, Harbor freights doesn't have a gift card for you. What is free, is the headache it takes to find the dang source. I was able to find it only because I suggested an antivirus I liked: Webroot. It was one of the most performant and reliable anti-viruses I have ever seen. After convincing my aunt to buy it, I whipped up a batch file to install the application and register it all in one go. Now that I think about it, that's probably when I really started to enjoy writing code/scripting. After using the script, Webroot immediately found the source process and resource usage went back to normal.
|
||||
She asked me in to help take a look at a virus infecting some of the computers at the office. This virus was mean; one of those that would keep creating itself until you found the source process. I don't really think it was a self-replicating-worm-type-of-virus because it didn't spread to all of the computers in the network, just a few. It was more like one of those click-a-link-in-an-email-that-you-shouldn't-have types. No, Harbor freights doesn't have a free gift card for you. What is free, is the headache it takes to find the dang source. I was able to find it only because i suggested an antivirus I liked: Webroot. It was one of the most performant and reliable anti-viruses I have ever seen. After convincing my aunt to buy it, I whipped up a batch file to install the application and register it all in one go. Boyyyy now that I think about it, that's probably when I really started to enjoy writing code/scripting. After using the script, Webroot immediately found the source process and resource usage went back to normal.
|
||||
|
||||
"Would you like a server?"
|
||||
"Would you like a computer?"
|
||||
|
||||
"A what?" I respond confused (I was expecting money). She starts walking to the networking closet where I see an old dell tower sitting on the floor. At first, I think it's just a desktop, but after looking at the label closely, I realize it's actually a server in desktop form. She was offering me a [Dell T110](https://i.dell.com/sites/csdocuments/Shared-Content_data-Sheets_Documents/en/T110-SpecSheet.pdf) equipped with a quad-core Xeon processor(Intel Server CPU) and 4 bays for hard drives. Hard drives included.
|
||||
"A what?" I respond confused (I was expecting money). She starts walking to the networking closet where I see an old dell tower sitting on the floor. At first I think it's just a desktop, but after looking at the label closely, I realize it's actually a server in desktop form. She was offering me a Dell T100 equipped with a quad core Xeon processor(Intel Server CPU) and 4 bays for hard drives. Hard drives included.
|
||||
|
||||
"Oh Sweet! Thanks Auntie Lar!"
|
||||
|
||||
Despite not being paid like a professional, this was sufficient compensation. While it wasn't the most powerful server on the market, it definitely would do anything I ask. This left just one question...
|
||||
Despite not being paid like a professional, this was sufficient compensation. While it wasn't the most powerful server on the market, it definitely would do anything I ask it. This leaves just one question...
|
||||
|
||||
### A way to watch movies
|
||||
> What should I ask it to do?
|
||||
|
||||
|
||||
_Dell T110 Server_
|
||||
|
||||
|
||||
The computer sits in my room for months. Every glance in its direction, I ask my self: "What should I ask it to do?". A month or two later, I am lounging in the living room with my parents watching OTA TV. My father just did a scan of channels and while we are flipping through the channels we come across The Fresh Prince of Bel Air reruns. We couldn't get enough. I was so happy. You see, you couldn't find those reruns on OTA in San Antonio; And we just happened to be getting a channel from Austin! This goes on for a couple of days then one day, the floor just gets pull from underneath our feet. We were no longer getting signal! I have my answer to the question now. I am going to download The Fresh Prince of Bel Air and watch it off my server. After installing Windows Sever 2012 Edition, I install Plex. I happily download The Fresh Prince of Bel Air and ironically, to this day I haven't watched all the episodes. I still have all the files though.
|
||||
The computer sits in my room for months. Every glance in its direction, I ask my self: "What should I ask it to do?". A month or two later, I am lounging in the living room with my parents watching OTA tv. My father just did a scan of channels and while we are flipping through the channels we come across The Fresh Prince of Bel-Air reruns. We couldn't get enough. I was so happy. You see, you couldn't find those reruns on OTA in San Antonio; And we just happened to be getting a channel from Austin! This goes on for a couple of days then one day, the floor just gets pull from underneath our feet. We were no longer getting signal! I have my answer to the question now. I am going to download The Fresh Prince of Bel-Air and watch it off my server. After installing Windows Sever 2012 Edition, I install plex. I happily download The Fresh Prince of Bel-Air and ironically, to this day I haven't watched all the episodes. I still have all of the files though.
|
||||
|
||||
### Learning virtualization
|
||||
"So what do you like to do with your free time?"
|
||||
|
||||
"I love watching movies! I have a Plex server. I also like to play Video Games like League of Legends and Overwatch." I smile as I respond to my future Manager.
|
||||
"I love watching movies! I have a plex server. I also like to play Video Games like League of legends and Overwatch." I smile as I respond to my future Manager.
|
||||
|
||||
"That's cool, I have one too. Well alright, we are going to give you a technical interview now. Here's the packet. You have an hour."
|
||||
[GlobalSCAPE office](https://www.google.com/maps/uv?pb=!1s0x865c66b4a81e869b%3A0x43fa6342ae196013!3m1!7e115!4s%2Fmaps%2Fplace%2Fglobalscape%2Boffice%2Bsan%2Bantonio%2F%4029.5870434%2C-98.5723876%2C3a%2C75y%2C272.84h%2C90t%2Fdata%3D*213m4*211e1*213m2*211s_-NCMpFUBxQjzfAExNE2dA*212e0*214m2*213m1*211s0x865c66b4a81e869b%3A0x43fa6342ae196013%3Fsa%3DX%26ved%3D2ahUKEwj0lbWns_mJAxWIJNAFHf4eLhsQpx96BAhOEAA!5sglobalscape%20office%20san%20antonio%20-%20Google%20Search!15sCgIgAQ&imagekey=!1e2!2s_-NCMpFUBxQjzfAExNE2dA&cr=le_a7&hl=en&ved=1t%3A206134&ictx=111)
|
||||
I would say the interview went well. After all, I got the job. This was my first "Corporate Job". The exposure really required me to teach my self on the side. Using [VMWare ESXi](https://www.vmware.com/products/cloud-infrastructure/esxi-and-esx) was very easy. Their bare metal hypervisor came with networking, storage management etc. and was reasonably intuitive.
|
||||
|
||||
Downloading and setting up Linux virtual machines with each application was challenging yet rewarding. Setting up servers manually and then installing the applications was an involved process; One that likely set the groundwork for understanding the use case of containers. Being RHEL certified did afford me a large degree of appreciation for Linux. I would combine these later to make managing my home lab much, much easier. But, hey, you live and you learn. In this case I learned that I was demanding too much of my little Dell T100 server. I would need to build it bigger. After all, I was already at home.
|
||||
I would say the interview went well. After all, I got the job. This was my first "Corporate Job". The exposure really required me to teach my self on the side. Using VMWare ESXI was very easy. Their bare metal hypervisor came with networking, storage management etc and was reasonably intuitive.
|
||||
|
||||
Downloading and setting up linux virtual machines with each application was challenging yet rewarding. Setting up servers manually and then installing the applications was an involved process; One that likely set the ground work for understanding the use case of containers. Being RHEL certified did afford me a large degree of appreciation for linux. I would combine these later to make managing my home lab much, much easier. But, hey, you live and you learn. In this case I learned that I was demanding too much of my little Dell T100 server. I would need to build it bigger. After all, I was already at home.
|
||||
|
||||
### Building from scratch
|
||||
eBay, is a great website. You can find anything from car parts to an ice tea maker. They also sell things from China. Did you know you could buy server parts from eBay? I built a dual processor server. Guess how much each processor was? 5 bucks. And the RAM(Memory)? 7. Just to put that in perspective, *new* processors are *hundreds* of dollars, sometimes even thousands. eBay enabled me build an affordable home lab server. It was great while it lasted.....
|
||||
Ebay, is a great website. You can find anything from car parts to an ice tea maker. They also sell things from China. Did you know you could buy server parts from Ebay? I built a dual processor server. Guess how much each processor was? $5. And the RAM(Memory)? $7. Just to put that in perspective, *new* processors were *hundreds* of dollars, sometimes even thousands. Ebay enabled me build an affordable home lab server. It was great while it lasted.....
|
||||
|
||||
### 15 amp circuit breakers
|
||||
|
||||
Did you know, in America, there are two typical types of circuits run in residential rooms? Me either! For example, your bedroom likely has several outlets however in most cases they all are sharing the same power connection or circuit. These circuits have a maximum amount of power they can safely pull before the safety switch or circuit breaker will "trip". I learned this the hard way. You see, I lived my grandparents at the time and my grandfather needed the house warmer to stay healthy and in a good mood. So my grandmother and I never raised the temperature. But since we live in Texas, I needed something to cool down my room. I was in the middle of an Overwatch gaming session and all of a sudden the pc shuts off. I knew instantly the circuit breaker tripped because the AC shutoff too. Therefore, I ran over to the circuit panel, slapped the breaker on and ran right back to my game. Booted the PC and get back in game as quickly as possible. Trips again. Turn it back on. I repeat this business another time before I give up. A gaming PC, a couple of servers and an air conditioner draw a lot of power. When all three are running on the same circuit, it can cause it to trip. I find out later the circuit in my room is a 15 amp breaker, instead of a 20! At least I know now. I go to watch a movie on Plex and I notice Plex isn't loading. I walk over to the servers and power them on. The Dell T100 works just fine. My custom server, won't turn on! Panic sets in.
|
||||
### 15 amp circuit breaker
|
||||
Did you know, in America, there are two typical types of circuits run in residential rooms? Me either! For example, your bedroom likely has several outlets however in most cases they all are sharing the same power connection or circuit. These circuits have a maximum amount of power they can safely pull before the safety switch or circuit breaker will "trip". I learned this the hard way. You see, I lived my grandparents at the time and my grandfather needed the house warmer to stay healthy and in a good mood. So my grandmother and I never raised the temperature. But since we live in Texas, I needed something to cool down my room. I was in the middle of an Overwatch gaming session and all of the sudden the pc shuts off. I new instantly the circuit breaker tripped because the AC shutoff too. I ran over to the circuit panel, slapped the breaker on and ran right back to my game. Booted the PC and get back in game as quickly as possible. Trips again. Turn it back on. I repeat this business another time before I give up. A gaming PC, a couple of servers and an air conditioner draw a lot of power. When all three are running on the same circuit, it can cause it to trip. I find out later the circuit in my room is a 15 amp breaker, instead of a 20! At least I know now. I go to watch a movie on Plex and I notice plex isn't loading. I walk over to the servers and power them on. The Dell T100 works just fine. My custom server, won't turn on! Panic sets in.
|
||||
|
||||
To be continued....
|
||||
|
||||
{/*
|
||||
### Troubleshooting insanity
|
||||
What on God's green earth is going on? The server's fans are spinning, but I am not getting any video output. I open the case and start checking the CPU fans. They're spinning... but the monitor doesn't have any video output. Restart after restart: Nada. Order more parts from China and wait. Discover the motherboard is bad, order another. Still can't figure it out. My best guess is my server was so messed up, I kept shorting parts when mixing good and bad. Things kept breaking as I was troubleshooting. Sometimes, the only solution is to start new.
|
||||
|
||||
### The Need to Concede
|
||||
|
||||
|
||||
This is taking too much time.
|
||||
|
||||
Time to order newer, stronger parts off the internet! This is how Cygnus was born. Cygnus means swan in [Latinized Greek](https://en.wikipedia.org/wiki/Cygnus_(constellation)). In some ways, this server, which is serving this website, is my swan song. It enables me to be a part of the internet and share my voice among a [billion](https://www.digitalsilk.com/digital-trends/how-many-websites-are-there/#:~:text=Although%20the%20internet%20has%20already,infected%20with%20malware%20in%202022.) of other websites.
|
||||
|
||||
### Light at the end of the tunnel
|
||||
Fast forward to today. My current server has a 64 core processor with 128 GB of RAM. I mostly run docker containers with a few VMs. I have two servers. The little dell server is still running strong providing network and backup type services. Some of the pictures you see on this site are served from it. My home lab has enabled me to learn so much without additional schooling. If I didn't do this, I would have never pushed my make my own python applications in docker containers. If I hadn't done that I would have never been able to move into a developer role.
|
||||
*/}
|
||||
|
||||
|
||||
@ -1,21 +0,0 @@
|
||||
---
|
||||
title: 'Can I take a lightsaber on Southwest Airlines?'
|
||||
date: '2024-11-12'
|
||||
lastmod: '2024-11-13'
|
||||
tags: ['Disney', 'guide']
|
||||
draft: false
|
||||
summary: 'How to take a lightsaber on an airplane.'
|
||||
#images: ['/static/images/', '']
|
||||
#authors: ['default']
|
||||
#layout: PostLayout # PostLayout, PostSimple and PostBanner
|
||||
#canonicalUrl: https://jonb.io/blog/the-url-here
|
||||
---
|
||||
|
||||
|
||||
In short, yes you can but you have to break it down. I recently went to Disneyland and enjoyed the experience at [Savi's workshop](https://disneyland.disney.go.com/shops/disneyland/savis-workshop-handbuilt-lightsabers/). On my way out they handed me a long slender case for my lightsaber. Fast forward a few days and my wife and I are packing for the return trip home. I google it and find [others](https://www.reddit.com/r/GalaxysEdge/comments/u3vqxz/how_do_you_guys_get_your_lightsabers_onto_planes/) were able to take their lightsabers on the plane just fine as a personal item. When I get to the LAX airport I am quickly told that I would have to check in my lightsaber since their policy doesn't allow them to be stowed overhead anymore. I wait to see if I will be told a second time. Sure enough, someone spots my carrying case and points it out to the gentleman that is helping me. He states I would have to check it in. I mention to the gentleman I can break it down and put it in my backpack.
|
||||
|
||||
"You can do that?" He says surprised.
|
||||
|
||||
"Yeah, the hilt and the blade detach." I say calmly. "I'll do it in front of you..." It takes my about 30 seconds to disassemble it and shove the carrying case into my backpack and I leave the blade sticking out.
|
||||
|
||||
I was able to successfully move through TSA as their [policy](https://www.tsa.gov/travel/security-screening/whatcanibring/items/light-saber#:~:text=Sadly%2C%20the%20technology%20doesn't,carry%2Don%20or%20checked%20bag.) has no restrictions on lightsabers.
|
||||
@ -1,30 +0,0 @@
|
||||
---
|
||||
title: 'Introducing Melis Sweet&Simple'
|
||||
date: '2024-11-14'
|
||||
#lastmod: '202year-month-day'
|
||||
tags: ['Art', 'store', 'Melis Sweet&Simple']
|
||||
draft: false
|
||||
summary: 'Elevate your Space with Bespoke Handcrafted Art from our Store that is Super Sweet and Simple.'
|
||||
images: ['','','']
|
||||
authors: ['default','meli']
|
||||
layout: PostLayout # PostLayout, PostSimple and PostBanner
|
||||
#canonicalUrl: https://jonb.io/blog/the-url-here
|
||||
---
|
||||
|
||||
## Meli's Sweet&Simple
|
||||
> Elevate your Space with Bespoke Handcrafted Art from our Store that is Super Sweet and Simple.
|
||||
|
||||
[Check it out!](https://melisweetsimple.jonb.io/)
|
||||
|
||||
<div className="-mx-2 flex flex-wrap overflow-hidden xl:-mx-2">
|
||||
<div className="my-1 w-full overflow-hidden px-2 xl:my-1 xl:w-1/2 xl:px-2">
|
||||
|
||||
</div>
|
||||
<div className="my-1 w-full overflow-hidden px-2 xl:my-1 xl:w-1/2 xl:px-2">
|
||||
|
||||
</div>
|
||||
<div className="my-1 w-full overflow-hidden px-2 xl:my-1 xl:w-1/2 xl:px-2">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,189 +1,11 @@
|
||||
---
|
||||
title: Qbitmaid
|
||||
date: '2024-11-3'
|
||||
lastmod: '2025-1-28'
|
||||
tags: ['python', 'projects', 'code', 'docker', 'unraid']
|
||||
draft: false
|
||||
tags: ['python', 'projects', 'code']
|
||||
draft: true
|
||||
summary: How I used python to keep my torrents in check
|
||||
layout: PostBanner
|
||||
images: ['https://s3.jonb.io/cdn/projects/qbitmaid.jpg']
|
||||
---
|
||||
|
||||
### qbit-maid
|
||||
|
||||
Development [^1] of qbitmaid was over the course of several months. At first, the project was called qbit-clean and didn't have all the features the project has now. The issue was mainly with my download cache in unraid being filled with torrents I no longer needed to seed[^2]. When I would get a notification from the server that the download cache was 95% full I would have to manually go to [qbittorrent](https://www.qbittorrent.org/), sort the torrents by age and remove the ones older than two weeks avoiding torrents I wanted to keep.
|
||||
|
||||
[](https://www.qbittorrent.org/)
|
||||
|
||||
This was tedious. Very tedious. So I went off to do more work just to avoid a little.`qbitmaid.py` is the main file that glues the project together. This was my first project where I heavily abstracted the design. More on this later. First, we'll connect to the API. I used an existing client [library](https://pypi.org/project/qbittorrent-api/2022.5.32/) that makes this process simpler than writing your own client.
|
||||
|
||||
`qbitmaid.py`[^3]
|
||||
|
||||
```python
|
||||
...
|
||||
class Qbt:
|
||||
def __init__(self):
|
||||
"""Main object, should be calling functions from qlist.py, qlogging.py and qprocess.py"""
|
||||
...
|
||||
#logging in
|
||||
try:
|
||||
self.tl.info('Connecting to host.')
|
||||
self.qbt_client.auth_log_in()
|
||||
self.tl.info('Connected.')
|
||||
except qbittorrentapi.APIError as e:
|
||||
self.tl.exception(e)
|
||||
self.po.send_message(e, title="qbit-maid API ERROR")
|
||||
...
|
||||
```
|
||||
|
||||
Then we use the api to make an list of the torrents:
|
||||
|
||||
```python
|
||||
# Pulling all torrent data
|
||||
self.torrent_list = self.qbt_client.torrents_info()
|
||||
```
|
||||
|
||||
Next, we "sift" out torrents to be deleted. This was created with a positive sieve meaning we specify positive scenarios. In other words, I know which torrents I want to keep as opposed to the torrents I don't want. Theres pros and cons to both scenarios however in the long term a positive sieve is less work.
|
||||
|
||||
> `qlist.py` has functions at the bottom of the file that are referenced in the conditions. This very method of programming made it easy to write unit tests as I went.
|
||||
|
||||
```python
|
||||
if is_preme(torrent['seeding_time'], self.min_age):
|
||||
continue
|
||||
```
|
||||
|
||||
```python
|
||||
def is_preme(seeding_time, minage):
|
||||
if seeding_time <= minage:
|
||||
return True
|
||||
```
|
||||
|
||||
When it comes across an item that meets certain criteria it will skip it. For instance, the example above checks to see if it's too soon to remove a torrent. This is because some [trackers][private tracker] require a minimum seed time. If you were to remove a torrent sooner than they require, it could lead to getting kicked.
|
||||
|
||||
`qlist.py` Has a couple jobs:
|
||||
|
||||
- Tag torrents according to how they should be treated.
|
||||
- Sort
|
||||
|
||||
`qlist.py`
|
||||
|
||||
```python
|
||||
...
|
||||
def build_tor_list(self):
|
||||
while self.torrent_list:
|
||||
...
|
||||
if is_tracker_blank(torrent['tracker']):
|
||||
...
|
||||
continue
|
||||
elif is_cat_ignored(torrent['category'], self.cat_whitelist.values()):
|
||||
...
|
||||
continue
|
||||
elif is_ignored_tag(self.ignored_tags.values(),torrent['tags']):
|
||||
...
|
||||
continue
|
||||
if is_tag_blank(torrent['tags']):
|
||||
...
|
||||
if is_protected_tracker(torrent['tracker'], self.tracker_whitelist.values()):
|
||||
self.qbt_client.torrents_add_tags(self.tracker_protected_tag,torrent['hash'])
|
||||
elif is_not_protected_tracker(torrent['tracker'], self.tracker_whitelist.values()):
|
||||
self.qbt_client.torrents_add_tags(self.tracker_non_protected_tag,torrent['hash'])
|
||||
if is_preme(torrent['seeding_time'], self.min_age):
|
||||
continue
|
||||
elif is_protected_tracker(torrent['tracker'], self.tracker_whitelist.values()):
|
||||
if is_tag_blank(torrent['tags']):
|
||||
self.qbt_client.torrents_add_tags(self.tracker_protected_tag,torrent['hash'])
|
||||
...
|
||||
self.tracker_list.append(torrent)
|
||||
elif is_not_protected_tracker(torrent['tracker'], self.tracker_whitelist.values()):
|
||||
if is_tag_blank(torrent['tags']):
|
||||
self.qbt_client.torrents_add_tags(self.tracker_non_protected_tag,torrent['hash'])
|
||||
...
|
||||
self.tracker_list.append(torrent)
|
||||
```
|
||||
|
||||
In this case the items I want to keep stays. `qlist.py` passes the data over to `qprocess.py`. This is done through about 2 layers of abstraction. Unfortunatley, this type of programming makes it difficult to follow.
|
||||
|
||||
`qprocess.py` has four jobs:
|
||||
|
||||
- Collect telemetry
|
||||
- Delete torrents if needed
|
||||
- Enable debugging if needed
|
||||
|
||||
`qprocess.py`
|
||||
|
||||
```python
|
||||
def tor_processor(self):
|
||||
"""Main logic to sort through both self.tracker_nonprotected_list and self.tracker_protected_list
|
||||
If torrent meets criteria for deletion, its infohash_v1 will be appended to self.torrent_hash_delete_list
|
||||
"""
|
||||
for canidate in self.tracker_list:
|
||||
if self.enable_telemetry:
|
||||
header = ['state','ratio','tags','added','hash','name','tracker']
|
||||
row = [canidate['state'],canidate['ratio'],canidate["tags"],canidate['added_on'],canidate['infohash_v1'],canidate["name"][0:20],canidate['tracker']]
|
||||
write_csv(self.cv,self.telemetry_outfile,header,row)
|
||||
...
|
||||
elif is_protected_over_ratio(canidate['ratio'], 1.05, self.tracker_protected_tag, canidate["tags"]):
|
||||
if self.use_log:
|
||||
self.tl.debug(f'["{canidate["name"][0:20]}..."] is above a 1.05 ratio({canidate["ratio"]}).')
|
||||
self.torrent_hash_delete_list.append(canidate['infohash_v1'])
|
||||
...
|
||||
elif is_not_protected_tor(self.tracker_non_protected_tag, canidate["tags"]):
|
||||
self.torrent_hash_delete_list.append(canidate['infohash_v1'])
|
||||
...
|
||||
else:
|
||||
if self.enable_dragnet:
|
||||
header = ['state','ratio','tags','added','thash','tname','trname']
|
||||
row = [canidate['state'],canidate['ratio'],canidate["tags"],canidate['added_on'],canidate['infohash_v1'],canidate["name"][0:20],canidate['tracker']]
|
||||
write_csv(self.cv,self.dragnet_outfile,header,row)
|
||||
continue
|
||||
```
|
||||
|
||||
I package this in a docker file:
|
||||
|
||||
```Dockerfile
|
||||
FROM python:alpine3.18
|
||||
WORKDIR /
|
||||
COPY . opt
|
||||
RUN apk add --no-cache supercronic
|
||||
RUN pip install requests
|
||||
RUN pip install qbittorrent-api
|
||||
RUN chmod +x /opt/entrypoint.sh
|
||||
CMD ["/opt/entrypoint.sh"]
|
||||
```
|
||||
|
||||
Then use [Drone][drone] to package this into a container. This pushes the container to an [OCI repo][oci] in gitea. The application is configured through a toml file:
|
||||
|
||||
```toml
|
||||
[qbittorrent]
|
||||
host = "192.168.x.x"
|
||||
port = 8080
|
||||
username = "user"
|
||||
password = "pass"
|
||||
|
||||
...
|
||||
|
||||
[healthcheck]
|
||||
use_healthcheck = true
|
||||
healthcheck_url = "https://example.com/ping/<uuid>>"
|
||||
```
|
||||
|
||||
Using unraid has honestly been a delight. I had some performance issues but that was due to how I was using the storage pool.
|
||||
|
||||
|
||||
|
||||
Finally, this same container will run the test cases in `test_qbitmaid.py`. This is handled by drone. So eachtime I push new code to a development branch on gitea, it creates a container to test and tests the code. Once I see that it has passed, I can merge the code to the main branch.
|
||||
|
||||
## Final Notes
|
||||
|
||||
I have been using this for over 2 years. It was a huge learning experience and my coding practices have evolved over my newer projects. While I did make this for my use mainly, feel free to try it out! If you have any questions, you can open an issue [here](https://git.jonb.io/jblu/qbit-maid/issues/new).
|
||||
|
||||
[^1]: The Source Code can be found [here][source-code].
|
||||
|
||||
[^2]: Private trackers require you to seed a torrent for a period of time. In my case, I have to seed for about 2 weeks or to a ratio of 1.
|
||||
|
||||
[^3]: Code has been removed for examples in this article.
|
||||
|
||||
[source-code]: https://git.jonb.io/jblu/qbit-maid
|
||||
[private tracker]: https://en.wikipedia.org/wiki/BitTorrent_tracker#Private_trackers
|
||||
[drone]: https://www.drone.io/
|
||||
[oci]: https://git.jonb.io/jblu/-/packages/container/qbit-maid/latest
|
||||
[Source Code](https://git.jonb.io/jblu/qbit-maid)
|
||||
@ -1,10 +1,10 @@
|
||||
const headerNavLinks = [
|
||||
{ href: '/', title: 'Home' },
|
||||
{ href: '/blog', title: 'Blog' },
|
||||
// { href: 'https://git.jonb.io/', title: 'Code' },
|
||||
{ href: '/likes', title: 'Likes' },
|
||||
{ href: '/tags', title: 'Tags' },
|
||||
{ href: '/projects', title: 'Projects' },
|
||||
{ href: 'https://s3.jonb.io/cdn/author/Resume.pdf', title: 'Resume' },
|
||||
{ href: '/about', title: 'About' },
|
||||
]
|
||||
|
||||
|
||||
@ -1,3 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="344.5639097744361 330.27819548872174 111.73684210526318 91.21804511278197" width="53.87" height="43.61"><defs><path d="M453.3 331.28L453.3 359.85L388.64 418.5L388.64 388.42L453.3 331.28Z" id="aFZf6T5ED"></path><linearGradient id="gradientb2ThqnP5Op" gradientUnits="userSpaceOnUse" x1="420.97" y1="331.28" x2="420.97" y2="418.5"><stop style="stop-color: #06b6d4;stop-opacity: 1" offset="0%"></stop><stop style="stop-color: #67e8f9;stop-opacity: 1" offset="100%"></stop></linearGradient><path d="M410.23 331.28L410.23 359.85L345.56 418.5L345.56 388.42L410.23 331.28Z" id="a9fehgwfM"></path><linearGradient id="gradientk1wNV9Ostb" gradientUnits="userSpaceOnUse" x1="377.89" y1="331.28" x2="377.89" y2="418.5"><stop style="stop-color: #06b6d4;stop-opacity: 1" offset="0%"></stop><stop style="stop-color: #67e8f9;stop-opacity: 1" offset="100%"></stop></linearGradient></defs><g><g><use xlink:href="#aFZf6T5ED" opacity="1" fill="url(#gradientb2ThqnP5Op)"></use></g><g><use xlink:href="#a9fehgwfM" opacity="1" fill="url(#gradientk1wNV9Ostb)"></use></g></g></svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 1.3 KiB |
@ -1,9 +1,9 @@
|
||||
/** @type {import("pliny/config").PlinyConfig } */
|
||||
const siteMetadata = {
|
||||
title: 'Joyful Fixations',
|
||||
title: 'JonB.io',
|
||||
author: 'Jonathan Branan',
|
||||
headerTitle: 'Joyful Fixations',
|
||||
description: 'Things that bring me joy and intense focus.',
|
||||
headerTitle: 'JonB.io',
|
||||
description: "Thought's from someone with an internet connection.",
|
||||
language: 'en-us',
|
||||
theme: 'system', // system, dark or light
|
||||
siteUrl: 'https://jonb.io',
|
||||
@ -21,10 +21,9 @@ const siteMetadata = {
|
||||
// threads: 'https://www.threads.net',
|
||||
// instagram: 'https://www.instagram.com',
|
||||
// medium: 'https://medium.com',
|
||||
resume: 'https://s3.jonb.io/cdn/author/Resume.pdf',
|
||||
locale: 'en-US',
|
||||
// set to true if you want a navbar fixed to the top
|
||||
stickyNav: true,
|
||||
stickyNav: false,
|
||||
analytics: {
|
||||
// If you want to use an analytics provider you have to add it to the
|
||||
// content security policy in the `next.config.js` file.
|
||||
@ -33,8 +32,7 @@ const siteMetadata = {
|
||||
// We use an env variable for this site to avoid other users cloning our analytics ID
|
||||
umamiWebsiteId: process.env.NEXT_UMAMI_ID, // e.g. 123e4567-e89b-12d3-a456-426614174000
|
||||
// You may also need to overwrite the script if you're storing data in the US - ex:
|
||||
src: 'https://umami.jonb.io/script.js',
|
||||
umamiHostUrl: 'https://umami.jonb.io',
|
||||
// src: 'https://us.umami.is/script.js'
|
||||
// Remember to add 'us.umami.is' in `next.config.js` as a permitted domain for the CSP
|
||||
},
|
||||
// plausibleAnalytics: {
|
||||
@ -53,14 +51,14 @@ const siteMetadata = {
|
||||
newsletter: {
|
||||
// supports mailchimp, buttondown, convertkit, klaviyo, revue, emailoctopus, beehive
|
||||
// Please add your .env file and modify it according to your selection
|
||||
provider: '',
|
||||
provider: 'buttondown',
|
||||
},
|
||||
comments: {
|
||||
// If you want to use an analytics provider you have to add it to the
|
||||
// content security policy in the `next.config.js` file.
|
||||
// Select a provider and use the environment variables associated to it
|
||||
// https://vercel.com/docs/environment-variables
|
||||
provider: '', // supported providers: giscus, utterances, disqus
|
||||
provider: 'giscus', // supported providers: giscus, utterances, disqus
|
||||
giscusConfig: {
|
||||
// Visit the link below, and follow the steps in the 'configuration' section
|
||||
// https://giscus.app/
|
||||
|
||||
@ -1,70 +0,0 @@
|
||||
import typescriptEslint from '@typescript-eslint/eslint-plugin'
|
||||
import globals from 'globals'
|
||||
import tsParser from '@typescript-eslint/parser'
|
||||
import path from 'node:path'
|
||||
import { fileURLToPath } from 'node:url'
|
||||
import js from '@eslint/js'
|
||||
import { FlatCompat } from '@eslint/eslintrc'
|
||||
|
||||
const __filename = fileURLToPath(import.meta.url)
|
||||
const __dirname = path.dirname(__filename)
|
||||
const compat = new FlatCompat({
|
||||
baseDirectory: __dirname,
|
||||
})
|
||||
|
||||
export default [
|
||||
{
|
||||
ignores: [],
|
||||
},
|
||||
js.configs.recommended,
|
||||
...compat.extends(
|
||||
'plugin:@typescript-eslint/eslint-recommended',
|
||||
'plugin:@typescript-eslint/recommended',
|
||||
'plugin:jsx-a11y/recommended',
|
||||
'plugin:prettier/recommended',
|
||||
'next',
|
||||
'next/core-web-vitals'
|
||||
),
|
||||
{
|
||||
plugins: {
|
||||
'@typescript-eslint': typescriptEslint,
|
||||
},
|
||||
|
||||
languageOptions: {
|
||||
globals: {
|
||||
...globals.browser,
|
||||
...globals.amd,
|
||||
...globals.node,
|
||||
},
|
||||
|
||||
parser: tsParser,
|
||||
ecmaVersion: 5,
|
||||
sourceType: 'commonjs',
|
||||
|
||||
parserOptions: {
|
||||
project: true,
|
||||
tsconfigRootDir: __dirname,
|
||||
},
|
||||
},
|
||||
|
||||
rules: {
|
||||
'prettier/prettier': 'error',
|
||||
'react/react-in-jsx-scope': 'off',
|
||||
|
||||
'jsx-a11y/anchor-is-valid': [
|
||||
'error',
|
||||
{
|
||||
components: ['Link'],
|
||||
specialLink: ['hrefLeft', 'hrefRight'],
|
||||
aspects: ['invalidHref', 'preferButton'],
|
||||
},
|
||||
],
|
||||
'react/prop-types': 'off',
|
||||
'@typescript-eslint/no-unused-vars': 'off',
|
||||
'react/no-unescaped-entities': 'off',
|
||||
'@typescript-eslint/explicit-module-boundary-types': 'off',
|
||||
'@typescript-eslint/no-var-requires': 'off',
|
||||
'@typescript-eslint/ban-ts-comment': 'off',
|
||||
},
|
||||
},
|
||||
]
|
||||
@ -9,7 +9,7 @@ interface Props {
|
||||
}
|
||||
|
||||
export default function AuthorLayout({ children, content }: Props) {
|
||||
const { name, avatar, occupation, company, email, twitter, linkedin, github, resume } = content
|
||||
const { name, avatar, occupation, company, email, twitter, linkedin, github } = content
|
||||
|
||||
return (
|
||||
<>
|
||||
@ -38,7 +38,6 @@ export default function AuthorLayout({ children, content }: Props) {
|
||||
<SocialIcon kind="github" href={github} />
|
||||
<SocialIcon kind="linkedin" href={linkedin} />
|
||||
<SocialIcon kind="x" href={twitter} />
|
||||
<SocialIcon kind="resume" href={resume} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="prose max-w-none pb-8 pt-8 dark:prose-invert xl:col-span-2">
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
/* eslint-disable jsx-a11y/anchor-is-valid */
|
||||
'use client'
|
||||
|
||||
import { usePathname } from 'next/navigation'
|
||||
|
||||
2
next-env.d.ts
vendored
2
next-env.d.ts
vendored
@ -2,4 +2,4 @@
|
||||
/// <reference types="next/image-types/global" />
|
||||
|
||||
// NOTE: This file should not be edited
|
||||
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
|
||||
// see https://nextjs.org/docs/basic-features/typescript for more information.
|
||||
|
||||
@ -7,10 +7,10 @@ const withBundleAnalyzer = require('@next/bundle-analyzer')({
|
||||
// You might need to insert additional domains in script-src if you are using external services
|
||||
const ContentSecurityPolicy = `
|
||||
default-src 'self';
|
||||
script-src 'self' 'unsafe-eval' 'unsafe-inline' giscus.app umami.jonb.io;
|
||||
script-src 'self' 'unsafe-eval' 'unsafe-inline' giscus.app analytics.umami.is;
|
||||
style-src 'self' 'unsafe-inline';
|
||||
img-src * blob: data:;
|
||||
media-src s3.jonb.io* melisweetsimple.jonb.io*;
|
||||
media-src s3.jonb.io*;
|
||||
connect-src *;
|
||||
font-src 'self';
|
||||
frame-src giscus.app
|
||||
@ -83,12 +83,6 @@ module.exports = () => {
|
||||
port: '',
|
||||
pathname: '/cdn/**',
|
||||
},
|
||||
{
|
||||
protocol: 'https',
|
||||
hostname: 'melisweetsimple.jonb.io',
|
||||
port: '',
|
||||
pathname: '/**',
|
||||
},
|
||||
],
|
||||
unoptimized,
|
||||
},
|
||||
|
||||
16561
package-lock.json
generated
16561
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
10
package.json
10
package.json
@ -13,7 +13,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@headlessui/react": "2.2.0",
|
||||
"@next/bundle-analyzer": "15.1.4",
|
||||
"@next/bundle-analyzer": "15.0.2",
|
||||
"@tailwindcss/forms": "^0.5.9",
|
||||
"@tailwindcss/typography": "^0.5.15",
|
||||
"autoprefixer": "^10.4.13",
|
||||
@ -24,13 +24,12 @@
|
||||
"gray-matter": "^4.0.2",
|
||||
"hast-util-from-html-isomorphic": "^2.0.0",
|
||||
"image-size": "1.0.0",
|
||||
"next": "15.1.4",
|
||||
"next": "15.0.2",
|
||||
"next-contentlayer2": "0.5.3",
|
||||
"next-themes": "^0.3.0",
|
||||
"pliny": "0.4.0",
|
||||
"postcss": "^8.4.24",
|
||||
"react": "rc",
|
||||
"react-doc-viewer": "^0.1.14",
|
||||
"react-dom": "rc",
|
||||
"reading-time": "1.5.0",
|
||||
"rehype-autolink-headings": "^7.1.0",
|
||||
@ -48,8 +47,6 @@
|
||||
"unist-util-visit": "^5.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/eslintrc": "^3.2.0",
|
||||
"@eslint/js": "^9.16.0",
|
||||
"@svgr/webpack": "^8.0.1",
|
||||
"@types/mdx": "^2.0.12",
|
||||
"@types/react": "^18.2.73",
|
||||
@ -57,10 +54,9 @@
|
||||
"@typescript-eslint/parser": "^8.12.0",
|
||||
"cross-env": "^7.0.3",
|
||||
"eslint": "^9.14.0",
|
||||
"eslint-config-next": "15.1.4",
|
||||
"eslint-config-next": "15.0.2",
|
||||
"eslint-config-prettier": "^9.1.0",
|
||||
"eslint-plugin-prettier": "^5.2.0",
|
||||
"globals": "^15.12.0",
|
||||
"husky": "^9.0.0",
|
||||
"lint-staged": "^13.0.0",
|
||||
"prettier": "^3.0.0",
|
||||
|
||||
BIN
public/static/favicons/android-chrome-96x96.png
Normal file
BIN
public/static/favicons/android-chrome-96x96.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.7 KiB |
9
public/static/favicons/browserconfig.xml
Normal file
9
public/static/favicons/browserconfig.xml
Normal file
@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square150x150logo src="/mstile-150x150.png"/>
|
||||
<TileColor>#000000</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
||||
BIN
public/static/favicons/favicon-16x16.png
Normal file
BIN
public/static/favicons/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/static/favicons/favicon-32x32.png
Normal file
BIN
public/static/favicons/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 16 KiB |
BIN
public/static/favicons/mstile-150x150.png
Normal file
BIN
public/static/favicons/mstile-150x150.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
21
public/static/favicons/safari-pinned-tab.svg
Normal file
21
public/static/favicons/safari-pinned-tab.svg
Normal file
@ -0,0 +1,21 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
||||
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="107.000000pt" height="107.000000pt" viewBox="0 0 107.000000 107.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
<metadata>
|
||||
Created by potrace 1.11, written by Peter Selinger 2001-2013
|
||||
</metadata>
|
||||
<g transform="translate(0.000000,107.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M609 942 c-17 -18 -95 -88 -289 -258 -117 -102 -177 -155 -204 -179
|
||||
-6 -5 -31 -28 -56 -50 l-45 -39 -1 -144 -1 -143 21 18 c11 10 25 23 31 28 7 6
|
||||
46 41 88 79 86 77 86 77 216 196 52 47 103 93 115 103 11 10 50 45 86 77 l65
|
||||
59 -1 131 c0 71 -3 132 -5 135 -3 2 -12 -3 -20 -13z"/>
|
||||
<path d="M929 857 c-64 -56 -145 -128 -180 -159 -35 -31 -75 -66 -89 -78 -55
|
||||
-47 -68 -59 -150 -131 l-85 -76 2 -129 c1 -71 2 -135 2 -143 1 -11 5 -10 19 5
|
||||
10 10 54 51 98 89 43 39 92 83 109 99 26 24 63 58 189 171 12 11 47 43 77 70
|
||||
30 28 70 63 89 79 l35 29 1 138 c1 77 1 139 0 139 0 -1 -53 -47 -117 -103z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@ -1,21 +1,14 @@
|
||||
{
|
||||
"name": "Joyful Fixations",
|
||||
"short_name": "Joyful Fixations",
|
||||
"name": "",
|
||||
"short_name": "",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/static/favicons/web-app-manifest-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png",
|
||||
"purpose": "maskable"
|
||||
},
|
||||
{
|
||||
"src": "/static/favicons/web-app-manifest-512x512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png",
|
||||
"purpose": "maskable"
|
||||
"src": "/android-chrome-96x96.png",
|
||||
"sizes": "96x96",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"theme_color": "#000000",
|
||||
"background_color": "#000000",
|
||||
"display": "standalone"
|
||||
}
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
BIN
public/static/images/avatar.png
Normal file
BIN
public/static/images/avatar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 MiB |
BIN
public/static/images/logo.png
Normal file
BIN
public/static/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 21 KiB |
@ -3,8 +3,7 @@ import path from 'path'
|
||||
import { slug } from 'github-slugger'
|
||||
import { escape } from 'pliny/utils/htmlEscaper.js'
|
||||
import siteMetadata from '../data/siteMetadata.js'
|
||||
// Do not accept changes from upstream, you need with instead of assert. See https://stackoverflow.com/questions/78876691/syntaxerror-unexpected-identifier-assert-on-json-import-in-node-v22
|
||||
import tagData from '../app/tag-data.json' with { type: 'json' }
|
||||
import tagData from '../app/tag-data.json' assert { type: 'json' }
|
||||
import { allBlogs } from '../.contentlayer/generated/index.mjs'
|
||||
import { sortPosts } from 'pliny/utils/contentlayer.js'
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user