Fix alignment and add icons

This commit is contained in:
Late Night Defender 2023-08-03 02:37:58 +07:00
parent 9a48e1f794
commit 0c558b106e
11 changed files with 453 additions and 28 deletions

BIN
icons/c4c.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

BIN
icons/dawncraft.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

184
icons/f4c.svg Normal file
View file

@ -0,0 +1,184 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="128pt"
height="128pt"
viewBox="0 0 128 128"
version="1.1"
id="svg80"
sodipodi:docname="logo_f4c_adw.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
xml:space="preserve"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview82"
pagecolor="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#505050"
inkscape:document-units="pt"
showgrid="false"
inkscape:zoom="5.2851564"
inkscape:cx="83.25203"
inkscape:cy="71.521062"
inkscape:window-width="1920"
inkscape:window-height="1131"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="text2972" /><defs
id="defs45"><linearGradient
id="linear0"
gradientUnits="userSpaceOnUse"
x1="88.595886"
y1="-449.394012"
x2="536.595886"
y2="-449.394012"
gradientTransform="matrix(0.232143,0,0,0.328947,-8.566925,263.826965)"><stop
offset="0"
style="stop-color:rgb(75.294119%,74.901962%,73.725492%);stop-opacity:1;"
id="stop2" /><stop
offset="0.0384615"
style="stop-color:rgb(96.470588%,96.078432%,95.686275%);stop-opacity:1;"
id="stop4" /><stop
offset="0.0768555"
style="stop-color:rgb(75.294119%,74.901962%,73.725492%);stop-opacity:1;"
id="stop6" /><stop
offset="0.923077"
style="stop-color:rgb(75.294119%,74.901962%,73.725492%);stop-opacity:1;"
id="stop8" /><stop
offset="0.961538"
style="stop-color:rgb(96.470588%,96.078432%,95.686275%);stop-opacity:1;"
id="stop10" /><stop
offset="1"
style="stop-color:rgb(75.294119%,74.901962%,73.725492%);stop-opacity:1;"
id="stop12" /></linearGradient><linearGradient
id="linear1"
gradientUnits="userSpaceOnUse"
x1="62"
y1="284"
x2="62"
y2="216.322327"
gradientTransform="matrix(1,0,0,1,4.000003,0)"><stop
offset="0"
style="stop-color:rgb(89.803922%,64.705884%,3.921569%);stop-opacity:1;"
id="stop15" /><stop
offset="1"
style="stop-color:rgb(96.470588%,82.745099%,17.647059%);stop-opacity:1;"
id="stop17" /></linearGradient><linearGradient
id="linear2"
gradientUnits="userSpaceOnUse"
x1="70"
y1="280"
x2="70"
y2="222"
gradientTransform="matrix(1,0,0,1,4.000003,0)"><stop
offset="0"
style="stop-color:rgb(87.843138%,10.588235%,14.117648%);stop-opacity:1;"
id="stop20" /><stop
offset="1"
style="stop-color:rgb(96.470588%,38.039216%,31.764707%);stop-opacity:1;"
id="stop22" /></linearGradient><linearGradient
id="linear3"
gradientUnits="userSpaceOnUse"
x1="79"
y1="218"
x2="95"
y2="218"
gradientTransform="matrix(0.000000000000000061,-1,1,0.000000000000000061,-128.999997,137)"><stop
offset="0"
style="stop-color:rgb(87.843138%,10.588235%,14.117648%);stop-opacity:1;"
id="stop25" /><stop
offset="1"
style="stop-color:rgb(97.254902%,53.333336%,48.627451%);stop-opacity:1;"
id="stop27" /></linearGradient><linearGradient
id="linear4"
gradientUnits="userSpaceOnUse"
x1="-71.999977"
y1="-262"
x2="-71.999977"
y2="-189.053665"
gradientTransform="matrix(1,0,0,-1,130,20)"><stop
offset="0"
style="stop-color:rgb(10.196079%,37.254903%,70.588237%);stop-opacity:1;"
id="stop30" /><stop
offset="1"
style="stop-color:rgb(38.431373%,62.7451%,91.764706%);stop-opacity:1;"
id="stop32" /></linearGradient><linearGradient
id="linear5"
gradientUnits="userSpaceOnUse"
x1="55"
y1="198"
x2="71"
y2="198"
gradientTransform="matrix(0.000000000000000061,-1,1,0.000000000000000061,-160.999996,136)"><stop
offset="0"
style="stop-color:rgb(20.784314%,51.764709%,89.411765%);stop-opacity:1;"
id="stop35" /><stop
offset="1"
style="stop-color:rgb(59.607846%,75.686276%,94.509804%);stop-opacity:1;"
id="stop37" /></linearGradient><linearGradient
id="linear6"
gradientUnits="userSpaceOnUse"
x1="31"
y1="270"
x2="47"
y2="270"
gradientTransform="matrix(0.000000000000000061,-1,1,0.000000000000000061,-206.999996,65.000008)"><stop
offset="0"
style="stop-color:rgb(89.803922%,64.705884%,3.921569%);stop-opacity:1;"
id="stop40" /><stop
offset="1"
style="stop-color:rgb(97.254902%,89.411765%,36.078432%);stop-opacity:1;"
id="stop42" /></linearGradient><rect
x="-10.841337"
y="-111.81348"
width="386.78352"
height="246.51269"
id="rect2600" /></defs><g
id="surface102707"><path
style=" stroke:none;fill-rule:nonzero;fill:url(#linear0);"
d="M 20 16 L 108 16 C 112.417969 16 116 19.582031 116 24 L 116 108 C 116 112.417969 112.417969 116 108 116 L 20 116 C 15.582031 116 12 112.417969 12 108 L 12 24 C 12 19.582031 15.582031 16 20 16 Z M 20 16 "
id="path47" /><path
style=" stroke:none;fill-rule:nonzero;fill:rgb(96.470588%,96.078432%,95.686275%);fill-opacity:1;"
d="M 20 12 L 108 12 C 112.417969 12 116 15.582031 116 20 L 116 104 C 116 108.417969 112.417969 112 108 112 L 20 112 C 15.582031 112 12 108.417969 12 104 L 12 20 C 12 15.582031 15.582031 12 20 12 Z M 20 12 "
id="path49" /></g><g
aria-label="F"
id="text2972"
style="font-size:75px;font-family:Nunito;-inkscape-font-specification:Nunito;text-align:end;text-anchor:end;fill:#fafafa;stroke-width:0.283465;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"><g
aria-label="FOSS"
id="text1247"
style="font-size:42px;font-family:Bebas;-inkscape-font-specification:Bebas;fill:#2c2c2c"><path
d="m 18.783973,57.980003 h 4.452 v -12.39 h 6.3 v -4.2 h -6.3 v -8.61 h 7.98 v -4.2 h -12.432 z"
id="path1397" /><path
d="m 41.421984,58.400003 c 4.284,0 7.14,-2.856 7.14,-7.098 v -16.044 c 0,-4.242 -2.856,-7.098 -7.14,-7.098 -4.284,0 -7.14,2.856 -7.14,7.098 v 16.044 c 0,4.242 2.856,7.098 7.14,7.098 z m 0,-4.2 c -1.638,0 -2.688,-1.05 -2.688,-2.898 v -16.044 c 0,-1.848 1.05,-2.898 2.688,-2.898 1.638,0 2.688,1.05 2.688,2.898 v 16.044 c 0,1.848 -1.05,2.898 -2.688,2.898 z"
id="path1399" /><path
d="m 59.229972,58.400003 c 4.242,0 7.182,-3.024 7.182,-7.224 0,-3.234 -1.386,-5.376 -5.67,-9.66 -3.15,-3.15 -4.074,-4.494 -4.074,-6.342 0,-1.848 0.882,-2.814 2.436,-2.814 1.554,0 2.436,1.176 2.436,3.444 v 0.84 l 4.284,-0.462 v -0.756 c 0,-4.41 -2.52,-7.266 -6.762,-7.266 -4.242,0 -6.762,2.856 -6.762,7.224 0,3.234 1.26,5.502 5.67,9.66 3.318,3.15 4.074,4.494 4.074,6.342 0,1.722 -1.092,2.814 -2.856,2.814 -1.764,0 -2.856,-1.302 -2.856,-3.444 v -1.092 l -4.284,0.462 v 1.05 c 0,4.2 2.94,7.224 7.182,7.224 z"
id="path1401" /><path
d="m 76.366012,58.400003 c 4.242,0 7.182,-3.024 7.182,-7.224 0,-3.234 -1.386,-5.376 -5.67,-9.66 -3.15,-3.15 -4.074,-4.494 -4.074,-6.342 0,-1.848 0.882,-2.814 2.436,-2.814 1.554,0 2.436,1.176 2.436,3.444 v 0.84 l 4.284,-0.462 v -0.756 c 0,-4.41 -2.52,-7.266 -6.762,-7.266 -4.242,0 -6.762,2.856 -6.762,7.224 0,3.234 1.26,5.502 5.67,9.66 3.318,3.15 4.074,4.494 4.074,6.342 0,1.722 -1.092,2.814 -2.856,2.814 -1.764,0 -2.856,-1.302 -2.856,-3.444 v -1.092 l -4.284,0.462 v 1.05 c 0,4.2 2.94,7.224 7.182,7.224 z"
id="path1403" /></g><g
aria-label="Change"
id="text1348"
style="font-size:36px;font-family:Bebas;-inkscape-font-specification:Bebas;fill:#9b59d0"><path
d="m 24.759974,98.663947 c 3.564,0 5.976,-2.448 5.976,-5.976 v -3.6 h -3.744 v 3.6 c 0,1.476 -0.9,2.376 -2.196,2.376 -1.296,0 -2.196,-0.9 -2.196,-2.376 v -13.968 c 0,-1.476 0.9,-2.376 2.196,-2.376 1.296,0 2.196,0.9 2.196,2.376 v 2.952 h 3.744 v -2.952 c 0,-3.528 -2.412,-5.976 -5.976,-5.976 -3.564,0 -5.976,2.448 -5.976,5.976 v 13.968 c 0,3.528 2.412,5.976 5.976,5.976 z"
id="path2234" /><path
d="m 38.043977,98.303947 v -10.98 h 4.536 v 10.98 h 3.816 v -25.2 h -3.816 v 10.62 h -4.536 v -10.62 h -3.816 v 25.2 z"
id="path2236" /><path
d="m 58.923994,98.303947 h 3.888 l -4.176,-25.2 h -5.112 l -4.176,25.2 h 3.816 l 0.828,-5.58 h 4.104 z m -4.428,-9.252 1.548,-10.548 1.548,10.548 z"
id="path2238" /><path
d="m 65.764025,98.303947 h 3.744 v -16.128 l 5.04,16.128 h 4.032 v -25.2 h -3.744 v 16.92 l -4.86,-16.92 h -4.212 z"
id="path2240" /><path
d="m 94.67203,80.951947 v -2.124 c 0,-3.636 -2.448,-6.084 -6.12,-6.084 -3.672,0 -6.12,2.448 -6.12,6.084 v 13.752 c 0,3.636 2.448,6.084 6.12,6.084 3.672,0 6.12,-2.448 6.12,-6.084 v -8.064 h -6.12 v 3.6 h 2.304 v 4.464 c 0,1.584 -0.9,2.484 -2.304,2.484 -1.404,0 -2.304,-0.9 -2.304,-2.484 v -13.752 c 0,-1.584 0.9,-2.484 2.304,-2.484 1.404,0 2.304,0.9 2.304,2.484 v 2.124 z"
id="path2242" /><path
d="m 98.38003,98.303947 h 10.836 v -3.6 h -7.02 v -7.38 h 5.58 v -3.6 h -5.58 v -7.02 h 7.02 v -3.6 h -10.836 z"
id="path2244" /></g><g
aria-label="4"
id="text1456"
style="font-size:56px;font-family:Bebas;-inkscape-font-specification:Bebas;fill:#2c2c2c"
transform="translate(1.23203,-1.12)"><path
d="m 107.984,50.224 h -3.192 V 24.8 h -7.056002 l -10.472,25.704 v 5.32 h 11.592 V 64 H 104.792 v -8.176 h 3.192 z m -15.120002,0 5.992,-15.4 v 15.4 z"
id="path2247" /></g></g></svg>

