techtransthai/www.techtransthai.org
techtransthai/www.techtransthai.org
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Add monitor test icon

Browse source
This commit is contained in:
Late Night Defender 2024-10-18 04:49:46 +07:00
parent 0db268e133
commit 9fefb99f2f
3 changed files with 530 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -157,7 +157,7 @@
</a>
<a class="itemcard" style="opacity: 50%;">
<div class="listaction">
<img src="resources/icons/ttt-org-blueprint.Devel.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<img src="resources/icons/monitortest.Devel.svg" alt="Monitor Test" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Monitor Test</h3>
<p>Coming soon - you can help</p>

84
resources/icons/monitortest.Devel.svg Normal file
View file

@ -0,0 +1,84 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg height="128px" viewBox="0 0 128 128" width="128px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<filter id="a" height="100%" width="100%" x="0%" y="0%">
<feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
</filter>
<linearGradient id="b" gradientTransform="matrix(0.5 0 0 1 32.000004 -172.000014)" gradientUnits="userSpaceOnUse" x1="42" x2="42" y1="290" y2="274">
<stop offset="0" stop-color="#c0bfbc"/>
<stop offset="1" stop-color="#77767b"/>
</linearGradient>
<linearGradient id="c" gradientUnits="userSpaceOnUse" x1="76" x2="76" y1="115.999986" y2="119.999986">
<stop offset="0" stop-color="#f6f5f4"/>
<stop offset="1" stop-color="#deddda"/>
</linearGradient>
<linearGradient id="d" gradientUnits="userSpaceOnUse" x1="8.0000015" x2="120.0000015" y1="99.999977" y2="99.999977">
<stop offset="0" stop-color="#77767b"/>
<stop offset="0.0357143" stop-color="#c0bfbc"/>
<stop offset="0.0713653" stop-color="#9a9996"/>
<stop offset="0.928571" stop-color="#9a9996"/>
<stop offset="0.964286" stop-color="#c0bfbc"/>
<stop offset="1" stop-color="#77767b"/>
</linearGradient>
<linearGradient id="e" gradientUnits="userSpaceOnUse" x1="16" x2="112" y1="54" y2="54">
<stop offset="0" stop-color="#e01b24"/>
<stop offset="0.5" stop-color="#33d17a"/>
<stop offset="1" stop-color="#3584e4"/>
</linearGradient>
<linearGradient id="f" gradientUnits="userSpaceOnUse" x1="64" x2="64" y1="20.265121" y2="87.734833">
<stop offset="0" stop-color="#ffffff" stop-opacity="0"/>
<stop offset="1" stop-color="#ffffff" stop-opacity="0.752941"/>
</linearGradient>
<clipPath id="g">
<rect height="128" width="128"/>
</clipPath>
<clipPath id="h">
<rect height="128" width="128"/>
</clipPath>
<mask id="i">
<g filter="url(#a)">
<g clip-path="url(#h)" filter="url(#a)">
<g clip-path="url(#g)">
<path d="m 49 92 h 30 v 28 h -30 z m 0 0" fill="url(#b)"/>
<path d="m 42 116 h 44.0625 c 1.9375 0 3.9375 2 3.9375 4 h -52 c 0 -2 2 -4 4 -4 z m 0 0" fill="url(#c)"/>
<path d="m 16 24 h 96 c 4.417969 0 8 3.582031 8 8 v 60 c 0 4.417969 -3.582031 8 -8 8 h -96 c -4.417969 0 -8 -3.582031 -8 -8 v -60 c 0 -4.417969 3.582031 -8 8 -8 z m 0 0" fill="url(#d)"/>
<path d="m 16 12 h 96 c 4.417969 0 8 3.582031 8 8 v 68 c 0 4.417969 -3.582031 8 -8 8 h -96 c -4.417969 0 -8 -3.582031 -8 -8 v -68 c 0 -4.417969 3.582031 -8 8 -8 z m 0 0" fill="#deddda"/>
<path d="m 16 16 h 96 c 2.210938 0 4 1.789062 4 4 v 68 c 0 2.210938 -1.789062 4 -4 4 h -96 c -2.210938 0 -4 -1.789062 -4 -4 v -68 c 0 -2.210938 1.789062 -4 4 -4 z m 0 0" fill="#241f31"/>
<path d="m 16 20 h 96 v 68 h -96 z m 0 0" fill="url(#e)"/>
<path d="m 16 20 h 96 v 68 h -96 z m 0 0" fill="url(#f)"/>
</g>
</g>
</g>
</mask>
<mask id="j">
<g filter="url(#a)">
<rect fill-opacity="0.8" height="184.32" width="184.32" x="-28.16" y="-28.16"/>
</g>
</mask>
<linearGradient id="k" gradientTransform="matrix(0 0.37 -0.98462 0 295.38501 -30.360001)" gradientUnits="userSpaceOnUse" x1="300" x2="428" y1="235" y2="235">
<stop offset="0" stop-color="#f9f06b"/>
<stop offset="1" stop-color="#f5c211"/>
</linearGradient>
<clipPath id="l">
<rect height="128" width="128"/>
</clipPath>
<clipPath id="m">
<rect height="128" width="128"/>
</clipPath>
<path d="m 49 92 h 30 v 28 h -30 z m 0 0" fill="url(#b)"/>
<path d="m 42 116 h 44.0625 c 1.9375 0 3.9375 2 3.9375 4 h -52 c 0 -2 2 -4 4 -4 z m 0 0" fill="url(#c)"/>
<path d="m 16 24 h 96 c 4.417969 0 8 3.582031 8 8 v 60 c 0 4.417969 -3.582031 8 -8 8 h -96 c -4.417969 0 -8 -3.582031 -8 -8 v -60 c 0 -4.417969 3.582031 -8 8 -8 z m 0 0" fill="url(#d)"/>
<path d="m 16 12 h 96 c 4.417969 0 8 3.582031 8 8 v 68 c 0 4.417969 -3.582031 8 -8 8 h -96 c -4.417969 0 -8 -3.582031 -8 -8 v -68 c 0 -4.417969 3.582031 -8 8 -8 z m 0 0" fill="#deddda"/>
<path d="m 16 16 h 96 c 2.210938 0 4 1.789062 4 4 v 68 c 0 2.210938 -1.789062 4 -4 4 h -96 c -2.210938 0 -4 -1.789062 -4 -4 v -68 c 0 -2.210938 1.789062 -4 4 -4 z m 0 0" fill="#241f31"/>
<path d="m 16 20 h 96 v 68 h -96 z m 0 0" fill="url(#e)"/>
<path d="m 16 20 h 96 v 68 h -96 z m 0 0" fill="url(#f)"/>
<g mask="url(#i)">
<g clip-path="url(#m)">
<g mask="url(#j)">
<g clip-path="url(#l)">
<path d="m 128 80.640625 v 47.359375 h -128 v -47.359375 z m 0 0" fill="url(#k)"/>
<path d="m 13.308594 80.640625 l 47.355468 47.359375 h 21.214844 l -47.359375 -47.359375 z m 42.421875 0 l 47.363281 47.359375 h 21.214844 l -47.363282 -47.359375 z m 42.429687 0 l 29.839844 29.839844 v -21.210938 l -8.628906 -8.628906 z m -98.160156 7.90625 v 21.214844 l 18.238281 18.238281 h 21.214844 z m 0 0"/>
</g>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5.2 KiB

