Update index.html

franciscop · Oct 3, 2024 · 3aaaf6e · 3aaaf6e
1 parent 69c4f67
commit 3aaaf6e
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/docs/index.html b/docs/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en"><head><title>Picnic CSS</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="keywords" content="css, library, picnic, picnicss, light"><meta name="description" content="A lightweight CSS library"><link rel="stylesheet" href="https://raw.githubusercontent.com/franciscop/picnic/refs/heads/master/docs/style/style.min.css"><link rel="icon" href="/img/basket.png" type="image/png"><link rel="stylesheet" media="bogus"></head><body><nav><a href="/" class="brand"><span>Picnic CSS</span></a><input id="bmenu" type="checkbox" class="show"><label for="bmenu" class="burger toggle pseudo button">menu</label><div class="menu"><a href="/tests" class="pseudo button icon-help-circled">Test</a><a href="https://github.com/franciscop/picnic" target="_blank" class="pseudo button icon-g">GitHub</a><a href="/documentation" class="button icon-file-code">Documentation</a></div></nav><main><header class="hero"><div class="content"><h1>Picnic CSS</h1><p class="slogan">Lightweight and beautiful library</p><pre class="npm wide">&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/picnic&quot;&gt;</pre><pre class="npm slim">&lt;link rel=&quot;stylesheet&quot;
+<!DOCTYPE html><html lang="en"><head><title>Picnic CSS</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="keywords" content="css, library, picnic, picnicss, light"><meta name="description" content="A lightweight CSS library"><link rel="stylesheet" href="https://picnicss.com/style/style.min.css"><link rel="icon" href="/img/basket.png" type="image/png"><link rel="stylesheet" media="bogus"></head><body><nav><a href="/" class="brand"><span>Picnic CSS</span></a><input id="bmenu" type="checkbox" class="show"><label for="bmenu" class="burger toggle pseudo button">menu</label><div class="menu"><a href="/tests" class="pseudo button icon-help-circled">Test</a><a href="https://github.com/franciscop/picnic" target="_blank" class="pseudo button icon-g">GitHub</a><a href="/documentation" class="button icon-file-code">Documentation</a></div></nav><main><header class="hero"><div class="content"><h1>Picnic CSS</h1><p class="slogan">Lightweight and beautiful library</p><pre class="npm wide">&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/picnic&quot;&gt;</pre><pre class="npm slim">&lt;link rel=&quot;stylesheet&quot;
 href=&quot;https://cdn.jsdelivr.net/npm/picnic&quot;&gt;</pre><p class="links"><a href="https://cdn.jsdelivr.net/npm/picnic" target="_blank" class="cdn">CDN</a><span> | </span><a href="https://raw.githubusercontent.com/franciscop/picnic/master/picnic.min.css" target="_blank" class="github">Download</a><span> | </span><a href="https://github.com/franciscop/picnic" target="_blank" class="github">GitHub</a></p></div></header><div id="content" class="visual flex one two-800"><div class="content"><h2>Default HTML beauty</h2><p>The native HTML elements get a boost so you don't need to write presentation classes mixed with your HTML.</p><p>Picnic is completely modular so you can easily modify and test each part:</p><a href="/documentation" class="button icon-file-code">Documentation</a></div><div class="card"><section><button>Normal</button> <button class="success">Success</button> <button class="warning">Warning</button> <button class="error">Error</button></section><section><input type="email" placeholder="Email" aria-label="Email"></section><section><div class="flex three gallery"><div><article data-tooltip="Click me to upload a new image" class="tooltip-bottom"><label class="dropimage"><input type="file"></label></article></div><div><article data-tooltip="Click me to upload a new image" class="tooltip-bottom"><label style="background-image: url(img/optimised.svg)" class="dropimage"><input type="file"></label></article></div><div><article data-tooltip="Click me to upload a new image" class="tooltip-bottom"><label style="background-image: url(img/optimised.svg)" class="dropimage"><input type="file"></label></article></div></div></section></div></div><div class="visual flex one two-800"><div class="content"><h2>Made for the hackers</h2><p>Install with bower and you will be able to integrate Picnic into any project and make it work for you.</p><p>Picnic is written in SCSS with <a href="/documentation#variables">many variables</a> and <a href="/documentation#placeholders"><em>classes</em> (placeholders)</a> to make it easy to extend.</p><a href="https://github.com/franciscop/picnic" target="_blank" class="button icon-g">GitHub</a></div><pre><code class="lang-css">$picnic-primary: #faa;
 
 @import &#39;bower/picnic/src/picnic&#39;;