After

Width:  |  Height:  |  Size: 9.8 KiB

2
icons/inv.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="512pt" height="512pt" version="1.0" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><g><rect x="-.0072516" y=".00056299" width="512.01" height="512.02" fill="#575757" stroke-width=".063019"/><path d="m247.17 455.95c-19.792-0.78921-38.719-4.2564-57.154-10.47-60.968-20.55-108.68-68.579-127-127.86-7.8955-25.538-10.062-53.943-6.2586-82.067 3.7105-27.439 13.603-53.515 29.342-77.344 12.069-18.273 29.138-36.277 47.228-49.816 36.891-27.61 85.944-42.49 132.38-40.157 25.88 1.3001 49.939 6.765 73.106 16.606 8.1948 3.481 20.024 9.6845 27.696 14.525 14.15 8.9272 22.367 15.498 34.482 27.573 13.254 13.211 22.128 24.276 30.398 37.906 7.2081 11.879 14.099 27.15 18.229 40.397 1.5996 5.1305 4.442 16.456 5.6852 22.653 2.3908 11.917 2.6998 15.722 2.7049 33.312 6e-3 18.515-0.46256 24.413-2.9166 36.758-9.3274 46.92-35.58 88.167-74.872 117.64-22.814 17.112-50.027 29.535-78.547 35.858-16.714 3.7059-35.421 5.2453-54.498 4.4846zm-35.1-78.786c-5.3e-4 -0.52647-0.0741-2.0564-0.16311-3.3999l-0.16178-2.4427-4.7018-0.26271c-4.0477-0.22614-4.7968-0.33363-5.3847-0.77253-2.0235-1.5108-1.4679-6.0695 2.2494-18.457 0.8637-2.8781 3.3371-11.321 5.4966-18.762 2.1594-7.4409 5.2002-17.836 6.7573-23.101 1.5571-5.2648 4.1948-14.282 5.8615-20.038 1.6667-5.7562 3.6145-12.4 4.3284-14.764 0.71391-2.3641 3.2583-11.037 5.6542-19.272 4.9475-17.007 8.1626-27.723 8.9438-29.811 0.51852-1.3858 0.54785-1.4139 0.99761-0.95317 0.25486 0.26106 3.8462 7.3667 7.9807 15.79 4.1345 8.4236 13.089 26.573 19.898 40.331 17.188 34.73 37.849 76.578 43.261 87.622l4.5356 9.257 11.359-0.0895c6.2475-0.0492 11.615-0.19623 11.929-0.32672 0.5614-0.23385 0.54167-0.2959-1.3723-4.3176-1.068-2.2442-8.1436-16.601-15.724-31.904-48.687-98.293-61.22-123.86-67.889-138.48-4.7022-10.309-6.9031-14.807-7.7139-15.762-0.82931-0.97742-1.6319-1.0638-2.3704-0.25525-1.1993 1.313-4.1046 10.063-9.3869 28.27-2.0569 7.0899-6.5372 22.425-9.9562 34.077-6.6396 22.629-8.5182 29.037-14.33 48.883-2.0354 6.9495-4.7977 16.369-6.1385 20.931-1.3408 4.5628-4.033 13.81-5.9826 20.549-4.304 14.877-6.136 20.889-7.3886 24.25-2.1371 5.7334-2.5723 6.3292-4.9216 6.7384-0.88855 0.15472-2.4102 0.28196-3.3815 0.28275-2.1993 3e-3 -3.5494 0.36339-4.0558 1.0863-0.42176 0.60215-0.56421 4.8802-0.18251 5.4812 0.20573 0.32388 2.4672 0.37414 23.34 0.51873l8.6151 0.0597-7e-4 -0.95723zm36.751-205.59c4.3282-0.92335 8.4607-4.943 9.4374-9.1796 0.36569-1.5862 0.32543-4.9758-0.077-6.4799-0.85108-3.1813-3.2688-6.291-6.039-7.7675-3.8111-2.0313-9.456-2.0295-13.272 5e-3 -5.9828 3.1888-8.1556 11.089-4.7878 17.408 2.6995 5.0648 8.3611 7.3754 14.738 6.015z" fill="#f0f0f0" stroke-width=".025526"/></g><g transform="matrix(.069892 0 0 -.069892 44.236 474.48)"><path d="m2787 4669c-124-65-123-255 3-319 86-44 196-16 247 62 58 87 26 211-67 258-51 26-132 26-183-1z" fill="#00b6f0" stroke="#00b6f0" stroke-width="4.25"/><path d="m2882 4108c-12-16-63-166-102-303-30-104-101-350-165-565-20-69-58-199-85-290-26-91-64-221-85-290-20-69-58-199-85-290-26-91-64-221-85-290-20-69-57-195-81-280-59-207-93-299-115-310-10-6-35-10-56-10-73 0-84-8-81-54l3-41 228-3 228-2-3 47-3 48-73 3c-66 3-74 5-84 27-13 28 0 104 37 225 13 41 47 156 75 255s66 230 85 290c18 61 56 191 85 290 28 99 66 230 85 290 18 61 56 191 85 290 85 297 123 419 131 429 5 5 17-11 28-35 10-24 192-393 403-819s447-902 523-1058l139-282h168c92 0 168 4 168 8s-75 158-166 342c-588 1183-969 1958-1033 2100-29 63-69 151-89 195-44 95-58 110-80 83z" fill="#575757"/></g></svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
icons/librespeed.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

