2 Commits

4 changed files with 68 additions and 28 deletions

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{ {
"name": "vue-nonograms-solid", "name": "vue-nonograms-solid",
"version": "1.10.0", "version": "1.11.0",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "vue-nonograms-solid", "name": "vue-nonograms-solid",
"version": "1.10.0", "version": "1.11.0",
"dependencies": { "dependencies": {
"fireworks-js": "^2.10.8", "fireworks-js": "^2.10.8",
"flag-icons": "^7.5.0", "flag-icons": "^7.5.0",

View File

@@ -1,6 +1,6 @@
{ {
"name": "vue-nonograms-solid", "name": "vue-nonograms-solid",
"version": "1.10.0", "version": "1.11.0",
"homepage": "https://nonograms.7u.pl/", "homepage": "https://nonograms.7u.pl/",
"type": "module", "type": "module",
"scripts": { "scripts": {

View File

@@ -8,17 +8,37 @@
<stop offset="0" stop-color="#00f2fe"/> <stop offset="0" stop-color="#00f2fe"/>
<stop offset="1" stop-color="#4facfe"/> <stop offset="1" stop-color="#4facfe"/>
</linearGradient> </linearGradient>
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="1.5" result="blur"/>
<feComposite in="SourceGraphic" in2="blur" operator="over"/>
</filter>
</defs> </defs>
<rect width="192" height="192" rx="28" fill="url(#bg)"/>
<rect x="28" y="28" width="136" height="136" rx="14" fill="rgba(0,0,0,0.35)"/> <!-- Main Background -->
<g fill="url(#cell)"> <rect width="192" height="192" rx="42" fill="url(#bg)"/>
<rect x="48" y="48" width="20" height="20" rx="4"/>
<rect x="76" y="48" width="20" height="20" rx="4"/> <!-- Console Screen Background -->
<rect x="104" y="48" width="20" height="20" rx="4"/> <rect x="26" y="26" width="140" height="140" rx="16" fill="rgba(0,10,30,0.5)" stroke="rgba(0,242,254,0.2)" stroke-width="1.5"/>
<rect x="48" y="76" width="20" height="20" rx="4"/>
<rect x="104" y="76" width="20" height="20" rx="4"/> <!-- Letter N built from Nonogram cells -->
<rect x="48" y="104" width="20" height="20" rx="4"/> <g fill="url(#cell)" filter="url(#glow)">
<rect x="76" y="104" width="20" height="20" rx="4"/> <!-- Left Column -->
<rect x="104" y="104" width="20" height="20" rx="4"/> <rect x="38" y="38" width="20" height="20" rx="4"/>
<rect x="38" y="62" width="20" height="20" rx="4"/>
<rect x="38" y="86" width="20" height="20" rx="4"/>
<rect x="38" y="110" width="20" height="20" rx="4"/>
<rect x="38" y="134" width="20" height="20" rx="4"/>
<!-- Diagonal -->
<rect x="62" y="62" width="20" height="20" rx="4"/>
<rect x="86" y="86" width="20" height="20" rx="4"/>
<rect x="110" y="110" width="20" height="20" rx="4"/>
<!-- Right Column -->
<rect x="134" y="38" width="20" height="20" rx="4"/>
<rect x="134" y="62" width="20" height="20" rx="4"/>
<rect x="134" y="86" width="20" height="20" rx="4"/>
<rect x="134" y="110" width="20" height="20" rx="4"/>
<rect x="134" y="134" width="20" height="20" rx="4"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"> <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 192 192">
<defs> <defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"> <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#43C6AC"/> <stop offset="0" stop-color="#43C6AC"/>
@@ -8,17 +8,37 @@
<stop offset="0" stop-color="#00f2fe"/> <stop offset="0" stop-color="#00f2fe"/>
<stop offset="1" stop-color="#4facfe"/> <stop offset="1" stop-color="#4facfe"/>
</linearGradient> </linearGradient>
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="1.5" result="blur"/>
<feComposite in="SourceGraphic" in2="blur" operator="over"/>
</filter>
</defs> </defs>
<rect width="512" height="512" rx="80" fill="url(#bg)"/>
<rect x="74" y="74" width="364" height="364" rx="40" fill="rgba(0,0,0,0.35)"/> <!-- Main Background -->
<g fill="url(#cell)"> <rect width="192" height="192" rx="42" fill="url(#bg)"/>
<rect x="138" y="138" width="54" height="54" rx="10"/>
<rect x="214" y="138" width="54" height="54" rx="10"/> <!-- Console Screen Background -->
<rect x="290" y="138" width="54" height="54" rx="10"/> <rect x="26" y="26" width="140" height="140" rx="16" fill="rgba(0,10,30,0.5)" stroke="rgba(0,242,254,0.2)" stroke-width="1.5"/>
<rect x="138" y="214" width="54" height="54" rx="10"/>
<rect x="290" y="214" width="54" height="54" rx="10"/> <!-- Letter N built from Nonogram cells -->
<rect x="138" y="290" width="54" height="54" rx="10"/> <g fill="url(#cell)" filter="url(#glow)">
<rect x="214" y="290" width="54" height="54" rx="10"/> <!-- Left Column -->
<rect x="290" y="290" width="54" height="54" rx="10"/> <rect x="38" y="38" width="20" height="20" rx="4"/>
<rect x="38" y="62" width="20" height="20" rx="4"/>
<rect x="38" y="86" width="20" height="20" rx="4"/>
<rect x="38" y="110" width="20" height="20" rx="4"/>
<rect x="38" y="134" width="20" height="20" rx="4"/>
<!-- Diagonal -->
<rect x="62" y="62" width="20" height="20" rx="4"/>
<rect x="86" y="86" width="20" height="20" rx="4"/>
<rect x="110" y="110" width="20" height="20" rx="4"/>
<!-- Right Column -->
<rect x="134" y="38" width="20" height="20" rx="4"/>
<rect x="134" y="62" width="20" height="20" rx="4"/>
<rect x="134" y="86" width="20" height="20" rx="4"/>
<rect x="134" y="110" width="20" height="20" rx="4"/>
<rect x="134" y="134" width="20" height="20" rx="4"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB