@inglorious/logo 2.0.11 → 2.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/LICENSE +9 -9
  2. package/README.md +71 -71
  3. package/package.json +4 -4
  4. package/src/assets/eye.svg +36 -36
  5. package/src/assets/faces/A.svg +30 -30
  6. package/src/assets/faces/B.svg +35 -35
  7. package/src/assets/faces/C.svg +26 -26
  8. package/src/assets/faces/D.svg +28 -28
  9. package/src/assets/faces/E.svg +30 -30
  10. package/src/assets/faces/F.svg +28 -28
  11. package/src/assets/faces/G.svg +28 -28
  12. package/src/assets/faces/H.svg +28 -28
  13. package/src/assets/faces/I.svg +24 -24
  14. package/src/assets/faces/J.svg +26 -26
  15. package/src/assets/faces/K.svg +27 -27
  16. package/src/assets/faces/L.svg +24 -24
  17. package/src/assets/faces/M.svg +28 -28
  18. package/src/assets/faces/N.svg +26 -26
  19. package/src/assets/faces/O.svg +26 -26
  20. package/src/assets/faces/P.svg +30 -30
  21. package/src/assets/faces/Q.svg +33 -33
  22. package/src/assets/faces/R.svg +32 -32
  23. package/src/assets/faces/S.svg +30 -30
  24. package/src/assets/faces/T.svg +26 -26
  25. package/src/assets/faces/U.svg +24 -24
  26. package/src/assets/faces/V.svg +23 -23
  27. package/src/assets/faces/W.svg +28 -28
  28. package/src/assets/faces/X.svg +28 -28
  29. package/src/assets/faces/Y.svg +25 -25
  30. package/src/assets/faces/Z.svg +28 -28
  31. package/src/style.css +44 -44
