update

irvirty · Feb 26, 2024 · 9e2dda8 · 9e2dda8
1 parent e3681ec
commit 9e2dda8
Show file tree

Hide file tree

Showing 12 changed files with 161 additions and 50 deletions.
diff --git a/data/iconsJsonVar.js b/data/iconsJsonVar.js
@@ -150,6 +150,16 @@ var iconsJsonVar =
 `,
 },
 {
+"text": `folder`,
+"text2": `<svg width="512" height="512" version="1.1" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(54.786 -20.34)" fill="#e9b96e" fill-opacity=".2" stroke="#000" stroke-width="15">
+  <path x="7.5" y="187.2233" width="387.42847" height="240.96182" d="m7.5 187.22h387.43v240.96h-387.43z"/>
+  <path x="7.5" y="124.49429" width="237.16905" height="62.729019" d="m7.5 124.49h237.17v62.729h-237.17z"/>
+ </g>
+</svg>
+`,
+},
+{
 "text": `game`,
 "text2": `<svg width="512" height="512" version="1.1" viewBox="0 0 135.47 135.47" xmlns="http://www.w3.org/2000/svg">
  <g transform="matrix(1.5419 0 0 1.5419 -33.799 -14.002)">
@@ -565,25 +575,6 @@ var iconsJsonVar =
 `,
 },
 {
-"text": `pendrive`,
-"text2": `<svg width="512" height="512" version="1.1" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
- <defs>
-  <clipPath id="clipPath4068">
-   <rect x="196.68" y="37.344" width="118.64" height="70.874" d="M 196.68024,37.343906 H 315.31976 V 108.21823 H 196.68024 Z" display="none" fill="#ef2929"/>
-   <path class="powerclip" d="m164.65 13.721h182.7v119.78h-182.7zm32.029 23.623v70.874h118.64v-70.874z" fill="#ef2929"/>
-  </clipPath>
- </defs>
- <g transform="rotate(45 256 256)">
-  <g transform="translate(0 11.492)">
-   <rect x="162.17" y="154.96" width="187.65" height="301.4" stroke="#000" stroke-width="27.867"/>
-  </g>
-  <path transform="translate(0 11.492)" x="169.6512" y="18.721313" width="172.6976" height="109.78485" d="m169.65 18.721h172.7v109.78h-172.7z" clip-path="url(#clipPath4068)"/>
-  <rect x="242.49" y="30.214" width="27.029" height="106.55"/>
- </g>
-</svg>
-`,
-},
-{
 "text": `printer`,
 "text2": `<svg width="512" height="512" version="1.1" viewBox="0 0 135.47 135.47" xmlns="http://www.w3.org/2000/svg">
  <path x="23.6122" y="9.4400997" width="88.245003" height="7.9376998" d="m23.612 9.4401h88.245v7.9377h-88.245z" stroke-width="3.6517"/>
@@ -793,6 +784,13 @@ var iconsJsonVar =
 `,
 },
 {
+"text": `square`,
+"text2": `<svg width="512" height="512" version="1.1" viewBox="0 0 135.47 135.47" xmlns="http://www.w3.org/2000/svg">
+ <rect x="43.175" y="43.175" width="49.12" height="49.12" rx="0" ry="0"/>
+</svg>
+`,
+},
+{
 "text": `store`,
 "text2": `<svg width="512" height="512" version="1.1" viewBox="0 0 135.47 135.47" xmlns="http://www.w3.org/2000/svg">
  <defs>
@@ -837,6 +835,17 @@ var iconsJsonVar =
 `,
 },
 {
+"text": `three-dots`,
+"text2": `<svg width="512" height="512" version="1.1" viewBox="0 0 135.47 135.47" xmlns="http://www.w3.org/2000/svg">
+ <g stroke-width=".17784">
+  <path d="m83.549 67.735a15.814 15.814 0 0 1-15.814 15.814 15.814 15.814 0 0 1-15.814-15.814 15.814 15.814 0 0 1 15.814-15.814 15.814 15.814 0 0 1 15.814 15.814z"/>
+  <path d="m34.956 67.735a15.814 15.814 0 0 1-15.814 15.814 15.814 15.814 0 0 1-15.814-15.814 15.814 15.814 0 0 1 15.814-15.814 15.814 15.814 0 0 1 15.814 15.814z"/>
+  <path d="m132.22 67.735a15.814 15.814 0 0 1-15.814 15.814 15.814 15.814 0 0 1-15.814-15.814 15.814 15.814 0 0 1 15.814-15.814 15.814 15.814 0 0 1 15.814 15.814z"/>
+ </g>
+</svg>
+`,
+},
+{
 "text": `tv`,
 "text2": `<svg width="512" height="512" version="1.1" viewBox="0 0 135.47 135.47" xmlns="http://www.w3.org/2000/svg">
  <defs>
