fix attribution

LICENSE

@@ -1,9 +1,14 @@
-MIT License
+Copyright (C) 2024 Onez
 
-Copyright (c) 2024 derv
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
 
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
 
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+You should have received a copy of the GNU General Public License
-
+along with this program.  If not, see <https://www.gnu.org/licenses/>.
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

emojis.svg

@@ -22,15 +22,15 @@
      inkscape:pageopacity="0.0"
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
-     inkscape:zoom="2.2009868"
+     inkscape:zoom="8.8039472"
-     inkscape:cx="80.191302"
+     inkscape:cx="188.60858"
-     inkscape:cy="65.198027"
+     inkscape:cy="140.67554"
      inkscape:window-width="1860"
      inkscape:window-height="1005"
      inkscape:window-x="30"
      inkscape:window-y="45"
      inkscape:window-maximized="1"
-     inkscape:current-layer="doowie" /><defs
+     inkscape:current-layer="face_troll" /><defs
      id="defs1" /><g
      id="layer1"
      transform="translate(-576.28967,-425.74296)"><g
@@ -60,14 +60,6 @@
            d="m 102.90575,76.575786 c 0,0 52.37523,-23.048753 90.50858,18.121419 23.63722,-61.335201 91.20824,-56.779989 91.20824,-56.779989 -32.96695,17.293904 -40.56429,28.763211 -41.66788,75.808664 l -85.65771,35.04679 c 0.24295,-40.02983 -11.16347,-69.217171 -54.39123,-72.196884 z"
            id="path11"
            transform="translate(-55.054227)" /><path
-           style="color:#000000;fill:none;stroke-linecap:round;stroke-linejoin:round;paint-order:normal"
-           d="M 129.13281,191.69567 C 128.32038,182.50083 134.03902,3.4690053 130.02566,-3.7698547 108.55237,-42.500935 54.630943,-29.947665 46.569213,-115.47831 c 40.96038,13.96746 88.382247,-0.18852 120.516327,52.195165 17.99778,-43.174575 74.84439,-45.042705 115.64002,-63.977215 18.14635,54.936585 -22.22936,72.913935 -76.71092,122.0624953 -4.51999,4.07754 18.20912,194.0603347 18.33219,200.5995747"
-           id="path41"
-           transform="rotate(-30.729349,252.84433,343.48823)" /><path
-           style="color:#000000;fill:none;stroke-linecap:round;stroke-linejoin:round;paint-order:normal"
-           d="M 129.13281,191.69567 C 128.32038,182.50083 134.03902,3.4690053 130.02566,-3.7698547 108.55237,-42.500935 54.630943,-29.947665 46.569213,-115.47831 c 40.96038,13.96746 88.382247,-0.18852 120.516327,52.195165 17.99778,-43.174575 74.84439,-45.042705 115.64002,-63.977215 18.14635,54.936585 -22.22936,72.913935 -76.71092,122.0624953 -4.51999,4.07754 18.20912,194.0603347 18.33219,200.5995747"
-           id="path21"
-           transform="rotate(18.478428,10.119336,460.37707)" /><path
            id="path1"
            style="fill:none;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;paint-order:normal"
            d="m 442.82375,297.57117 c 128.84636,-9.58651 185.5239,-43.08994 206.70913,134.13989 -15.37798,35.58561 -318.0584,48.62196 -389.47099,48.62196 -100.93658,0 -182.76185,-81.82527 -182.761856,-182.76185 0,-100.93659 81.825266,-182.76186 182.761856,-182.76186 100.93659,0 182.76187,81.82527 182.76186,182.76186 z"