445
resources/icons/monitortest.svg Normal file
View file

@ -0,0 +1,445 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
height="128px"
viewBox="0 0 128 128"
width="128px"
version="1.1"
id="svg64"
sodipodi:docname="monitortest.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<metadata
id="metadata70">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs68">
<linearGradient
id="linearGradient6"
inkscape:collect="always">
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="0"
id="stop8" />
<stop
style="stop-color:#ffffff;stop-opacity:0.7514264;"
offset="1"
id="stop10" />
</linearGradient>
<linearGradient
id="linearGradient3"
inkscape:collect="always">
<stop
style="stop-color:#e01b24;stop-opacity:1;"
offset="0"
id="stop3" />
<stop
style="stop-color:#33d17a;stop-opacity:1;"
offset="0.5"
id="stop6" />
<stop
style="stop-color:#3584e4;stop-opacity:1;"
offset="1"
id="stop5" />
</linearGradient>
<filter
id="filter62647-5-1-29"
inkscape:label="Better Shadow"
style="color-interpolation-filters:sRGB">
<feFlood
id="feFlood62637-04-2-75"
result="flood"
flood-color="rgb(0,0,0)"
flood-opacity="0.180392" />
<feComposite
id="feComposite62639-87-2-64"
result="composite1"
operator="in"
in2="SourceGraphic"
in="flood" />
<feGaussianBlur
id="feGaussianBlur62641-1-7-63"
result="blur"
stdDeviation="7"
in="composite1" />
<feOffset
id="feOffset62643-7-7-7"
result="offset"
dy="6"
dx="0" />
<feComposite
id="feComposite62645-2-9-9"
result="fbSourceGraphic"
operator="over"
in2="offset"
in="SourceGraphic" />
<feColorMatrix
id="feColorMatrix62793-7-1-7"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
in="fbSourceGraphic"
result="fbSourceGraphicAlpha" />
<feFlood
in="fbSourceGraphic"
result="flood"
flood-color="rgb(0,0,0)"
flood-opacity="0.34902"
id="feFlood62795-2-4-49" />
<feComposite
result="composite1"
operator="in"
in="flood"
id="feComposite62797-26-04-17"
in2="fbSourceGraphic" />
<feGaussianBlur
result="blur"
stdDeviation="3.5"
in="composite1"
id="feGaussianBlur62799-1-7-0" />
<feOffset
result="offset"
dy="3"
dx="0"
id="feOffset62801-06-8-6" />
<feComposite
result="composite2"
operator="over"
in="fbSourceGraphic"
id="feComposite62803-1-7-0"
in2="offset" />
</filter>
<linearGradient
y2="274"
x2="42"
y1="290"
x1="42"
gradientTransform="matrix(0.49999993,0,0,1,42.000004,-1.4e-5)"
gradientUnits="userSpaceOnUse"
id="linearGradient5052"
xlink:href="#linearGradient3379"
inkscape:collect="always" />
<linearGradient
inkscape:collect="always"
id="linearGradient3379">
<stop
style="stop-color:#c0bfbc;stop-opacity:1"
offset="0"
id="stop3375" />
<stop
style="stop-color:#77767b;stop-opacity:1"
offset="1"
id="stop3377" />
</linearGradient>
<linearGradient
y2="288"
x2="66"
y1="284"
x1="66"
gradientTransform="translate(20,3.999986)"
gradientUnits="userSpaceOnUse"
id="linearGradient5054"
xlink:href="#linearGradient3723"
inkscape:collect="always" />
<linearGradient
id="linearGradient3723"
inkscape:collect="always">
<stop
id="stop3719-4"
offset="0"
style="stop-color:#f6f5f4;stop-opacity:1" />
<stop
id="stop3721-8"
offset="1"
style="stop-color:#deddda;stop-opacity:1" />
</linearGradient>
<linearGradient
y2="-449.39401"
x2="536.59589"
y1="-449.39401"
x1="88.595886"
gradientTransform="matrix(0.25,0,0,0.25,-14.14897,400.34849)"
gradientUnits="userSpaceOnUse"
id="linearGradient5056"
xlink:href="#linearGradient1078"
inkscape:collect="always" />
<linearGradient
id="linearGradient1078"
inkscape:collect="always">
<stop
id="stop1066"
offset="0"
style="stop-color:#77767b;stop-opacity:1" />
<stop
style="stop-color:#c0bfbc;stop-opacity:1"
offset="0.03571429"
id="stop1068" />
<stop
id="stop1070"
offset="0.07136531"
style="stop-color:#9a9996;stop-opacity:1" />
<stop
style="stop-color:#9a9996;stop-opacity:1"
offset="0.9285714"
id="stop1072" />
<stop
id="stop1074"
offset="0.96428573"
style="stop-color:#c0bfbc;stop-opacity:1" />
<stop
id="stop1076"
offset="1"
style="stop-color:#77767b;stop-opacity:1" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient3"
id="linearGradient5"
x1="16"
y1="242"
x2="112"
y2="242"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient6"
id="linearGradient10"
x1="64"
y1="208.26512"
x2="64"
y2="275.73483"
gradientUnits="userSpaceOnUse" />
</defs>
<sodipodi:namedview
inkscape:document-rotation="0"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1011"
id="namedview66"
showgrid="false"
inkscape:zoom="1.3828125"
inkscape:cx="-184.76836"
inkscape:cy="48.813559"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg64"
inkscape:showpageshadow="2"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<linearGradient
id="a"
gradientUnits="userSpaceOnUse"
x1="42.000004"
x2="42.000004"
y1="117.999986"
y2="101.999986">
<stop
offset="0"
stop-color="#c0bfbc"
id="stop2" />
<stop
offset="1"
stop-color="#77767b"
id="stop4" />
</linearGradient>
<linearGradient
id="b"
gradientUnits="userSpaceOnUse"
x1="76.000004"
x2="76.000004"
y1="115.999986"
y2="119.999986">
<stop
offset="0"
stop-color="#f6f5f4"
id="stop7" />
<stop
offset="1"
stop-color="#deddda"
id="stop9" />
</linearGradient>
<linearGradient
id="c"
gradientUnits="userSpaceOnUse"
x1="8.0000015"
x2="120.0000015"
y1="99.999977"
y2="99.999977">
<stop
offset="0"
stop-color="#77767b"
id="stop12" />
<stop
offset="0.0357143"
stop-color="#c0bfbc"
id="stop14" />
<stop
offset="0.0713653"
stop-color="#9a9996"
id="stop16" />
<stop
offset="0.928571"
stop-color="#9a9996"
id="stop18" />
<stop
offset="0.964286"
stop-color="#c0bfbc"
id="stop20" />
<stop
offset="1"
stop-color="#77767b"
id="stop22" />
</linearGradient>
<radialGradient
id="d"
cx="100.2743"
cy="-60.347862"
gradientTransform="matrix(0.248889 0 0 0.374427 5.451858 60.729202)"
gradientUnits="userSpaceOnUse"
r="225">
<stop
offset="0"
stop-color="#dc8add"
id="stop25" />
<stop
offset="1"
stop-color="#1c71d8"
id="stop27" />
</radialGradient>
<filter
id="e"
height="1"
width="1"
x="0"
y="0">
<feColorMatrix
in="SourceGraphic"
type="matrix"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"
id="feColorMatrix30" />
</filter>
<mask
id="f">
<g
filter="url(#e)"
id="g35">
<rect
fill-opacity="0.753"
height="128"
width="128"
id="rect33" />
</g>
</mask>
<radialGradient
id="g"
cx="340.172058"
cy="275.123993"
gradientTransform="matrix(0.284127 0 0 0.586379 -6.586177 -56.264008)"
gradientUnits="userSpaceOnUse"
r="225">
<stop
offset="0"
stop-color="#a347ba"
id="stop38" />
<stop
offset="1"
stop-color="#c061cb"
stop-opacity="0.125984"
id="stop40" />
</radialGradient>
<clipPath
id="h">
<rect
height="128"
width="128"
id="rect43" />
</clipPath>
<g
id="g4945-1"
transform="translate(-9747.8447,-1841.8503)">
<g
transform="translate(9737.8443,1669.8503)"
id="g4925-9"
style="display:inline;enable-background:new">
<rect
style="display:inline;opacity:1;fill:url(#linearGradient5052);fill-opacity:1;stroke:none;stroke-width:0.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new"
id="rect4921-8"
width="29.999996"
height="28"
x="59.000004"
y="264" />
<path
style="display:inline;opacity:1;fill:url(#linearGradient5054);fill-opacity:1;stroke:none;stroke-width:5;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;enable-background:new"
d="m 52,287.99998 h 44.0625 c 1.9375,0 3.9375,2 3.9375,4 H 48 c 0,-2 2,-4 4,-4 z"
id="path4923-4"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccc" />
</g>
<g
transform="translate(9747.8443,1653.8503)"
id="g4943-8"
style="display:inline;enable-background:new">
<rect
ry="8"
rx="7.9999995"
y="212"
x="8"
height="76"
width="112.00001"
id="rect4927-1"
style="display:inline;opacity:1;vector-effect:none;fill:url(#linearGradient5056);fill-opacity:1;stroke:none;stroke-width:0.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new" />
<rect
style="display:inline;opacity:1;vector-effect:none;fill:#deddda;fill-opacity:1;stroke:none;stroke-width:0.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new"
id="rect4929-0"
width="112.00001"
height="84"
x="8"
y="200.00002"
rx="7.9999995"
ry="8" />
<rect
rx="4"
style="display:inline;opacity:1;vector-effect:none;fill:#241f31;fill-opacity:1;stroke:none;stroke-width:0.0112982px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new"
id="rect4931-3"
width="104"
height="76"
x="12"
y="204.00002"
ry="4" />
<rect
y="208"
x="16"
height="68"
width="96"
id="rect4933-0"
style="display:inline;opacity:1;vector-effect:none;fill:url(#linearGradient5);fill-opacity:1;stroke:none;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:0.5, 1;stroke-dashoffset:0;stroke-opacity:0.948819;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new" />
<rect
y="208"
x="16"
height="68"
width="96"
id="rect6"
style="display:inline;opacity:1;vector-effect:none;fill:url(#linearGradient10);fill-opacity:1;stroke:none;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:0.5, 1;stroke-dashoffset:0;stroke-opacity:0.948819;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new" />
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 13 KiB