@@ -854,6 +863,25 @@ var iconsJsonVar =
 `,
 },
 {
+"text": `usb-drive`,
+"text2": `<svg width="512" height="512" version="1.1" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <clipPath id="clipPath4068">
+   <rect x="196.68" y="37.344" width="118.64" height="70.874" d="M 196.68024,37.343906 H 315.31976 V 108.21823 H 196.68024 Z" display="none" fill="#ef2929"/>
+   <path class="powerclip" d="m164.65 13.721h182.7v119.78h-182.7zm32.029 23.623v70.874h118.64v-70.874z" fill="#ef2929"/>
+  </clipPath>
+ </defs>
+ <g transform="rotate(45 256 256)">
+  <g transform="translate(0 11.492)">
+   <rect x="162.17" y="154.96" width="187.65" height="301.4" stroke="#000" stroke-width="27.867"/>
+  </g>
+  <path transform="translate(0 11.492)" x="169.6512" y="18.721313" width="172.6976" height="109.78485" d="m169.65 18.721h172.7v109.78h-172.7z" clip-path="url(#clipPath4068)"/>
+  <rect x="242.49" y="30.214" width="27.029" height="106.55"/>
+ </g>
+</svg>
+`,
+},
+{
 "text": `warning`,
 "text2": `<svg width="512" height="512" version="1.1" viewBox="0 0 135.47 135.47" xmlns="http://www.w3.org/2000/svg">
  <rect x="54.506" y="8.5485" width="26.459" height="66.147" ry="10.92" stroke-width="12.569"/>

diff --git a/icons-data/folder.svg b/icons-data/folder.svg
diff --git a/icons-data/inspiration-log.html b/icons-data/inspiration-log.html
@@ -62,7 +62,8 @@ <h1 class="op tCenter">A log of inspiration:</h1>
 Emoji - Emoji
 <del>"test" - <a class="brand tag" href="https://openclipart.org/detail/22630">https://openclipart.org/detail/22630</a></del>
 "arch" - <a class="brand tag" href="https://archlinux.org/">https://archlinux.org/</a>
-
+"usb-drive" - <a class="brand tag" href="https://freesvg.org/black-and-white-simple-usb-drive-vector-clip-art">https://freesvg.org/black-and-white-simple-usb-drive-vector-clip-art</a>
+"folder" - <a class="brand tag" href="https://commons.wikimedia.org/w/index.php?curid=76816317">https://commons.wikimedia.org/w/index.php?curid=76816317</a>
 
 </div>
 

diff --git a/icons-data/square.svg b/icons-data/square.svg
diff --git a/icons-data/three-dots.svg b/icons-data/three-dots.svg
diff --git a/icons-data/pendrive.svg → icons-data/usb-drive.svg b/icons-data/pendrive.svg → icons-data/usb-drive.svg
diff --git a/icons-page.html b/icons-page.html
@@ -273,6 +273,20 @@
 <!-- // post -->
 
 
+<!-- post -->
+<div class="bgList borderList post" id="">
+
+<div class="pre paddingList">Folder <a class="brand" href="./icons-data/folder.svg">./icons-data/folder.svg</a><br><a href="./icons-data/folder.svg"><img class="img border" src="./icons-data/folder.svg"></a></div>
+
+<div class="postFooter small break2">
+<div class="tagList tLeft left"></div>
+<div class="tagList tRight right">id</div>
+</div>
+
+</div>
+<!-- // post -->
+
+
 <!-- post -->
 <div class="bgList borderList post" id="">
 
@@ -556,7 +570,7 @@
 <!-- post -->
 <div class="bgList borderList post" id="">
 
-<div class="pre paddingList">Pendrive <a class="brand" href="./icons-data/pendrive.svg">./icons-data/pendrive.svg</a><br><a href="./icons-data/pendrive.svg"><img class="img border" src="./icons-data/pendrive.svg"></a></div>
+<div class="pre paddingList">Printer <a class="brand" href="./icons-data/printer.svg">./icons-data/printer.svg</a><br><a href="./icons-data/printer.svg"><img class="img border" src="./icons-data/printer.svg"></a></div>
 
 <div class="postFooter small break2">
 <div class="tagList tLeft left"></div>
