added logo to README.md

README.md

@@ -1,12 +1,28 @@
-# Leptos-Use
+<p align="center">
+    <a href="https://github.com/synphonyte/leptos-use#gh-light-mode-only">
+        <img src="https://raw.githubusercontent.com/synphonyte/leptos-use/main/docs/logo-light.svg#gh-light-mode-only" alt="Leptos-Use – Collection of essential Leptos utilities"/>
+    </a>
+    <a href="https://github.com/synphonyte/leptos-use#gh-dark-mode-only">
+        <img src="https://raw.githubusercontent.com/synphonyte/leptos-use/main/docs/logo-dark.svg#gh-dark-mode-only" alt="Leptos-Use – Collection of essential Leptos utilities"/>
+    </a>
+</p>
+
+<h1 align="center">Leptos-Use</h1>
+
+<p align="center"> Collection of essential Leptos utilities inspired by SolidJS-USE / VueUse</p>
+
+<p align="center">
+    <a href="https://github.com/synphonyte/leptos-use"><b>Guide</b></a> • 
+    <a href="https://docs.rs/leptos-use"><b>Docs.rs</b></a> •
+    <a href="https://crates.io/crates/leptos-use"><b>Crates.io</b></a>
+</p>
+
+-----
 
 [![Crates.io](https://img.shields.io/crates/v/leptos-use.svg)](https://crates.io/crates/leptos-use)
 [![Docs](https://docs.rs/leptos-use/badge.svg)](https://docs.rs/leptos-use/)
 [![MIT/Apache 2.0](https://img.shields.io/badge/license-MIT%2FApache-blue.svg)](https://github.com/synphonyte/leptos-use#license)
 [![Build Status](https://github.com/synphonyte/leptos-use/actions/workflows/ci.yml/badge.svg)](https://github.com/synphonyte/leptos-use/actions/workflows/ci.yml)
 
-[**Guide**](https://synphonyte.github.io/leptos-use/) • [**Docs.rs**](https://docs.rs/leptos-use/) • [**Crates.io**](https://crates.io/crates/leptos-use)
-
-Collection of essential Leptos utilities inspired by SolidJS-USE / VueUse
 
 This is still very much work in progress and all contributions are welcome!

docs/logo-dark.svg

@@ -0,0 +1 @@
+<?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 width="100%" height="100%" viewBox="0 0 672 868" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M383.257,420.158c-6.632,-8.226 -15.339,-14.714 -25.318,-18.662c3.633,-8.732 8.625,-16.755 14.698,-23.826c1.911,0.841 3.915,1.5 5.988,1.985c1.511,0.353 3.056,0.617 4.632,0.772l0,39.731Zm-24.2,-94.658c-2.206,2.905 -3.96,6.171 -5.158,9.691c-0.805,2.366 -1.359,4.847 -1.629,7.412c-0.126,1.192 -0.191,2.403 -0.191,3.628c0,9.111 3.589,17.381 9.397,23.536c-7,8.355 -12.68,17.842 -16.757,28.136c-3.035,-0.463 -6.141,-0.704 -9.302,-0.704c-19.289,0 -36.529,8.938 -47.797,22.889l0,-94.588l71.437,0Z" style="fill:#555;"/><path d="M287.62,458.616c0,-26.355 21.442,-47.797 47.797,-47.797c26.355,0 47.796,21.442 47.796,47.797c-0,26.355 -21.441,47.796 -47.796,47.796c-26.355,0 -47.797,-21.441 -47.797,-47.796Zm98.812,-133.116c1.233,0 2.434,0.128 3.609,0.335c9.714,1.716 17.123,10.198 17.123,20.396c0,11.432 -9.3,20.733 -20.732,20.733c-11.433,0 -20.733,-9.301 -20.733,-20.733c-0,-2.67 0.525,-5.215 1.448,-7.561c3.031,-7.698 10.523,-13.17 19.285,-13.17Z" style="fill:#ee383a;"/><path d="M252,458.691l0,-133.191l22,0l0,133.191l0.011,0c0,33.967 27.536,61.503 61.503,61.503c33.729,-0 60.976,-27.151 61.359,-60.79c0.002,-0.237 0.004,-0.475 0.004,-0.713l-0,-79.73c10.419,-3.333 18.691,-11.513 22.15,-21.876l0,101.606c0,46.124 -37.39,83.514 -83.513,83.514c-46.124,0 -83.514,-37.39 -83.514,-83.514Z" style="fill:#dbdbdb;"/></svg>

docs/logo-light.svg

@@ -0,0 +1 @@
+<?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 width="100%" height="100%" viewBox="0 0 168 217" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M131.257,94.658c-6.632,-8.226 -15.339,-14.714 -25.318,-18.662c3.633,-8.732 8.625,-16.755 14.698,-23.826c1.911,0.841 3.915,1.5 5.988,1.985c1.511,0.353 3.056,0.617 4.632,0.772l-0,39.731Zm-24.2,-94.658c-2.206,2.905 -3.96,6.171 -5.158,9.691c-0.805,2.366 -1.359,4.847 -1.629,7.412c-0.126,1.192 -0.191,2.403 -0.191,3.628c0,9.111 3.589,17.381 9.397,23.536c-7,8.355 -12.68,17.842 -16.757,28.136c-3.035,-0.463 -6.141,-0.704 -9.302,-0.704c-19.289,-0 -36.529,8.938 -47.797,22.889l-0,-94.588l71.437,-0Z" style="fill:#bdbdbd;"/><path d="M35.62,133.116c-0,-26.355 21.442,-47.797 47.797,-47.797c26.355,-0 47.796,21.442 47.796,47.797c0,26.355 -21.441,47.796 -47.796,47.796c-26.355,0 -47.797,-21.441 -47.797,-47.796Zm98.812,-133.116c1.233,0 2.434,0.128 3.609,0.335c9.714,1.716 17.123,10.198 17.123,20.396c-0,11.432 -9.3,20.733 -20.732,20.733c-11.433,-0 -20.733,-9.301 -20.733,-20.733c0,-2.67 0.525,-5.215 1.448,-7.561c3.031,-7.698 10.523,-13.17 19.285,-13.17Z" style="fill:#ee383a;"/><path d="M0,133.191l0,-133.191l22,0l0,133.191l0.011,0c-0,33.967 27.536,61.503 61.503,61.503c33.729,0 60.976,-27.151 61.359,-60.79c0.002,-0.237 0.004,-0.475 0.004,-0.713l-0,-79.73c10.419,-3.333 18.691,-11.513 22.15,-21.876l0,101.606c0,46.124 -37.39,83.514 -83.513,83.514c-46.124,-0 -83.514,-37.39 -83.514,-83.514Z"/></svg>