182
icons/ll.svg Normal file
View file

@ -0,0 +1,182 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="128pt"
height="128pt"
viewBox="0 0 128 128"
version="1.1"
id="svg80"
sodipodi:docname="LittleLines-adw.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
xml:space="preserve"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview82"
pagecolor="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#505050"
inkscape:document-units="pt"
showgrid="false"
inkscape:zoom="2.6425781"
inkscape:cx="28.381375"
inkscape:cy="23.461937"
inkscape:window-width="1406"
inkscape:window-height="1003"
inkscape:window-x="26"
inkscape:window-y="23"
inkscape:window-maximized="0"
inkscape:current-layer="g2215" /><defs
id="defs45"><linearGradient
id="linear0"
gradientUnits="userSpaceOnUse"
x1="88.595886"
y1="-449.394012"
x2="536.595886"
y2="-449.394012"
gradientTransform="matrix(0.232143,0,0,0.328947,-8.566925,263.826965)"><stop
offset="0"
style="stop-color:#c64600;stop-opacity:1;"
id="stop2" /><stop
offset="0.0384615"
style="stop-color:#ffbe6f;stop-opacity:1;"
id="stop4" /><stop
offset="0.0768555"
style="stop-color:#c64600;stop-opacity:1;"
id="stop6" /><stop
offset="0.92307699"
style="stop-color:#c64600;stop-opacity:1;"
id="stop8" /><stop
offset="0.96153802"
style="stop-color:#ffbe6f;stop-opacity:1;"
id="stop10" /><stop
offset="1"
style="stop-color:#c64600;stop-opacity:1;"
id="stop12" /></linearGradient><linearGradient
id="linear1"
gradientUnits="userSpaceOnUse"
x1="62"
y1="284"
x2="62"
y2="216.322327"
gradientTransform="matrix(1,0,0,1,4.000003,0)"><stop
offset="0"
style="stop-color:rgb(89.803922%,64.705884%,3.921569%);stop-opacity:1;"
id="stop15" /><stop
offset="1"
style="stop-color:rgb(96.470588%,82.745099%,17.647059%);stop-opacity:1;"
id="stop17" /></linearGradient><linearGradient
id="linear2"
gradientUnits="userSpaceOnUse"
x1="70"
y1="280"
x2="70"
y2="222"
gradientTransform="matrix(1,0,0,1,4.000003,0)"><stop
offset="0"
style="stop-color:rgb(87.843138%,10.588235%,14.117648%);stop-opacity:1;"
id="stop20" /><stop
offset="1"
style="stop-color:rgb(96.470588%,38.039216%,31.764707%);stop-opacity:1;"
id="stop22" /></linearGradient><linearGradient
id="linear3"
gradientUnits="userSpaceOnUse"
x1="79"
y1="218"
x2="95"
y2="218"
gradientTransform="matrix(0.000000000000000061,-1,1,0.000000000000000061,-128.999997,137)"><stop
offset="0"
style="stop-color:rgb(87.843138%,10.588235%,14.117648%);stop-opacity:1;"
id="stop25" /><stop
offset="1"
style="stop-color:rgb(97.254902%,53.333336%,48.627451%);stop-opacity:1;"
id="stop27" /></linearGradient><linearGradient
id="linear4"
gradientUnits="userSpaceOnUse"
x1="-71.999977"
y1="-262"
x2="-71.999977"
y2="-189.053665"
gradientTransform="matrix(1,0,0,-1,130,20)"><stop
offset="0"
style="stop-color:rgb(10.196079%,37.254903%,70.588237%);stop-opacity:1;"
id="stop30" /><stop
offset="1"
style="stop-color:rgb(38.431373%,62.7451%,91.764706%);stop-opacity:1;"
id="stop32" /></linearGradient><linearGradient
id="linear5"
gradientUnits="userSpaceOnUse"
x1="55"
y1="198"
x2="71"
y2="198"
gradientTransform="matrix(0.000000000000000061,-1,1,0.000000000000000061,-160.999996,136)"><stop
offset="0"
style="stop-color:rgb(20.784314%,51.764709%,89.411765%);stop-opacity:1;"
id="stop35" /><stop
offset="1"
style="stop-color:rgb(59.607846%,75.686276%,94.509804%);stop-opacity:1;"
id="stop37" /></linearGradient><linearGradient
id="linear6"
gradientUnits="userSpaceOnUse"
x1="31"
y1="270"
x2="47"
y2="270"
gradientTransform="matrix(0.000000000000000061,-1,1,0.000000000000000061,-206.999996,65.000008)"><stop
offset="0"
style="stop-color:rgb(89.803922%,64.705884%,3.921569%);stop-opacity:1;"
id="stop40" /><stop
offset="1"
style="stop-color:rgb(97.254902%,89.411765%,36.078432%);stop-opacity:1;"
id="stop42" /></linearGradient><rect
x="-10.841337"
y="-111.81348"
width="386.78352"
height="246.51269"
id="rect2600" /><rect
x="-10.841337"
y="-111.81348"
width="386.78352"
height="246.51269"
id="rect2600-8" /><rect
x="-10.841337"
y="-111.81348"
width="386.78352"
height="246.51269"
id="rect2600-87" /></defs><g
id="surface102707"><path
style=" stroke:none;fill-rule:nonzero;fill:url(#linear0);"
d="M 20 16 L 108 16 C 112.417969 16 116 19.582031 116 24 L 116 108 C 116 112.417969 112.417969 116 108 116 L 20 116 C 15.582031 116 12 112.417969 12 108 L 12 24 C 12 19.582031 15.582031 16 20 16 Z M 20 16 "
id="path47" /><path
style="stroke:none;fill-rule:nonzero;fill:#f16322;fill-opacity:1"
d="M 20 12 L 108 12 C 112.417969 12 116 15.582031 116 20 L 116 104 C 116 108.417969 112.417969 112 108 112 L 20 112 C 15.582031 112 12 108.417969 12 104 L 12 20 C 12 15.582031 15.582031 12 20 12 Z M 20 12 "
id="path49" /><g
id="g2215"
transform="matrix(1.2800121,0,0,1.2800121,-27.703513,-22.587834)"><g
id="g2215-2"><g
id="g1539"
transform="translate(3.9576912,1.5765686)"><path
id="rect1418"
style="fill:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 45.042309,46.052402 h 9.999996 v 41.375905 h -9.999996 z" /><path
id="rect1420"
style="fill:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 50.042305,82.423424 h 25.000008 v 9.999998 H 50.042305 Z" /><path
id="path1417"
style="fill:#ffffff;fill-rule:evenodd;stroke:#ffffff;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 55.042304,87.423424 a 4.9999986,4.9999986 0 0 1 -4.999999,4.999998 4.9999986,4.9999986 0 0 1 -4.999999,-4.999998 4.9999986,4.9999986 0 0 1 4.999999,-4.999999 4.9999986,4.9999986 0 0 1 4.999999,4.999999 z" /></g><path
id="path1593"
style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:4.58311;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
d="m 90.565258,88.999992 a 6.0417747,6.0417757 0 0 1 -6.041775,6.041776 6.0417747,6.0417757 0 0 1 -6.041774,-6.041776 6.0417747,6.0417757 0 0 1 6.041774,-6.041775 6.0417747,6.0417757 0 0 1 6.041775,6.041775 z" /><path
id="path1593-3"
style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:4.58311;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
d="M 60.041775,43.167244 A 6.0417752,6.0417733 0 0 1 54,49.209017 6.0417752,6.0417733 0 0 1 47.958225,43.167244 6.0417752,6.0417733 0 0 1 54,37.125471 a 6.0417752,6.0417733 0 0 1 6.041775,6.041773 z" /><path
d="m 83.333007,66.291553 v 16.666664 h 2.380952 v -7.142855 h 2.836685 l 0.8603,1.720609 c 0.20461,0.404576 0.6185,0.660341 1.06491,0.660341 h 5.95238 c 0.66035,0 1.19048,-0.534782 1.19048,-1.190474 v -7.142857 c 0,-0.655691 -0.53013,-1.190476 -1.19048,-1.190476 h -4.02249 l -0.86497,-1.725259 c -0.19996,-0.399925 -0.61383,-0.655693 -1.06492,-0.655693 z m 0,0"
id="path1836"
style="fill:#ffffff;stroke-width:1.19048" /></g></g></g></svg>