@@ -570,7 +584,7 @@
 <!-- post -->
 <div class="bgList borderList post" id="">
 
-<div class="pre paddingList">Printer <a class="brand" href="./icons-data/printer.svg">./icons-data/printer.svg</a><br><a href="./icons-data/printer.svg"><img class="img border" src="./icons-data/printer.svg"></a></div>
+<div class="pre paddingList">Progress <a class="brand" href="./icons-data/progress.svg">./icons-data/progress.svg</a><br><a href="./icons-data/progress.svg"><img class="img border" src="./icons-data/progress.svg"></a></div>
 
 <div class="postFooter small break2">
 <div class="tagList tLeft left"></div>
@@ -584,7 +598,7 @@
 <!-- post -->
 <div class="bgList borderList post" id="">
 
-<div class="pre paddingList">Progress <a class="brand" href="./icons-data/progress.svg">./icons-data/progress.svg</a><br><a href="./icons-data/progress.svg"><img class="img border" src="./icons-data/progress.svg"></a></div>
+<div class="pre paddingList">Proportions <a class="brand" href="./icons-data/proportions.svg">./icons-data/proportions.svg</a><br><a href="./icons-data/proportions.svg"><img class="img border" src="./icons-data/proportions.svg"></a></div>
 
 <div class="postFooter small break2">
 <div class="tagList tLeft left"></div>
@@ -598,7 +612,7 @@
 <!-- post -->
 <div class="bgList borderList post" id="">
 
-<div class="pre paddingList">Proportions <a class="brand" href="./icons-data/proportions.svg">./icons-data/proportions.svg</a><br><a href="./icons-data/proportions.svg"><img class="img border" src="./icons-data/proportions.svg"></a></div>
+<div class="pre paddingList">Pushpin <a class="brand" href="./icons-data/pushpin.svg">./icons-data/pushpin.svg</a><br><a href="./icons-data/pushpin.svg"><img class="img border" src="./icons-data/pushpin.svg"></a></div>
 
 <div class="postFooter small break2">
 <div class="tagList tLeft left"></div>
@@ -612,7 +626,7 @@
 <!-- post -->
 <div class="bgList borderList post" id="">
 
-<div class="pre paddingList">Pushpin <a class="brand" href="./icons-data/pushpin.svg">./icons-data/pushpin.svg</a><br><a href="./icons-data/pushpin.svg"><img class="img border" src="./icons-data/pushpin.svg"></a></div>
+<div class="pre paddingList">Radio <a class="brand" href="./icons-data/radio.svg">./icons-data/radio.svg</a><br><a href="./icons-data/radio.svg"><img class="img border" src="./icons-data/radio.svg"></a></div>
 
 <div class="postFooter small break2">
 <div class="tagList tLeft left"></div>
@@ -626,7 +640,7 @@
 <!-- post -->
 <div class="bgList borderList post" id="">
 
-<div class="pre paddingList">Radio <a class="brand" href="./icons-data/radio.svg">./icons-data/radio.svg</a><br><a href="./icons-data/radio.svg"><img class="img border" src="./icons-data/radio.svg"></a></div>
+<div class="pre paddingList">Redirect arraw <a class="brand" href="./icons-data/redirect-arraw.svg">./icons-data/redirect-arraw.svg</a><br><a href="./icons-data/redirect-arraw.svg"><img class="img border" src="./icons-data/redirect-arraw.svg"></a></div>
 
 <div class="postFooter small break2">
 <div class="tagList tLeft left"></div>
@@ -640,7 +654,7 @@
 <!-- post -->
 <div class="bgList borderList post" id="">
 
-<div class="pre paddingList">Redirect arraw <a class="brand" href="./icons-data/redirect-arraw.svg">./icons-data/redirect-arraw.svg</a><br><a href="./icons-data/redirect-arraw.svg"><img class="img border" src="./icons-data/redirect-arraw.svg"></a></div>
+<div class="pre paddingList">Resize <a class="brand" href="./icons-data/resize.svg">./icons-data/resize.svg</a><br><a href="./icons-data/resize.svg"><img class="img border" src="./icons-data/resize.svg"></a></div>
 
 <div class="postFooter small break2">
 <div class="tagList tLeft left"></div>
@@ -654,7 +668,7 @@
 <!-- post -->
 <div class="bgList borderList post" id="">
 
-<div class="pre paddingList">Resize <a class="brand" href="./icons-data/resize.svg">./icons-data/resize.svg</a><br><a href="./icons-data/resize.svg"><img class="img border" src="./icons-data/resize.svg"></a></div>
+<div class="pre paddingList">Search <a class="brand" href="./icons-data/search.svg">./icons-data/search.svg</a><br><a href="./icons-data/search.svg"><img class="img border" src="./icons-data/search.svg"></a></div>
 
 <div class="postFooter small break2">
 <div class="tagList tLeft left"></div>
@@ -668,7 +682,7 @@
 <!-- post -->
 <div class="bgList borderList post" id="">
 
-<div class="pre paddingList">Search <a class="brand" href="./icons-data/search.svg">./icons-data/search.svg</a><br><a href="./icons-data/search.svg"><img class="img border" src="./icons-data/search.svg"></a></div>
+<div class="pre paddingList">Shuffle <a class="brand" href="./icons-data/shuffle.svg">./icons-data/shuffle.svg</a><br><a href="./icons-data/shuffle.svg"><img class="img border" src="./icons-data/shuffle.svg"></a></div>
 
 <div class="postFooter small break2">
 <div class="tagList tLeft left"></div>
@@ -682,7 +696,7 @@
 <!-- post -->
 <div class="bgList borderList post" id="">
 
-<div class="pre paddingList">Shuffle <a class="brand" href="./icons-data/shuffle.svg">./icons-data/shuffle.svg</a><br><a href="./icons-data/shuffle.svg"><img class="img border" src="./icons-data/shuffle.svg"></a></div>
+<div class="pre paddingList">Square <a class="brand" href="./icons-data/square.svg">./icons-data/square.svg</a><br><a href="./icons-data/square.svg"><img class="img border" src="./icons-data/square.svg"></a></div>
 
 <div class="postFooter small break2">
 <div class="tagList tLeft left"></div>
@@ -735,6 +749,20 @@
 <!-- // post -->
 
 
+<!-- post -->
+<div class="bgList borderList post" id="">
+
+<div class="pre paddingList">Three dots <a class="brand" href="./icons-data/three-dots.svg">./icons-data/three-dots.svg</a><br><a href="./icons-data/three-dots.svg"><img class="img border" src="./icons-data/three-dots.svg"></a></div>
+
+<div class="postFooter small break2">
+<div class="tagList tLeft left"></div>
+<div class="tagList tRight right">id</div>
+</div>
+
+</div>
+<!-- // post -->
+
+
 <!-- post -->
 <div class="bgList borderList post" id="">
 
@@ -749,6 +777,20 @@
 <!-- // post -->
 
 
+<!-- post -->
+<div class="bgList borderList post" id="">
+
+<div class="pre paddingList">Usb drive <a class="brand" href="./icons-data/usb-drive.svg">./icons-data/usb-drive.svg</a><br><a href="./icons-data/usb-drive.svg"><img class="img border" src="./icons-data/usb-drive.svg"></a></div>
+
+<div class="postFooter small break2">
+<div class="tagList tLeft left"></div>
+<div class="tagList tRight right">id</div>
+</div>
+
+</div>
+<!-- // post -->
+
+
 <!-- post -->
 <div class="bgList borderList post" id="">
 
@@ -836,13 +878,6 @@ <h1 class="tCenter op">Icons page</h1>
         "tag": " #navigation",
         "time": "id"
     },
-    {
-        "id": "c9c84f90beef8cee9eb6af3422a3f2fd",
-        "text": "Pendrive ",
-        "url": ".\/icons-data\/pendrive.svg",
-        "tag": " #pendrive",
-        "time": "id"
-    },
     {
         "id": "c7dfde2812ac66e5f978cd30fc7caf67",
         "text": "Button ",
@@ -969,6 +1004,20 @@ <h1 class="tCenter op">Icons page</h1>
         "tag": " #game",
         "time": "id"
     },
+    {
+        "id": "8868e098ba787c0e1c45a2f608211c57",
+        "text": "Usb drive ",
+        "url": ".\/icons-data\/usb-drive.svg",
+        "tag": " #usb #drive",
+        "time": "id"
+    },
+    {
+        "id": "87131ba67c3ed7c7a8b7f1b6dee8ea89",
+        "text": "Folder ",
+        "url": ".\/icons-data\/folder.svg",
+        "tag": " #folder",
+        "time": "id"
+    },
     {
         "id": "7c33072c826d77ed06b6a64d238affe2",
         "text": "Heart ",
@@ -1004,6 +1053,13 @@ <h1 class="tCenter op">Icons page</h1>
         "tag": " #page",
         "time": "id"
     },
+    {
+        "id": "4f3d8cc34b52ecca7ca27ae3f4c8618a",
+        "text": "Square ",
+        "url": ".\/icons-data\/square.svg",
+        "tag": " #square",
+        "time": "id"
+    },
     {
         "id": "4ee3cc9271d0862e96587db8e79dd6d0",
         "text": "Dot ",
@@ -1067,6 +1123,13 @@ <h1 class="tCenter op">Icons page</h1>
         "tag": " #pushpin",
         "time": "id"
     },
+    {
+        "id": "2ce6397e19cdc530d9d876a38271b3ae",
+        "text": "Three dots ",
+        "url": ".\/icons-data\/three-dots.svg",
+        "tag": " #three #dots",
+        "time": "id"
+    },
     {
         "id": "2180c33c348538f1cfb9e6f56b65f4a5",
         "text": "Camera ",

diff --git a/img/screenshots/icons.png b/img/screenshots/icons.png
diff --git a/install.html b/install.html
@@ -124,10 +124,10 @@ <h1 class="tCenter op padding2">Install Website (PWA)</h1>
 
 
 
-<button class="post padding2 margin2 borderList" onclick="startInstallPWA()"><span class="bold">Start Install (10,87 MB)</span>
+<button class="post padding2 margin2 borderList" onclick="startInstallPWA()"><span class="bold">Start Install (10,9 MB)</span>
 <span class="small block padding2">registration sw.js (service worker) and adding files to the cache. (1)</span></button>
 <div id="startInstallStatus" class="post padding2 margin2 borderList"></div>
-<button class="add-button post padding2 margin2 borderList bold green" onclick="startInstallPWA()">Install (10,87 MB) (2)</button>
+<button class="add-button post padding2 margin2 borderList bold green" onclick="startInstallPWA()">Install (10,9 MB) (2)</button>
 
 
 

diff --git a/projects/insert-icon-17/script.js b/projects/insert-icon-17/script.js
@@ -123,7 +123,7 @@ let icons = [
 ];
 
 let icons2 = [
-{"t":"other", "t2":"&bull;", "t3":"dot"},
+{"t":"other", "t2":"&bull;", "t3":"three-dots"},
 {"t":"insert", "t2":"📋", "t3":"paste"},
 {"t":"paste", "t2":"📋"},
 {"t":"angle", "t2":"◀"},
@@ -132,8 +132,8 @@ let icons2 = [
 {"t":"angle", "t2":"🔺"},
 {"t":"antilope", "t2":"🦌"},
 {"t":"gnu", "t2":"🦌"},
-{"t":"archive", "t2":"🗃️"},
-{"t":"zip", "t2":"🗃️"},
+{"t":"archive", "t2":"🗃️", "t3":"folder"},
+{"t":"zip", "t2":"🗃️", "t3":"folder"},
 {"t":"balloon", "t2":"🎈"},
 {"t":"button", "t2":"▬", "t3":"button"},
 {"t":"bird", "t2":"🐦"},
@@ -171,11 +171,11 @@ let icons2 = [
 {"t":"talk", "t2":"💬"},
 {"t":"chat", "t2":"💬"},
 {"t":"unicorn", "t2":"🦄"},
-{"t":"db", "t2":"💾", "t3":"pendrive"},
-{"t":"data", "t2":"💾", "t3":"pendrive"},
-{"t":"database", "t2":"💾", "t3":"pendrive"},
-{"t":"keep", "t2":"💾", "t3":"pendrive"},
-{"t":"save", "t2":"💾", "t3":"pendrive"},
+{"t":"db", "t2":"💾", "t3":"usb-drive"},
+{"t":"data", "t2":"💾", "t3":"usb-drive"},
+{"t":"database", "t2":"💾", "t3":"usb-drive"},
+{"t":"keep", "t2":"💾", "t3":"usb-drive"},
+{"t":"save", "t2":"💾", "t3":"usb-drive"},
 {"t":"download", "t2":"⬇️"},
 {"t":"dir", "t2":"📁️"},
 {"t":"developer", "t2":"💻"},