github/minidenticons
1
1
Fork 0
mirror of https://github.com/laurentpayot/minidenticons.git synced 2026-01-10 05:27:54 -05:00
Code Issues Packages Projects Releases Wiki Activity

resized smileys

Browse Source
This commit is contained in:
Laurent Payot
2023-06-02 13:48:28 +02:00
parent 3b0e5d8a06
commit e129c79104
4 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@@ -64,9 +64,9 @@ By default the color saturation is set to 95% and the lightness is set to 45%. B
Play with [the demo](https://laurentpayot.github.io/minidenticons/) to find a combination of saturation and lightness that matches your website theme colors: light, dark or whatever :sunglasses:
<img src="img/smileys-white.svg" style="width:100%" alt="Minidenticons light">
<img src="img/smileys-black.svg" style="width:100%" alt="Minidenticons dark">
<img src="img/smileys-yellow.svg" style="width:100%" alt="Minidenticons weird">
![Minidenticons light](img/smileys-white.svg)
![Minidenticons dark](img/smileys-black.svg)
![Minidenticons weird](img/smileys-yellow.svg)
## Advanced usage with the `minidenticon()` function

6
img/smileys-black.svg
View File

@@ -1,11 +1,11 @@
<svg fill="none" viewBox="0 0 665 70" width="665" height="70" xmlns="http://www.w3.org/2000/svg">
<svg fill="none" viewBox="0 0 485 55" width="485" height="55" xmlns="http://www.w3.org/2000/svg">
<foreignObject width="100%" height="100%">
<div xmlns="http://www.w3.org/1999/xhtml">
<style>
div svg {
width: 60px;
height: 60px;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: black;
display: inline-block;
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB

6
img/smileys-white.svg
View File

@@ -1,11 +1,11 @@
<svg fill="none" viewBox="0 0 665 70" width="665" height="70" xmlns="http://www.w3.org/2000/svg">
<svg fill="none" viewBox="0 0 485 55" width="485" height="55" xmlns="http://www.w3.org/2000/svg">
<foreignObject width="100%" height="100%">
<div xmlns="http://www.w3.org/1999/xhtml">
<style>
div svg {
width: 60px;
height: 60px;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: white;
display: inline-block;
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB

6
img/smileys-yellow.svg
View File

@@ -1,11 +1,11 @@
<svg fill="none" viewBox="0 0 665 70" width="665" height="70" xmlns="http://www.w3.org/2000/svg">
<svg fill="none" viewBox="0 0 485 55" width="485" height="55" xmlns="http://www.w3.org/2000/svg">
<foreignObject width="100%" height="100%">
<div xmlns="http://www.w3.org/1999/xhtml">
<style>
div svg {
width: 60px;
height: 60px;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: yellow;
display: inline-block;
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB