valentin_le_moign/ou_atterrir_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

clean dans les pictos

Browse Source
This commit is contained in:
Valentin
2023-05-25 14:45:49 +02:00
parent 9a4ccc6d80
commit 50941462c7
7 changed files with 78 additions and 607 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/pictos/action-2.svg
-174
View File
@@ -1,174 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="35px"
height="35px"
viewBox="0 0 35 35"
xmlns="http://www.w3.org/2000/svg">
<g id="picto">
<circle
class="thick"
fill="white"
stroke="none"
cx="17.5"
cy="17.5"
r="9" />
<line
class="thin"
x1="17.5"
y1="12"
x2="17.5"
y2="23" />
<line
class="thin"
x1="17.5"
y1="12"
x2="17.5"
y2="23"
transform="rotate(45, 17.5, 17.5)" />
<line
class="thin"
x1="17.5"
y1="12"
x2="17.5"
y2="23"
transform="rotate(90, 17.5, 17.5)" />
<line
class="thin"
x1="17.5"
y1="12"
x2="17.5"
y2="23"
transform="rotate(135, 17.5, 17.5)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(45) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(90) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(135) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(180) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(225) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(270) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(315) translate(-15 0)" />
<!-- <path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="translate(0 -16)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="rotate(45) translate(0 -16)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="rotate(90) translate(0 -16)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="rotate(135) translate(0 -16)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="rotate(180) translate(0 -16)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="rotate(225) translate(0 -16)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="rotate(270) translate(0 -16)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="rotate(315) translate(0 -16)" />
-->
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.1 KiB

assets/pictos/action-3.svg
-108
View File
@@ -1,108 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="35px"
height="35px"
viewBox="0 0 35 35"
xmlns="http://www.w3.org/2000/svg">
<g id="picto">
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="2.5" />
<line
class="thin"
x1="17.5"
y1="11"
x2="17.5"
y2="24" />
<line
class="thin"
x1="17.5"
y1="11"
x2="17.5"
y2="24"
transform="rotate(45, 17.5, 17.5)" />
<line
class="thin"
x1="17.5"
y1="11"
x2="17.5"
y2="24"
transform="rotate(90, 17.5, 17.5)" />
<line
class="thin"
x1="17.5"
y1="11"
x2="17.5"
y2="24"
transform="rotate(135, 17.5, 17.5)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(45) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(90) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(135) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(180) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(225) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(270) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(315) translate(-15 0)" />
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 KiB

assets/pictos/action-4.svg
-102
View File
@@ -1,102 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="35px"
height="35px"
viewBox="0 0 35 35"
xmlns="http://www.w3.org/2000/svg">
<g id="picto">
<line
class="thin"
x1="17.5"
y1="10"
x2="17.5"
y2="25" />
<line
class="thin"
x1="17.5"
y1="10"
x2="17.5"
y2="25"
transform="rotate(45, 17.5, 17.5)" />
<line
class="thin"
x1="17.5"
y1="10"
x2="17.5"
y2="25"
transform="rotate(90, 17.5, 17.5)" />
<line
class="thin"
x1="17.5"
y1="10"
x2="17.5"
y2="25"
transform="rotate(135, 17.5, 17.5)" />
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="2.5"
transform-origin="center"
transform="translate(-15 0)" />
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="2.5"
transform-origin="center"
transform="rotate(45) translate(-15 0)" />
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="2.5"
transform-origin="center"
transform="rotate(90) translate(-15 0)" />
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="2.5"
transform-origin="center"
transform="rotate(135) translate(-15 0)" />
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="2.5"
transform-origin="center"
transform="rotate(180) translate(-15 0)" />
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="2.5"
transform-origin="center"
transform="rotate(225) translate(-15 0)" />
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="2.5"
transform-origin="center"
transform="rotate(270) translate(-15 0)" />
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="2.5"
transform-origin="center"
transform="rotate(315) translate(-15 0)" />
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 KiB