package/src/assets/faces/S.svg CHANGED
@@ -1,30 +1,30 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
- <style>
4
- #letter {
5
- fill: rgb(127, 127, 255);
6
- fill-opacity: 0.5;
7
- stroke: rgb(127, 127, 192);
8
- stroke-width: 0.25;
9
- stroke-opacity: 0.5;
10
- }
11
- </style>
12
-
13
- <path id="letter" d="
14
- M 0 0
15
- L 6 0
16
- L 6 2
17
- L 4 1
18
- L 2 1
19
- L 2 2
20
- L 6 3
21
- L 6 6
22
- L 0 6
23
- L 0 4
24
- L 2 5
25
- L 4 5
26
- L 4 4
27
- L 0 3
28
- Z
29
- " />
30
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
+ <style>
4
+ #letter {
5
+ fill: rgb(127, 127, 255);
6
+ fill-opacity: 0.5;
7
+ stroke: rgb(127, 127, 192);
8
+ stroke-width: 0.25;
9
+ stroke-opacity: 0.5;
10
+ }
11
+ </style>
12
+
13
+ <path id="letter" d="
14
+ M 0 0
15
+ L 6 0
16
+ L 6 2
17
+ L 4 1
18
+ L 2 1
19
+ L 2 2
20
+ L 6 3
21
+ L 6 6
22
+ L 0 6
23
+ L 0 4
24
+ L 2 5
25
+ L 4 5
26
+ L 4 4
27
+ L 0 3
28
+ Z
29
+ " />
30
+ </svg>
package/src/assets/faces/T.svg CHANGED
@@ -1,26 +1,26 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
- <style>
4
- #letter {
5
- fill: rgb(127, 127, 255);
6
- fill-opacity: 0.5;
7
- stroke: rgb(127, 127, 192);
8
- stroke-width: 0.25;
9
- stroke-opacity: 0.5;
10
- }
11
- </style>
12
-
13
- <path id="letter" d="
14
- M 0 0
15
- L 6 0
16
- L 6 2
17
- L 4 1
18
- L 4 5
19
- L 6 6
20
- L 0 6
21
- L 2 5
22
- L 2 1
23
- L 0 2
24
- Z
25
- " />
26
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
+ <style>
4
+ #letter {
5
+ fill: rgb(127, 127, 255);
6
+ fill-opacity: 0.5;
7
+ stroke: rgb(127, 127, 192);
8
+ stroke-width: 0.25;
9
+ stroke-opacity: 0.5;
10
+ }
11
+ </style>
12
+
13
+ <path id="letter" d="
14
+ M 0 0
15
+ L 6 0
16
+ L 6 2
17
+ L 4 1
18
+ L 4 5
19
+ L 6 6
20
+ L 0 6
21
+ L 2 5
22
+ L 2 1
23
+ L 0 2
24
+ Z
25
+ " />
26
+ </svg>
package/src/assets/faces/U.svg CHANGED
@@ -1,24 +1,24 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
- <style>
4
- #letter {
5
- fill: rgb(127, 127, 255);
6
- fill-opacity: 0.5;
7
- stroke: rgb(127, 127, 192);
8
- stroke-width: 0.25;
9
- stroke-opacity: 0.5;
10
- }
11
- </style>
12
-
13
- <path id="letter" d="
14
- M 0 0
15
- L 2 0
16
- L 2 4
17
- L 4 4
18
- L 4 0
19
- L 6 0
20
- L 6 6
21
- L 0 6
22
- Z
23
- " />
24
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
+ <style>
4
+ #letter {
5
+ fill: rgb(127, 127, 255);
6
+ fill-opacity: 0.5;
7
+ stroke: rgb(127, 127, 192);
8
+ stroke-width: 0.25;
9
+ stroke-opacity: 0.5;
10
+ }
11
+ </style>
12
+
13
+ <path id="letter" d="
14
+ M 0 0
15
+ L 2 0
16
+ L 2 4
17
+ L 4 4
18
+ L 4 0
19
+ L 6 0
20
+ L 6 6
21
+ L 0 6
22
+ Z
23
+ " />
24
+ </svg>
package/src/assets/faces/V.svg CHANGED
@@ -1,23 +1,23 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
- <style>
4
- #letter {
5
- fill: rgb(127, 127, 255);
6
- fill-opacity: 0.5;
7
- stroke: rgb(127, 127, 192);
8
- stroke-width: 0.25;
9
- stroke-opacity: 0.5;
10
- }
11
- </style>
12
-
13
- <path id="letter" d="
14
- M 0 0
15
- L 2 0
16
- L 3 4
17
- L 4 0
18
- L 6 0
19
- L 4 6
20
- L 2 6
21
- Z
22
- " />
23
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
+ <style>
4
+ #letter {
5
+ fill: rgb(127, 127, 255);
6
+ fill-opacity: 0.5;
7
+ stroke: rgb(127, 127, 192);
8
+ stroke-width: 0.25;
9
+ stroke-opacity: 0.5;
10
+ }
11
+ </style>
12
+
13
+ <path id="letter" d="
14
+ M 0 0
15
+ L 2 0
16
+ L 3 4
17
+ L 4 0
18
+ L 6 0
19
+ L 4 6
20
+ L 2 6
21
+ Z
22
+ " />
23
+ </svg>
package/src/assets/faces/W.svg CHANGED
@@ -1,28 +1,28 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
- <style>
4
- #letter {
5
- fill: rgb(127, 127, 255);
6
- fill-opacity: 0.5;
7
- stroke: rgb(127, 127, 192);
8
- stroke-width: 0.25;
9
- stroke-opacity: 0.5;
10
- }
11
- </style>
12
-
13
- <path id="letter" d="
14
- M 0 0
15
- L 2 0
16
- L 2 3
17
- L 3 1
18
- L 4 3
19
- L 4 0
20
- L 6 0
21
- L 6 6
22
- L 4 6
23
- L 3 4
24
- L 2 6
25
- L 0 6
26
- Z
27
- " />
28
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
+ <style>
4
+ #letter {
5
+ fill: rgb(127, 127, 255);
6
+ fill-opacity: 0.5;
7
+ stroke: rgb(127, 127, 192);
8
+ stroke-width: 0.25;
9
+ stroke-opacity: 0.5;
10
+ }
11
+ </style>
12
+
13
+ <path id="letter" d="
14
+ M 0 0
15
+ L 2 0
16
+ L 2 3
17
+ L 3 1
18
+ L 4 3
19
+ L 4 0
20
+ L 6 0
21
+ L 6 6
22
+ L 4 6
23
+ L 3 4
24
+ L 2 6
25
+ L 0 6
26
+ Z
27
+ " />
28
+ </svg>
package/src/assets/faces/X.svg CHANGED
@@ -1,28 +1,28 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
- <style>
4
- #letter {
5
- fill: rgb(127, 127, 255);
6
- fill-opacity: 0.5;
7
- stroke: rgb(127, 127, 192);
8
- stroke-width: 0.25;
9
- stroke-opacity: 0.5;
10
- }
11
- </style>
12
-
13
- <path id="letter" d="
14
- M 0 0
15
- L 2 0
16
- L 3 2
17
- L 4 0
18
- L 6 0
19
- L 4 3
20
- L 6 6
21
- L 4 6
22
- L 3 4
23
- L 2 6
24
- L 0 6
25
- L 2 3
26
- Z
27
- " />
28
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
+ <style>
4
+ #letter {
5
+ fill: rgb(127, 127, 255);
6
+ fill-opacity: 0.5;
7
+ stroke: rgb(127, 127, 192);
8
+ stroke-width: 0.25;
9
+ stroke-opacity: 0.5;
10
+ }
11
+ </style>
12
+
13
+ <path id="letter" d="
14
+ M 0 0
15
+ L 2 0
16
+ L 3 2
17
+ L 4 0
18
+ L 6 0
19
+ L 4 3
20
+ L 6 6
21
+ L 4 6
22
+ L 3 4
23
+ L 2 6
24
+ L 0 6
25
+ L 2 3
26
+ Z
27
+ " />
28
+ </svg>
package/src/assets/faces/Y.svg CHANGED
@@ -1,25 +1,25 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
- <style>
4
- #letter {
5
- fill: rgb(127, 127, 255);
6
- fill-opacity: 0.5;
7
- stroke: rgb(127, 127, 192);
8
- stroke-width: 0.25;
9
- stroke-opacity: 0.5;
10
- }
11
- </style>
12
-
13
- <path id="letter" d="
14
- M 0 0
15
- L 2 0
16
- L 3 2
17
- L 4 0
18
- L 6 0
19
- L 4 3
20
- L 4 6
21
- L 2 6
22
- L 2 3
23
- Z
24
- " />
25
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
+ <style>
4
+ #letter {
5
+ fill: rgb(127, 127, 255);
6
+ fill-opacity: 0.5;
7
+ stroke: rgb(127, 127, 192);
8
+ stroke-width: 0.25;
9
+ stroke-opacity: 0.5;
10
+ }
11
+ </style>
12
+
13
+ <path id="letter" d="
14
+ M 0 0
15
+ L 2 0
16
+ L 3 2
17
+ L 4 0
18
+ L 6 0
19
+ L 4 3
20
+ L 4 6
21
+ L 2 6
22
+ L 2 3
23
+ Z
24
+ " />
25
+ </svg>
package/src/assets/faces/Z.svg CHANGED
@@ -1,28 +1,28 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
- <style>
4
- #letter {
5
- fill: rgb(127, 127, 255);
6
- fill-opacity: 0.5;
7
- stroke: rgb(127, 127, 192);
8
- stroke-width: 0.25;
9
- stroke-opacity: 0.5;
10
- }
11
- </style>
12
-
13
- <path id="letter" d="
14
- M 0 0
15
- L 6 0
16
- L 6 1
17
- L 2 5
18
- L 4 5
19
- L 6 4
20
- L 6 6
21
- L 0 6
22
- L 0 5
23
- L 4 1
24
- L 2 1
25
- L 0 2
26
- Z
27
- " />
28
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
3
+ <style>
4
+ #letter {
5
+ fill: rgb(127, 127, 255);
6
+ fill-opacity: 0.5;
7
+ stroke: rgb(127, 127, 192);
8
+ stroke-width: 0.25;
9
+ stroke-opacity: 0.5;
10
+ }
11
+ </style>
12
+
13
+ <path id="letter" d="
14
+ M 0 0
15
+ L 6 0
16
+ L 6 1
17
+ L 2 5
18
+ L 4 5
19
+ L 6 4
20
+ L 6 6
21
+ L 0 6
22
+ L 0 5
23
+ L 4 1
24
+ L 2 1
25
+ L 0 2
26
+ Z
27
+ " />
28
+ </svg>
package/src/style.css CHANGED
@@ -1,44 +1,44 @@
1
- .iw-logo {
2
- width: var(--size);
3
- height: var(--size);
4
- perspective: var(--size);
5
- user-select: none;
6
-
7
- > .iw-logo-cube {
8
- height: var(--size);
9
- transform-style: preserve-3d;
10
- transform: var(--transform);
11
- transition: ease-out 0.2s;
12
-
13
- > .iw-logo-cube-face {
14
- position: absolute;
15
- width: 100%;
16
- height: 100%;
17
- transform-origin: bottom center;
18
-
19
- > img {
20
- position: absolute;
21
- }
22
-
23
- &.left {
24
- transform: rotateY(0deg) translateZ(var(--z-translation)) skew(12deg);
25
-
26
- > img {
27
- transform: var(--left-face-flip);
28
- }
29
- }
30
-
31
- &.right {
32
- transform: rotateY(90deg) translateZ(var(--z-translation)) skew(-12deg);
33
-
34
- > img {
35
- transform: var(--right-face-flip);
36
- }
37
-
38
- > .iw-logo-cube-face-eye {
39
- transform: rotateY(180deg);
40
- }
41
- }
42
- }
43
- }
44
- }
1
+ .iw-logo {
2
+ width: var(--size);
3
+ height: var(--size);
4
+ perspective: var(--size);
5
+ user-select: none;
6
+
7
+ > .iw-logo-cube {
8
+ height: var(--size);
9
+ transform-style: preserve-3d;
10
+ transform: var(--transform);
11
+ transition: ease-out 0.2s;
12
+
13
+ > .iw-logo-cube-face {
14
+ position: absolute;
15
+ width: 100%;
16
+ height: 100%;
17
+ transform-origin: bottom center;
18
+
19
+ > img {
20
+ position: absolute;
21
+ }
22
+
23
+ &.left {
24
+ transform: rotateY(0deg) translateZ(var(--z-translation)) skew(12deg);
25
+
26
+ > img {
27
+ transform: var(--left-face-flip);
28
+ }
29
+ }
30
+
31
+ &.right {
32
+ transform: rotateY(90deg) translateZ(var(--z-translation)) skew(-12deg);
33
+
34
+ > img {
35
+ transform: var(--right-face-flip);
36
+ }
37
+
38
+ > .iw-logo-cube-face-eye {
39
+ transform: rotateY(180deg);
40
+ }
41
+ }
42
+ }
43
+ }
44
+ }