Skip to content

Commit

Permalink
add blog posts , docs etc
Browse files Browse the repository at this point in the history
  • Loading branch information
siduck committed Oct 1, 2024
1 parent 4499ab0 commit 687493a
Show file tree
Hide file tree
Showing 12 changed files with 173 additions and 55 deletions.
Binary file modified public/news/nvui.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
19 changes: 0 additions & 19 deletions public/news/nvui.svg

This file was deleted.

Binary file added public/news/nvui.webp
Binary file not shown.
Binary file added public/news/volt.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/news/volt.webp
Binary file not shown.
15 changes: 0 additions & 15 deletions src/css/markdown.css
Original file line number Diff line number Diff line change
Expand Up @@ -448,21 +448,6 @@
@apply text-red;
}

.iframe-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%; /* adjust this value to match the aspect ratio of your iframe */
}

.iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
@apply rounded-lg softShadow;
}

#DocContent img {
@apply rounded-lg;
Expand Down
16 changes: 16 additions & 0 deletions src/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -85,3 +85,19 @@ h2 {
img {
@apply animate-fade-in animate-duration-300;
}

.iframe-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%; /* adjust this value to match the aspect ratio of your iframe */
}

.iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
@apply rounded-lg softShadow;
}
121 changes: 121 additions & 0 deletions src/routes/news/nvui.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
export const meta = {
title: "UI plugin v3.0",
desc:
"NvChad's Base46 and UI plugin can now be used by non nvchad users! docs at :h nvui",
cover: "nvui.webp",
order: 3,
}

# NvUI v3.0 ( NvChad's UI + Base46 )

![nvui v3.0](/news/nvui.webp)

## Introduction

NvChad got famous due to its look, which are powered by its Base46 & UI plugin!

- Base46 : Powerful Collection of 68 beautifully crafted themes, extensible and compiled to bytecode
- UI : Collection of various ui's like statusline, tabline, dashbaord, cheatsheet etc

Now Non NvChad users can use both the plugins! check ui repo's readme for more info.

Note: These are changelogs for entire of NvChad.

## Changelog
```lua
## Added

- :h nvui ( docs for ui and base46)

- 3 new modern theme switchers made using volt
- TailwindCSS & CSS Lsp support in cmp
- Improved highlighting of Nvdash
- Minimal colorizer module
- MasonInstallAll will now pull mason tools from user config
- Base46 mixing colors syntax
- New plugins : Volt, Minty, Menu

## Changed

- Nvdash button config has been improved

## Removed

- Nvim-colorizer plugin
- Default gitsigns mappings

```
<br/>


## Docs for nvui

- Proper and complete docs for both have been added at `:h nvui`
- I urge all NvChad users to read it! same with non nvchad users when they install ui+base46.

## Theme switchers

- With 3 different styles : bordered, compact, flat
- read `:h nvui.theme-picker`

![image](https://github.com/user-attachments/assets/897e46f1-9ae2-4cc2-8fa2-64eff40a90dd)

## TailwindCSS & CSS Lsp in Cmp

- Read `:h nvui.cmp` to enable it
- The support was added as it was easy ([barely 20 ~ LOC](https://github.com/NvChad/ui/blob/v3.0/lua/nvchad/cmp/format.lua))

![image](https://github.com/user-attachments/assets/c44e405b-f0f1-4c56-ae58-85c49b9616a0)
![image](https://github.com/user-attachments/assets/57e88886-7c95-4e77-a252-2021160cd274)

## Improved Nvdash UI

![nvdash](https://github.com/user-attachments/assets/0c7e2c8f-8940-42ea-9c18-7456768d2d05)

Note: Nvdash config has been moved to the root table instead of UI

```lua
--Before :

M.ui = {
nvdash = { ... }
}

-- Now:
M.nvdash = { ... }
```
<br/>
Check the syntax of buttons in [nvconfig file](https://github.com/NvChad/ui/blob/v3.0/lua/nvconfig.lua#L61)


## Automatic Mason installation

- MasonInstallAll command will now capture all the mason tools from your config
- Supported plugins are : lspconfig, nvim-lint, conform.nvim

- So for example if you have lspconfig like this :

```lua
require("lspconfig").html.setup{}
require("lspconfig").clangd.setup{}
```
<br/>

Then running MasonInstallAll will install both the mason pkgs

check `:h nvui.mason` for more info


## Volt framework

![volt](/news/volt.webp)

- Plugin to create interactive UI in Neovim, clickable & hoverable!

- This release v3.0 was going to be a huge one as the volt ui framework was being built in this UI plugin itself.

- But for the greater good I decided it to be a standalone plugin and all its helper plugins are standalone plugins.

- So All Neovim users will benefit from it and they're general plugins now!

- Check the [blog post](/news/volt) showcasing volt framework and its plugins.
19 changes: 0 additions & 19 deletions src/routes/news/plugins_go_general.mdx

This file was deleted.

2 changes: 1 addition & 1 deletion src/routes/news/v2.0_release.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
export const meta = {
title: "NvChad v2.0 released!",
desc:
"New UI features & using lazy.nvim. Improvements in startuptime, using base46 theme plugin as theme compiler",
"New UI features & using lazy.nvim. Improvements in startuptime, using base46 theme compiler",
cover: "v2.0.webp",
order: 1,
}
Expand Down
2 changes: 1 addition & 1 deletion src/routes/news/v2.5_release.mdx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
export const meta = {
title: "NvChad v2.5 released!",
desc: 'Minor NvChad release with standard neovim config structure, new 11 themes, UI Term module replacing nvterm.',
desc: 'Minor NvChad release with standard neovim config structure, new themes & term module.',
cover: "v2.5.webp",
order: 2,
}
Expand Down
34 changes: 34 additions & 0 deletions src/routes/news/volt.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
export const meta = {
title: "Volt framework",
desc: "Build Interactive UI for Neovim using the Volt framework! 100% Mouse friendly",
cover: "volt.webp",
order: 4,
}

# Volt UI Framework

![volt plugins](/news/volt.webp)

## Introduction

Volt is a Neovim plugin to create interactive UIs within Neovim!

## Volt Showcase

## Minty

Beautiful color picker tool for Neovim. [repo url](https://github.com/NvChad/minty)

![shades](https://github.com/user-attachments/assets/d499748b-d9c8-4a92-89ba-bfce1814c275)
![huefy](https://github.com/user-attachments/assets/504ba2a1-9d83-492c-9913-f0e159ef9ad8)

<iframe width="560" height="315" src="https://www.youtube.com/embed/NHC4jLoR_zI?si=E9upX0ZWT-c5q7v6" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

## Menu

Extensible menu & sub-menus creator . [repo url](https://github.com/NvChad/menu)

![image](https://github.com/user-attachments/assets/c8402279-b86d-432f-ad11-14a76c887ab1)
![image](https://github.com/user-attachments/assets/d70430e1-74d2-40dd-ba60-0b8919d53af6)

<iframe width="560" height="315" src="https://www.youtube.com/embed/VauET3tR2J4?si=cT1BTkgXweBTNZWW" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

0 comments on commit 687493a

Please sign in to comment.