@@ -141,7 +133,7 @@
            d="m 532.90234,425.60739 c -6.25832,-0.072 -12.37101,-1.95444 -15.85351,-5.3399 -3.4825,-3.38545 -4.16529,-7.3655 -3.78516,-11.01656 0.76026,-7.30212 5.52915,-14.5172 11.90039,-20.38767 3.18563,-2.93524 6.80047,-5.51391 11.13867,-7.36474 4.33821,-1.85083 9.93722,-3.04568 15.65039,-1.82164 5.17178,1.10804 9.16033,4.08303 11.86719,7.79102 4.3812,-4.28528 9.41542,-7.0906 15.16992,-8.41056 11.23634,-2.57736 21.98401,1.91065 27.94922,7.83224 5.96522,5.92157 8.95768,13.78409 5.83399,21.45337 -3.1237,7.66928 -13.68946,13.98102 -28.9668,15.00088 a 8.4931498,6.1789538 0 0 1 -9.23437,-5.58715 8.4931498,6.1789538 0 0 1 7.68164,-6.7182 c 10.53501,-0.70328 13.02076,-3.22703 14.23437,-6.20668 1.21361,-2.97964 -0.17046,-7.58015 -3.25,-10.63717 -3.07954,-3.05701 -6.04314,-4.0625 -9.14062,-3.352 -3.09749,0.7105 -9.53226,4.62658 -14.87696,16.74864 a 8.4939991,6.1795716 0 0 1 -16.55859,-1.44083 c -0.60757,-6.11539 -2.04008,-10.21056 -3.41797,-12.40766 -1.37789,-2.19711 -2.15381,-2.22469 -2.08984,-2.21099 0.064,0.0137 -0.49871,-0.1247 -2.25977,0.62664 -1.76106,0.75133 -4.18431,2.32039 -6.40039,4.36229 -4.43217,4.0838 -7.92575,10.13677 -8.29297,13.66377 -0.1836,1.7635 0.3531,2.58693 0.44727,2.67847 0.0942,0.0916 -0.0829,0.35795 2.52343,0.38792 a 8.4931498,6.1789538 0 0 1 8.35743,6.2763 8.4931498,6.1789538 0 0 1 -8.62696,6.08021 z"
            id="path8" /></g><g
          id="face_angry"
-         style="fill:#5c369b;fill-opacity:1;stroke-width:33.9727;stroke-dasharray:none;paint-order:normal"
+         style="display:inline;fill:#5c369b;fill-opacity:1;stroke-width:33.9727;stroke-dasharray:none;paint-order:normal"
          transform="matrix(0.14717702,0,0,0.14717702,541.68697,430.72678)"><path
            id="path22"
            style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-dasharray:none;paint-order:normal"
@@ -155,11 +147,56 @@
            style="color:#000000;display:inline;fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
            d="m 532.90234,425.60739 c -6.25832,-0.072 -12.37101,-1.95444 -15.85351,-5.3399 -3.4825,-3.38545 -4.16529,-7.3655 -3.78516,-11.01656 0.76026,-7.30212 5.52915,-14.5172 11.90039,-20.38767 3.18563,-2.93524 6.80047,-5.51391 11.13867,-7.36474 4.33821,-1.85083 9.93722,-3.04568 15.65039,-1.82164 5.17178,1.10804 9.16033,4.08303 11.86719,7.79102 4.3812,-4.28528 9.41542,-7.0906 15.16992,-8.41056 11.23634,-2.57736 21.98401,1.91065 27.94922,7.83224 5.96522,5.92157 8.95768,13.78409 5.83399,21.45337 -3.1237,7.66928 -13.68946,13.98102 -28.9668,15.00088 a 8.4931498,6.1789538 0 0 1 -9.23437,-5.58715 8.4931498,6.1789538 0 0 1 7.68164,-6.7182 c 10.53501,-0.70328 13.02076,-3.22703 14.23437,-6.20668 1.21361,-2.97964 -0.17046,-7.58015 -3.25,-10.63717 -3.07954,-3.05701 -6.04314,-4.0625 -9.14062,-3.352 -3.09749,0.7105 -9.53226,4.62658 -14.87696,16.74864 a 8.4939991,6.1795716 0 0 1 -16.55859,-1.44083 c -0.60757,-6.11539 -2.04008,-10.21056 -3.41797,-12.40766 -1.37789,-2.19711 -2.15381,-2.22469 -2.08984,-2.21099 0.064,0.0137 -0.49871,-0.1247 -2.25977,0.62664 -1.76106,0.75133 -4.18431,2.32039 -6.40039,4.36229 -4.43217,4.0838 -7.92575,10.13677 -8.29297,13.66377 -0.1836,1.7635 0.3531,2.58693 0.44727,2.67847 0.0942,0.0916 -0.0829,0.35795 2.52343,0.38792 a 8.4931498,6.1789538 0 0 1 8.35743,6.2763 8.4931498,6.1789538 0 0 1 -8.62696,6.08021 z"
            id="path27" /></g><g