assets/pictos/action-5.svg
-81
View File
@@ -1,81 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="35px"
height="35px"
viewBox="0 0 35 35"
xmlns="http://www.w3.org/2000/svg">
<g id="picto">
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="2.5" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(45) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(90) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(135) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(180) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(225) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(270) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(315) translate(-15 0)" />
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

assets/pictos/action-6.svg
-64
View File
@@ -1,64 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="35px"
height="35px"
viewBox="0 0 35 35"
xmlns="http://www.w3.org/2000/svg">
<g id="picto">
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="3.5" />
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="2"
transform-origin="center"
transform="translate(0 -12)" />
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="2"
transform-origin="center"
transform="translate(0 12)" />
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="2"
transform-origin="center"
transform="translate(-12 0)" />
<circle
class="circle-fill"
fill="black"
cx="17.5"
cy="17.5"
r="2"
transform-origin="center"
transform="translate(12 0)" />
<line
class="thin"
x1="3"
y1="17.5"
x2="32"
y2="17.5"
transform-origin="center"
transform="rotate(45)" />
<line
class="thin"
x1="3"
y1="17.5"
x2="32"
y2="17.5"
transform-origin="center"
transform="rotate(135)" />
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 KiB

assets/pictos/action.svg
+77 -77
View File
@@ -4,105 +4,105 @@
height="35px" height="35px"
viewBox="0 0 35 35" viewBox="0 0 35 35"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<g id="picto"> <g id="picto">
<circle <circle
class="thin" class="circle-fill"
fill="white" fill="black"
stroke="none"
cx="17.5" cx="17.5"
cy="17.5" cy="17.5"
r="9" /> r="2.5" />
<line <line
class="thin" class="thin"
x1="17.5" x1="17.5"
y1="12" y1="11"
x2="17.5" x2="17.5"
y2="23" /> y2="24" />
<line <line
class="thin" class="thin"
x1="17.5" x1="17.5"
y1="12" y1="11"
x2="17.5" x2="17.5"
y2="23" y2="24"
transform="rotate(45, 17.5, 17.5)" /> transform="rotate(45, 17.5, 17.5)" />
<line <line
class="thin" class="thin"
x1="17.5" x1="17.5"
y1="12" y1="11"
x2="17.5" x2="17.5"
y2="23" y2="24"
transform="rotate(90, 17.5, 17.5)" /> transform="rotate(90, 17.5, 17.5)" />
<line <line
class="thin" class="thin"
x1="17.5" x1="17.5"
y1="12" y1="11"
x2="17.5" x2="17.5"
y2="23" y2="24"
transform="rotate(135, 17.5, 17.5)" /> transform="rotate(135, 17.5, 17.5)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="translate(0 -16)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="rotate(45) translate(0 -16)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="rotate(90) translate(0 -16)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="rotate(135) translate(0 -16)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="rotate(180) translate(0 -16)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="rotate(225) translate(0 -16)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="rotate(270) translate(0 -16)" />
<path
class="thick"
fill="white"
d="M 14, 25.5
L 17.5, 17.5
L 21, 25.5"
transform-origin="center"
transform="rotate(315) translate(0 -16)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(45) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(90) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(135) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(180) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(225) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(270) translate(-15 0)" />
<line
class="thick"
x1="15"
y1="17.5"
x2="20"
y2="17.5"
transform-origin="center"
transform="rotate(315) translate(-15 0)" />
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

index.html
+1 -1
View File
@@ -54,7 +54,7 @@
</div> </div>
</div> </div>
<div class="mode"> <div class="mode">
<svg data-src="assets/pictos/action-3.svg" data-cache="disabled"></svg> <svg data-src="assets/pictos/action.svg" data-cache="disabled"></svg>
<div class="mode_container"> <div class="mode_container">
<p>Action</p> <p>Action</p>
</div> </div>