From 5907151a92a9804c0f61cb60fadabf02ac322f2d Mon Sep 17 00:00:00 2001
From: Lucas Larroche <lucas@larroche.com>
Date: Sun, 11 Feb 2024 12:36:32 +0700
Subject: [PATCH] docs: update README

---
 README.md | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 771a6666..af6f15e0 100644
--- a/README.md
+++ b/README.md
@@ -14,6 +14,12 @@ A minimalist and lightweight starter kit that prioritizes semantic syntax, makin
 
 Write HTML, Add Pico CSS, and Voilà!
 
+## What’s new in v2?
+
+Pico v2.0 features better accessibility, easier customization with SASS, a complete color palette, a new group component, and 20 precompiled color themes totaling over 100 combinations accessible via CDN.
+
+[Read more](https://picocss.com/docs/v2)
+
 
 ## A Superpowered HTML Reset
 With just the right amount of everything, Pico is great starting point for a clean and lightweight design system.
@@ -52,7 +58,7 @@ There are 4 ways to get started with pico.css:
 Alternatively, you can use [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@picocss/pico) to link pico.css.
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico/css/pico.min.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css" />
 ```
 
 ### Install with NPM
@@ -110,7 +116,7 @@ Use the default `.classless` version if you need centered viewports:
 ```html
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/@picocss/pico/css/pico.classless.min.css"
+  href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.classless.min.css"
 />
 ```
 
@@ -119,7 +125,7 @@ Or use the `.fluid.classless` version if you need a fluid container:
 ```html
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/@picocss/pico/css/pico.fluid.classless.min.css"
+  href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.fluid.classless.min.css"
 />
 ```
 
@@ -134,7 +140,7 @@ Then just write pure HTML, and it should look great:
     <meta name="color-scheme" content="light dark" />
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@picocss/pico/css/pico.classless.min.css"
+      href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.classless.min.css"
     />
     <title>Hello, world!</title>
   </head>
@@ -150,7 +156,7 @@ Then just write pure HTML, and it should look great:
 
 Pico CSS can be used without custom CSS for quick or small projects. However, it’s designed as a starting point, like a “reset CSS on steroids”. As Pico does not integrate any helpers or utilities `.classes`, this minimal CSS framework requires SCSS or CSS knowledge to build large projects.
 
-[See Usage scenarios](https://picocss.com/docs/usage-scenarios)
+[Read more](https://picocss.com/docs/usage-scenarios)
 
 ## Documentation