+         id="face_troll"
+         style="stroke-width:33.9727;stroke-dasharray:none;paint-order:normal;display:inline;fill:#5c369b;fill-opacity:1;stroke:#5c369b;stroke-opacity:1"
+         transform="matrix(0.14717702,0,0,0.14717702,541.68697,430.72678)"><path
+           id="path21"
+           style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-dasharray:none;paint-order:normal;stroke-opacity:1"
+           d="m 308.46563,308.24019 c -1.20604,-7.51441 -1.52612,-16.98391 -1.52612,-27.93458 0,-26.71262 0.002,-46.9115 16.25647,-46.91151 16.03303,-1e-5 16.25646,15.43418 16.25646,46.91151 0,6.97759 -0.0533,13.25026 -0.31849,18.80442 -4.13959,0.79705 -8.24403,1.65098 -12.23548,2.49487 -5.16339,1.09165 -12.09942,3.8351 -18.43284,6.63529 z" /><path
+           id="path29"
+           style="fill-opacity:1;stroke:none;stroke-width:33.9727;stroke-linecap:round;stroke-dasharray:none;paint-order:normal;stroke-opacity:1"
+           d="m 393.82963,303.86555 c -1.20013,-1.09139 -2.41713,-1.99408 -3.58305,-2.4816 -8.76745,-3.66604 -18.32498,-4.49183 -28.04075,-3.9281 -0.13304,-4.55309 -0.14597,-9.53511 -0.14597,-14.9294 0,-31.47732 0.22344,-46.91152 16.25646,-46.91152 16.25484,1e-5 16.25647,20.1989 16.25647,46.91152 0,7.96417 -0.18523,15.12144 -0.74316,21.3391 z" /><path
+           style="fill-opacity:1;paint-order:normal;stroke:none"
+           d="m 561.84465,349.89855 c -9.62791,1.54708 -30.41966,-16.67043 -23.7757,-25.70029 6.64398,-9.02985 32.60078,-11.11363 41.54058,-4.7668 8.93981,6.34682 -8.13698,28.92001 -17.76488,30.46709 z"
+           id="path30" /><path
+           style="fill-opacity:1;fill:#ffffff;stroke-width:8.49317384;stroke-dasharray:none"
+           d="m 616.64033,397.75163 c -10.58102,-14.11738 -16.77386,12.08081 -66.16038,14.63302 -49.38652,2.55221 -79.53785,-3.31902 -79.53785,-3.31902 0,0 35.99229,38.82299 91.89323,39.01709 55.90094,0.1941 64.38602,-36.21372 53.805,-50.33109 z"
+           id="path32"
+           sodipodi:nodetypes="zzczz" /><path
+           style="fill:none;fill-opacity:1;stroke-width:6.79453907;stroke-dasharray:none;stroke-linecap:round;stroke-linejoin:round"
+           d="m 598.76495,383.29345 c 5.55763,-3.36591 7.63932,-17.74548 20.22821,0.30195"
+           id="path36"
+           sodipodi:nodetypes="cc" /><path
+           style="fill:none;fill-opacity:1;stroke-width:6.79453907;stroke-dasharray:none;stroke-linecap:round;stroke-linejoin:round"
+           d="m 468.45579,388.52164 c 0,0 -14.7609,10.75768 -15.58776,18.19326 -0.82686,7.43558 9.79375,18.4981 9.79375,18.4981"
+           id="path37"
+           sodipodi:nodetypes="czc" /><path
+           id="path38"
+           style="fill-opacity:1;stroke:none;stroke-width:10.1918;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="M 618.71304 420.68528 L 493.59134 427.00871 C 503.34665 433.21054 515.93583 439.60298 530.9613 443.70311 L 602.1049 439.3968 C 610.91829 434.28792 616.17979 427.5081 618.71304 420.68528 z " /></g><g
          id="emotion_tear"
          style="fill:#0ac6ff;fill-opacity:1"><path
            id="path28"
            style="fill:#0ac6ff;fill-opacity:1;stroke:none;stroke-width:5.00032;stroke-linecap:round;stroke-linejoin:round"
            d="m 602.19798,477.7642 c 0,2.6917 -0.68727,4.87375 -1.53505,4.87374 -0.84778,-1e-5 -1.53504,-2.18205 -1.53504,-4.87374 0,-2.69169 1.53504,-4.87375 1.53504,-4.87375 0,0 1.53505,2.18204 1.53505,4.87375 z" /></g><g
+         id="emotion_heart"
+         style="fill:#ff7373;fill-opacity:1;stroke-width:5;stroke-dasharray:none;paint-order:normal"
+         transform="translate(0.16607883,-0.43578861)"><path
+           id="path28-3"
+           style="fill-opacity:1;stroke:none;stroke-width:5.00032;stroke-linecap:round;stroke-linejoin:round"
+           d="m 604.29485,476.49978 c 0,-1.11612 -0.40161,-2.35947 -2.19277,-2.3406 -1.23384,0.0138 -1.47042,1.08441 -1.47042,1.08441 0,0 -0.0683,-0.90392 -1.71534,-0.95758 -1.09006,-0.0355 -1.82927,0.96496 -1.82927,2.21377 0,1.40443 3.70313,4.48202 3.70313,4.48202 0,0 3.50467,-3.07757 3.50467,-4.48202 z"
+           sodipodi:nodetypes="sscsscs" /></g><g
          id="emotion_main"
          style="stroke-width:5;stroke-dasharray:none;paint-order:normal"
-         transform="translate(-2.060262,-6.634307)" /></g></g></svg>
+         transform="translate(-2.060262,-6.634307)" /><g
+         id="emotion_blush"
+         style="fill:none;fill-opacity:1;stroke:#ff7373;stroke-width:1.4277;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+         transform="matrix(1.1038334,0,0,1,-38.679382,0.9089577)"><path
+           style="fill:none;fill-opacity:1;stroke-width:1.4277;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;paint-order:normal"
+           d="m 584.66333,489.43212 3.04838,-3.45323 0.97042,5.79053 4.1237,-4.94721"
+           id="path2"
+           sodipodi:nodetypes="cccc" /><path
+           style="fill:none;fill-opacity:1;stroke-width:1.4277;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;paint-order:normal"
+           d="m 612.50826,486.84714 -2.02313,-1.3756 -0.30282,5.79053 -1.65609,-2.10901"
+           id="path9"
+           sodipodi:nodetypes="cccc" /></g></g></g></svg>

index.css

@@ -110,3 +110,10 @@ input {
     display: block;
     margin: 10px;
 }
+
+.inputs {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: wrap;
+}

index.html

@@ -12,11 +12,10 @@
 
     <h1>Onezmoji Generator</h1>
     <p>Make your own Onezmoji! Work in progress...</p>
-    <p><i>More at <a href='https://zenoverse.net/'>the Zenoverse</a></i></p>
+    <p><i>More at <a href='https://dervland.net/'>Dervland</a></i></p>
 
-    <iframe src='emojis.svg'>
+    <iframe src='emojis.svg'></iframe>
-
+        <div class='inputs'></div>
-    <br/>
     </section>
 </body>
 </head>

index.js

@@ -34,14 +34,14 @@ function main(init = false) {
         }
     } else {
         for (let char in charData) {
-            let p = document.createElement('p');
+            let p = document.createElement('span');
             p.textContent = char;
-            sec.appendChild(p);
+            document.querySelector('.inputs').appendChild(p);
             let input = document.createElement('input');
             input.type = 'color';
             input.id = 'color_' + char;
             input.value = getRandomColor();
-            sec.appendChild(input);
+            document.querySelector('.inputs').appendChild(input);
             input.onchange = () => main(false);
         }
     }
@@ -84,4 +84,7 @@ function main(init = false) {
     }
 }
 
-window.onload = () => main(true);
+window.onload = () => {
+    main(true);
+    main(false);
+}