Skip to content

Commit 8663eee

Browse files
fezcodefezcode
committed
changes due to piml
1 parent b433833 commit 8663eee

File tree

7 files changed

+67
-20
lines changed

7 files changed

+67
-20
lines changed

public/posts/piml-deep-dive.txt renamed to public/posts/piml.txt

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
# piml (Parenthesis Intended Markup Language)
1+
# piml
2+
3+
## Parenthesis Intended Markup Language
24

35
In the ever-evolving landscape of data serialization formats, PIML (Parenthesis Intended Markup Language) emerges as a compelling alternative, prioritizing human readability and writability without compromising machine parseability. This post delves into the core tenets of PIML, exploring its syntax, data types, and how it stacks up against established formats like JSON, YAML, and TOML.
46

‎public/posts/posts.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
[
22
{
33
"slug": "piml",
4-
"title": "piml (Parenthesis Intended Markup Language) Deep Dive",
4+
"title": "Parenthesis Intended Markup Language",
55
"date": "2025-11-12",
66
"updated": "2025-11-12",
77
"description": "A deep dive into PIML, a human-readable data serialization format, its syntax, data types, and comparison with JSON, YAML, and TOML.",
88
"tags": ["piml", "data-format", "serialization", "markup", "dev"],
99
"category": "dev",
10-
"filename": "piml-deep-dive.txt"
10+
"filename": "piml.txt"
1111
},
1212
{
1313
"slug": "image-toolkit-deep-dive",

‎public/projects/boxer.txt‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
Boxer is a tool that creates archive files based on instructions provided in a `boxerfile`. It uses `CMake` and `Ninja` for its build system.
1+
Boxer is a tool that creates archive files based on instructions provided in a boxerfile. Uses CMake and Ninja for its build system.
22
---
33
Boxer is a tool that creates archive files based on instructions provided in a `boxerfile`. It uses `CMake` and `Ninja` for its build system.
44

@@ -37,4 +37,4 @@ Users should be cautious of leading `/` in archive filenames (when using `AS`).
3737
Example `boxerfile`s are located in the `test-files` directory. To run tests, execute:
3838
```bash
3939
build/boxer -f test-files/.boxerfile
40-
```
40+
```

‎public/projects/fezcodex.txt‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
This website... The app you are currently on. Personal website and blog, written in React.
2+
---
3+
# Overview
4+
5+
[Development Series](/#/blog/series/react-of-fezcodex)
6+
7+
**Fezcodex** is a _personal website_ and _blog_, serving as a digital hub for various content, including blog posts, personal projects, and D&D-related materials. It's built with a focus on modern web technologies, aiming for a clean, responsive, and performant user experience.
8+
9+
## Key Features:
10+
11+
* **Blog:** A platform for sharing articles and insights on various topics, including software development, algorithms, and personal reflections.
12+
* **Projects Showcase:** A dedicated section to display personal coding projects, complete with descriptions and links.
13+
* **D&D Content:** A space for Dungeons & Dragons related content, such as campaign logs or lore.
14+
* **Responsive Design:** Optimized for viewing across different devices and screen sizes.
15+
* **Fast and Modern UI:** Built with contemporary frontend tools to ensure a smooth and engaging user interface.
16+
17+
## Technologies Used:
18+
19+
The Fezcodex project leverages a robust stack of modern web development technologies:
20+
21+
* **React:** The core JavaScript library for building the user interface, enabling a component-based and declarative approach to UI development.
22+
* **Tailwind CSS:** A utility-first CSS framework used for rapid and consistent styling, allowing for highly customizable designs directly in the markup.
23+
* **React Router DOM:** For declarative routing within the application, managing navigation between different pages and content sections.
24+
* **Craco:** (Create React App Configuration Override) Used to extend and customize the Create React App configuration without ejecting, providing more control over the build process (e.g., integrating Tailwind CSS).
25+
* **JavaScript (ES6+):** The primary programming language for frontend logic and interactivity.
26+
* **HTML5 & CSS3:** The foundational languages for structuring and styling web content.
27+
* **Markdown:** Used for writing blog posts and other textual content, offering a simple and readable format that is easily converted to HTML.
28+
* **`@phosphor-icons/react` & `react-icons`:** Libraries for incorporating a wide range of vector icons, enhancing the visual appeal and usability of the interface.
29+
* **`framer-motion`:** A production-ready motion library for React, used for animations and interactive elements to create a more dynamic user experience.
30+
* **`marked` & `react-markdown`:** Libraries for parsing and rendering Markdown content into React components.
31+
* **`gh-pages`:** A utility to publish the `build` directory to a `gh-pages` branch on GitHub, facilitating easy deployment to GitHub Pages.
32+
* **`rss`:** A library used to generate an RSS feed for the blog, allowing users to subscribe to content updates.
33+
* **`stackblur-canvas`:** Used in specific project implementations (like the Image Toolkit) for efficient image blurring directly on the canvas.
34+
35+
This combination of technologies allows Fezcodex to be a dynamic, maintainable, and visually appealing platform for sharing content.

‎public/projects/piml.txt‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
PIML (Parenthesis Intended Markup Language) is a data serialization format designed to be exceptionally human-readable and writable, while maintaining a clear and unambiguous structure for machine parsing.
1+
piml is a data serialization format designed to be exceptionally human-readable and writable, while maintaining a clear and unambiguous structure for machine parsing.
22
---
33
## 1. Introduction
44

‎public/projects/projects.json‎

Lines changed: 23 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,16 @@
11
[
2+
{
3+
"slug": "fezcodex",
4+
"title": "fezcodex",
5+
"size": 1,
6+
"link": "https://github.com/fezcode/fezcode.github.io",
7+
"pinned": true,
8+
"isActive": true,
9+
"technologies": ["blog", "personal-website","react", "tailwind", "blog", "personal-website", "webdev"]
10+
},
211
{
312
"slug": "piml",
4-
"title": "piml - Parenthesis Intended Markup Language",
13+
"title": "piml",
514
"size": 1,
615
"link": "https://github.com/fezcode/piml",
716
"pinned": true,
@@ -20,7 +29,7 @@
2029
{
2130
"slug": "villain-couch",
2231
"title": "Villain Couch",
23-
"size": 1,
32+
"size": 2,
2433
"link": "https://github.com/fezcode/Villain-Couch",
2534
"pinned": true,
2635
"isActive": true,
@@ -47,21 +56,13 @@
4756
{
4857
"slug": "go-homo-sapiens-time",
4958
"title": "Go Homo Sapiens Time",
50-
"size": 1,
59+
"size": 2,
5160
"link": "https://github.com/fezcode/go-homo-sapiens-time",
5261
"pinned": false,
5362
"isActive": true,
5463
"technologies": ["Go"]
5564
},
56-
{
57-
"slug": "scrappy",
58-
"title": "Scrappy.js",
59-
"size": 1,
60-
"link": "https://github.com/fezcode/scrappy",
61-
"pinned": false,
62-
"isActive": false,
63-
"technologies": ["JavaScript"]
64-
},
65+
6566
{
6667
"slug": "go-tournament-brackets",
6768
"title": "Go Tournament Bracket Generator Lib",
@@ -71,6 +72,15 @@
7172
"isActive": true,
7273
"technologies": ["Go"]
7374
},
75+
{
76+
"slug": "scrappy",
77+
"title": "Scrappy.js",
78+
"size": 1,
79+
"link": "https://github.com/fezcode/scrappy",
80+
"pinned": false,
81+
"isActive": false,
82+
"technologies": ["JavaScript"]
83+
},
7484
{
7585
"slug": "open-tab-with-respect",
7686
"title": "Open Tab with Respect",
@@ -86,7 +96,7 @@
8696
"size": 1,
8797
"link": "https://github.com/fezcode/clipboard-concat",
8898
"pinned": false,
89-
"isActive": false,
99+
"isActive": true,
90100
"technologies": ["WebExtension", "JavaScript", "Firefox", "HTML", "CSS"]
91101
},
92102
{

‎src/pages/HomePage.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -146,7 +146,7 @@ const HomePage = () => {
146146
<h2 className="text-2xl tracking-tight text-white text-center flex items-center justify-center gap-2 font-arvo">
147147
<PushPin className="text-primary-400 text-lg" /> Pinned Projects
148148
</h2>
149-
<div className="mt-8 grid grid-cols-1 md:grid-cols-2 gap-8">
149+
<div className="mt-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
150150
{pinnedProjects.map((project) => (
151151
<ProjectCard
152152
key={project.slug}

0 commit comments

Comments
 (0)