After

Width:  |  Height:  |  Size: 8.2 KiB

11
icons/nextcloud.svg Normal file
View file

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 26.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" inkscape:export-filename="nextcloud-logo-transparent.png" inkscape:export-xdpi="299.75104" inkscape:version="0.92.3 (2405546, 2018-03-11)" sodipodi:docname="nextcloud-logo-transparent.svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 141.5 99.6" style="enable-background:new 0 0 141.5 99.6;" xml:space="preserve">
<style type="text/css">
.st0{fill:#0082C9;}
</style>
<sodipodi:namedview bordercolor="#666666" borderopacity="1" fit-margin-bottom="10" fit-margin-left="10" fit-margin-right="10" fit-margin-top="10" gridtolerance="10" guidetolerance="10" id="namedview16" inkscape:bbox-nodes="true" inkscape:bbox-paths="true" inkscape:current-layer="Layer_1" inkscape:cx="-34.704986" inkscape:cy="33.920203" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:snap-bbox="true" inkscape:snap-bbox-edge-midpoints="true" inkscape:snap-bbox-midpoints="true" inkscape:snap-page="true" inkscape:window-height="1046" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="0" inkscape:window-y="34" inkscape:zoom="2.8284271" objecttolerance="10" pagecolor="#ffffff" showgrid="false" units="px">
</sodipodi:namedview>
<path id="path1052" inkscape:connector-curvature="0" inkscape:export-filename="Nextcloud Hub logo variants.png" inkscape:export-xdpi="300" inkscape:export-ydpi="300" class="st0" d=" M70.8,10c-12.6,0-23.3,8.5-26.6,20.1C41.4,24,35.2,19.7,28,19.7c-9.9,0-18,8.1-18,18c0,9.9,8.1,18,18,18c7.2,0,13.4-4.3,16.3-10.4 c3.3,11.6,14,20.1,26.6,20.1c12.5,0,23.1-8.4,26.5-19.8c2.9,6,9.1,10.2,16.2,10.2c9.9,0,18-8.1,18-18c0-9.9-8.1-18-18-18 c-7.1,0-13.2,4.2-16.2,10.2C94,18.4,83.3,10,70.8,10z M70.8,20.6c9.5,0,17.1,7.6,17.1,17.1c0,9.5-7.6,17.1-17.1,17.1 c-9.5,0-17.1-7.6-17.1-17.1C53.7,28.1,61.3,20.6,70.8,20.6z M28,30.2c4.2,0,7.4,3.3,7.4,7.4c0,4.2-3.3,7.4-7.4,7.4 c-4.2,0-7.4-3.3-7.4-7.4C20.6,33.5,23.8,30.2,28,30.2z M113.5,30.2c4.2,0,7.4,3.3,7.4,7.4c0,4.2-3.3,7.4-7.4,7.4 c-4.2,0-7.4-3.3-7.4-7.4C106.1,33.5,109.3,30.2,113.5,30.2z"/>
<path id="path1174" inkscape:connector-curvature="0" class="st0" d="M22.7,73.6c-0.4,0-0.5,0.2-0.5,0.6v14.6c0,0.4,0.2,0.5,0.5,0.5 h0.4c0.4,0,0.5-0.2,0.5-0.5V76.7L31.5,89c0,0.1,0.1,0.1,0.1,0.1c0,0,0,0,0,0c0,0,0.1,0,0.1,0.1c0,0,0,0,0.1,0c0,0,0,0,0,0 c0.1,0,0.1,0,0.2,0h0.4c0.4,0,0.5-0.2,0.5-0.5V74.2c0-0.4-0.2-0.6-0.5-0.6h-0.4c-0.4,0-0.6,0.2-0.6,0.6v12.1L23.6,74 c0,0-0.1-0.1-0.1-0.1c-0.1-0.1-0.2-0.2-0.4-0.2L22.7,73.6z M118,73.8c-0.4,0-0.2,0.2-0.2,0.6v5c0,0.5,0,0.9,0,0.9h0 c0,0-1-2.2-3.6-2.2c-2.9,0-5,2.3-4.9,5.7c0,3.4,1.9,5.8,4.8,5.8c2.9,0,3.8-2.3,3.8-2.3h0.1c0,0-0.1,0.3-0.1,0.7v0.9 c0,0.4,0.2,0.5,0.6,0.5h0.4c0.4,0,0.5-0.2,0.5-0.6V74.4c0-0.4-0.6-0.6-0.9-0.6H118z M79,73.9c-0.4,0-0.1,0.2-0.1,0.6v12.3 c0,2.4,1.6,2.7,2.5,2.7c0.4,0,0.6-0.2,0.6-0.6v-0.4c0-0.4-0.2-0.5-0.5-0.5c-0.5-0.1-1.2-0.2-1.2-1.6v-12c0-0.4-0.6-0.6-0.9-0.6 L79,73.9z M61,75.2c-0.4,0-0.6,0.2-0.6,0.6v2.6v1.3v5.7c0,2.6,1.5,4.1,3.9,4.1c0.5,0,0.6-0.1,0.6-0.5v-0.3c0-0.4-0.1-0.5-0.6-0.6 c-0.9-0.1-2.4-0.4-2.4-2.9v-5.5h2.3c0.4,0,0.6-0.1,0.6-0.5v-0.2c0-0.4-0.2-0.6-0.6-0.6h-2.3v-2.6c0-0.4-0.1-0.6-0.5-0.6L61,75.2z M41.1,78c-3,0-5.4,2.2-5.5,5.8c0,3.4,2.5,5.8,5.8,5.8c1.8,0,3.1-0.8,3.7-1.2c0.3-0.2,0.3-0.5,0.2-0.7L45,87.4 c-0.2-0.3-0.4-0.4-0.7-0.2c-0.5,0.4-1.5,1-2.9,1c-2.3,0-4.2-1.6-4.3-4.4h8c0.3,0,0.6-0.3,0.6-0.6C45.7,80.1,44,78,41.1,78z M72.2,78 c-3.3,0-5.8,2.4-5.8,5.8c0,3.4,2.5,5.8,5.8,5.8c2,0,3.4-1,3.9-1.4c0.3-0.3,0.3-0.5,0.1-0.8l-0.1-0.2c-0.2-0.3-0.4-0.4-0.7-0.2 c-0.5,0.5-1.6,1.2-3.1,1.2c-2.4,0-4.3-1.8-4.3-4.4c0-2.7,1.9-4.5,4.3-4.5c1.3,0,2.3,0.7,2.8,1c0.3,0.2,0.6,0.2,0.8-0.1l0.2-0.3 c0.3-0.3,0.2-0.6-0.1-0.8C75.3,78.8,74.1,78,72.2,78L72.2,78z M89.2,78c-3.2,0-5.8,2.5-5.8,5.7c0,3.3,2.6,5.8,5.8,5.8 c3.2,0,5.8-2.5,5.8-5.8C95,80.5,92.4,78,89.2,78z M56.7,78.2c-0.1,0-0.2,0.1-0.4,0.2l-2,2.4l-1.5,1.8l-2.3-2.7l-1.2-1.5 c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1,0-0.3,0-0.4,0.2l-0.3,0.3c-0.3,0.2-0.3,0.5,0,0.7l2,2.4l1.7,2l-2.5,2.9c0,0,0,0,0,0l-1.2,1.5 c-0.2,0.3-0.2,0.6,0.1,0.8l0.3,0.3c0.3,0.2,0.5,0.2,0.7-0.1l2-2.4l1.5-1.8l2.3,2.7c0,0,0,0,0,0l1.2,1.5c0.2,0.3,0.5,0.3,0.8,0.1 l0.3-0.3c0.3-0.2,0.3-0.5,0-0.7l-2-2.4l-1.7-2l2.5-2.9c0,0,0,0,0,0l1.2-1.5c0.2-0.3,0.2-0.6-0.1-0.8l-0.3-0.3 C57,78.2,56.8,78.2,56.7,78.2L56.7,78.2z M98,78.3c-0.4,0-0.5,0.2-0.5,0.6v6.5c0,2.9,2.1,4.3,4.7,4.3s4.7-1.4,4.7-4.3v-6.5 c0.1-0.4-0.1-0.6-0.5-0.6H106c-0.4,0-0.6,0.2-0.6,0.6v6.1c0,1.7-1.1,3.3-3.3,3.3c-2.1,0-3.3-1.6-3.3-3.3v-6.1c0-0.4-0.2-0.6-0.6-0.6 L98,78.3z M41,79.3c1.6,0,3,1.2,3.1,3.5h-6.9C37.5,80.5,39.1,79.3,41,79.3z M89.2,79.4c2.4,0,4.3,1.9,4.3,4.4c0,2.6-1.9,4.5-4.3,4.5 c-2.4,0-4.3-2-4.3-4.5C84.9,81.3,86.8,79.4,89.2,79.4z M114.3,79.4c2.4,0,3.5,2.2,3.5,4.4c0,3.2-1.7,4.5-3.6,4.5 c-2.1,0-3.5-1.8-3.5-4.5C110.8,81,112.4,79.4,114.3,79.4z"/>
</svg>

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
icons/pgtechs.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

32
icons/syncthing.svg Normal file
View file

@ -0,0 +1,32 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 117.3 117.3" enable-background="new 0 0 117.3 117.3" xml:space="preserve">
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="58.666" y1="117.332" x2="58.666" y2="0">
<stop offset="0" style="stop-color:#0882C8"/>
<stop offset="1" style="stop-color:#26B6DB"/>
</linearGradient>
<circle fill="url(#SVGID_1_)" cx="58.7" cy="58.7" r="58.7"/>
<g>
<circle fill="none" stroke="#FFFFFF" stroke-width="6" stroke-miterlimit="10" cx="58.7" cy="58.5" r="43.7"/>
<g>
<path fill="#FFFFFF" d="M94.7,47.8c4.7,1.6,9.8-0.9,11.4-5.6c1.6-4.7-0.9-9.8-5.6-11.4c-4.7-1.6-9.8,0.9-11.4,5.6
C87.5,41.1,90,46.2,94.7,47.8z"/>
<line fill="none" stroke="#FFFFFF" stroke-width="6" stroke-miterlimit="10" x1="97.6" y1="39.4" x2="67.5" y2="64.4"/>
</g>
<g>
<path fill="#FFFFFF" d="M77.6,91c-0.4,4.9,3.2,9.3,8.2,9.8c5,0.4,9.3-3.2,9.8-8.2c0.4-4.9-3.2-9.3-8.2-9.8
C82.4,82.4,78,86,77.6,91z"/>
<line fill="none" stroke="#FFFFFF" stroke-width="6" stroke-miterlimit="10" x1="86.5" y1="91.8" x2="67.5" y2="64.4"/>
</g>
<path fill="#FFFFFF" d="M60,69.3c2.7,4.2,8.3,5.4,12.4,2.7c4.2-2.7,5.4-8.3,2.7-12.4c-2.7-4.2-8.3-5.4-12.4-2.7
C58.5,59.5,57.3,65.1,60,69.3z"/>
<g>
<path fill="#FFFFFF" d="M21.2,61.4c-4.3-2.5-9.8-1.1-12.3,3.1c-2.5,4.3-1.1,9.8,3.1,12.3c4.3,2.5,9.8,1.1,12.3-3.1
C26.8,69.5,25.4,64,21.2,61.4z"/>
<line fill="none" stroke="#FFFFFF" stroke-width="6" stroke-miterlimit="10" x1="16.6" y1="69.1" x2="67.5" y2="64.4"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

@ -10,7 +10,7 @@
<body> <body>
<div class="header"> <div class="header">
<img src="icons/ttt-org.png" alt="TTT Logo" width="64" height="64" style="margin-right: 10px;"> <img src="icons/ttt-org.png" alt="TTT Logo" width="64" height="64" style="margin-right: 10px;">
<h1>TechTransThai</h1> <h1>TechTransThai 🏳️‍⚧️</h1>
</div> </div>
<div class="grid-container"> <div class="grid-container">
@ -22,84 +22,93 @@
<!-- Dawncraft --> <!-- Dawncraft -->
<div class="inner-grid"> <div class="inner-grid">
<div> <div>
<img src="icons/ttt-org.png" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;"> <img src="icons/dawncraft.gif" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;">
</div> </div>
<div> <div>
<h3 class="h3">Dawncraft</h3> <h3 class="h3">Dawncraft</h3>
<p>เซิร์ฟเวอร์ Minecraft พร้อมม็อด Dawncraft</p> <p>เซิร์ฟเวอร์ Minecraft พร้อมม็อด Dawncraft</p>
</div> </div>
<div> <div>
<a href="https://status.techtransthai.org/status/techtransthai" class="button">Status</a> <a href="https://status.techtransthai.org/status/techtransthai" class="button">Status...</a>
</div> </div>
</div> </div>
<div class="separator"></div>
<!-- Invidious --> <!-- Invidious -->
<div class="inner-grid"> <div class="inner-grid">
<div> <div>
<img src="icons/ttt-org.png" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;"> <img src="icons/inv.svg" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;">
</div> </div>
<div> <div>
<h3 class="h3">Invidious</h3> <h3 class="h3">Invidious</h3>
<p>ดูวิดีโอจาก YouTube ไร้โฆษณากวนใจ</p> <p>ดูวิดีโอจาก YouTube ไร้โฆษณากวนใจ</p>
</div> </div>
<div> <div>
<a href="https://video.techtransthai.org/feed/trending" class="button">Visit</a> <a href="https://video.techtransthai.org/feed/trending" class="button">Visit...</a>
</div> </div>
</div> </div>
<div class="separator"></div>
<!-- LibreSpeed --> <!-- LibreSpeed -->
<div class="inner-grid"> <div class="inner-grid">
<div> <div>
<img src="icons/ttt-org.png" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;"> <img src="icons/librespeed.png" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;">
</div> </div>
<div> <div>
<h3 class="h3">LibreSpeed</h3> <h3 class="h3">LibreSpeed</h3>
<p>ทดสอบความเร็วอินเทอร์เน็ต</p> <p>ทดสอบความเร็วอินเทอร์เน็ต</p>
</div> </div>
<div> <div>
<a href="https://test.techtransthai.org/" class="button">Visit</a> <a href="https://test.techtransthai.org/" class="button">Visit...</a>
</div> </div>
</div> </div>
<div class="separator"></div>
<!-- Little Lines --> <!-- Little Lines -->
<div class="inner-grid"> <div class="inner-grid">
<div> <div>
<img src="icons/ttt-org.png" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;"> <img src="icons/ll.svg" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;">
</div> </div>
<div> <div>
<h3 class="h3">Little Lines</h3> <h3 class="h3">Little Lines</h3>
<p>ระบบนำทางสำหรับล้อขนาดเล็ก</p> <p>ระบบนำทางสำหรับล้อขนาดเล็ก</p>
</div> </div>
<div> <div>
<a href="https://little-lines.techtransthai.org/" class="button">Visit</a> <a href="https://little-lines.techtransthai.org/" class="button">Visit...</a>
</div> </div>
</div> </div>
<div class="separator"></div>
<!-- Nextcloud --> <!-- Nextcloud -->
<div class="inner-grid"> <div class="inner-grid">
<div> <div>
<img src="icons/ttt-org.png" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;"> <img src="icons/nextcloud.svg" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;">
</div> </div>
<div> <div>
<h3 class="h3">Nextcloud</h3> <h3 class="h3">Nextcloud</h3>
<p>บ้านที่ปลอดภัยสำหรับข้อมูลของคุณ</p> <p>บ้านที่ปลอดภัยสำหรับข้อมูลของคุณ</p>
</div> </div>
<div> <div>
<a href="https://cloud.techtransthai.org/" class="button">Visit</a> <a href="https://cloud.techtransthai.org/" class="button">Visit...</a>
</div> </div>
</div> </div>
<div class="separator"></div>
<!-- Syncthing Relay --> <!-- Syncthing Relay -->
<div class="inner-grid"> <div class="inner-grid">
<div> <div>
<img src="icons/ttt-org.png" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;"> <img src="icons/syncthing.svg" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;">
</div> </div>
<div> <div>
<h3 class="h3">Syncthing Relay</h3> <h3 class="h3">Syncthing Relay</h3>
<p>Relay server สำหรับ Syncthing</p> <p>Relay server สำหรับ Syncthing</p>
</div> </div>
<div> <div>
<a href="https://relays.syncthing.net/" class="button">See stats</a> <a href="https://relays.syncthing.net/" class="button">Stats...</a>
</div> </div>
</div> </div>
@ -112,42 +121,46 @@
<!-- FOSS4Change --> <!-- FOSS4Change -->
<div class="inner-grid"> <div class="inner-grid">
<div> <div>
<img src="icons/ttt-org.png" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;"> <img src="icons/f4c.svg" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;">
</div> </div>
<div> <div>
<h3 class="h3">FOSS4Change</h3> <h3 class="h3">FOSS4Change</h3>
<p>ร่วมสร้างการเปลี่ยนแปลงด้วยโอเพนซอร์ส</p> <p>ร่วมสร้างการเปลี่ยนแปลงด้วยโอเพนซอร์ส</p>
</div> </div>
<div> <div>
<a href="https://www.youtube.com/@FOSS4Change" class="button">Visit</a> <a href="https://www.youtube.com/@FOSS4Change" class="button">Visit...</a>
</div> </div>
</div> </div>
<div class="separator"></div>
<!-- Compute4Change --> <!-- Compute4Change -->
<div class="inner-grid"> <div class="inner-grid">
<div> <div>
<img src="icons/ttt-org.png" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;"> <img src="icons/c4c.png" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;">
</div> </div>
<div> <div>
<h3 class="h3">Compute4Change</h3> <h3 class="h3">Compute4Change</h3>
<p>อัปเดตความเคลื่อนไหวจากวงการ BOINC</p> <p>อัปเดตความเคลื่อนไหวจากวงการ BOINC</p>
</div> </div>
<div> <div>
<a href="https://compute4change.wordpress.com/" class="button">Visit</a> <a href="https://compute4change.wordpress.com/" class="button">Visit...</a>
</div> </div>
</div> </div>
<div class="separator"></div>
<!-- PGTechs --> <!-- PGTechs -->
<div class="inner-grid"> <div class="inner-grid">
<div> <div>
<img src="icons/ttt-org.png" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;"> <img src="icons/pgtechs.png" alt="TTT Logo" width="80" height="80" style="margin-left: 0.3cm;">
</div> </div>
<div> <div>
<h3 class="h3">PGTechs (Discontinued)</h3> <h3 class="h3">PGTechs (Discontinued)</h3>
<p>เทคโนโลยีเพื่อทุกคน</p> <p>เทคโนโลยีเพื่อทุกคน</p>
</div> </div>
<div> <div>
<a href="https://www.youtube.com/@PGTechs" class="button">Visit</a> <a href="https://www.youtube.com/@PGTechs" class="button">Visit...</a>
</div> </div>
</div> </div>

View file

@ -24,11 +24,11 @@ body {
text-decoration: none; text-decoration: none;
display: flex; display: flex;
font-size: 16px; font-size: 16px;
font-family: Cantarell, sans-serif; font-weight: bold;
margin: 4px 2px; margin: 4px 2px;
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 35px;
transition-duration: 0.2s; transition-duration: 0.2s;
} }
@ -52,7 +52,6 @@ body {
text-decoration: none; text-decoration: none;
display: flex; display: flex;
font-size: 16px; font-size: 16px;
font-family: Cantarell, sans-serif;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
padding-top: 10px; padding-top: 10px;
@ -77,7 +76,6 @@ body {
.middle { .middle {
grid-area: middle; grid-area: middle;
width: 15cm; width: 15cm;
} }
.right { .right {
@ -87,17 +85,20 @@ body {
.inner-grid { .inner-grid {
display: grid; display: grid;
align-items: center; align-items: center;
grid-template-columns: 3cm 1fr 3cm;
grid-template-areas: grid-template-areas:
'inner-left inner-middle inner-right' 'inner-left inner-middle inner-right'
} }
.list { .list {
border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px;
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13); box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
margin-bottom: 50px; margin-bottom: 50px;
}
.separator {
width: 15cm;
height: 1px;
background-color: rgba(237, 237, 237, 1);
} }