add etherpa and tools

This commit is contained in:
Late Night Defender 2023-08-10 03:36:10 +07:00
parent 7bbdc933c7
commit 12980b1669
3 changed files with 301 additions and 2 deletions

244
icons/etherpad.svg Normal file
View file

@ -0,0 +1,244 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="340"
height="340"
viewBox="0 0 340 340"
version="1.1"
id="svg9"
sodipodi:docname="etherpad.svg"
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
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/">
<sodipodi:namedview
id="namedview9"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="1.7908806"
inkscape:cx="171.98243"
inkscape:cy="187.338"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="Group-10" />
<title
id="title1">Group 10</title>
<defs
id="defs4">
<linearGradient
x1="170"
y1="-181.28177"
x2="170"
y2="372.82529"
id="linearGradient-1"
gradientUnits="userSpaceOnUse">
<stop
stop-color="#65D09B"
offset="0%"
id="stop1" />
<stop
stop-color="#4DB38E"
offset="100%"
id="stop2" />
</linearGradient>
<rect
id="path-2"
x="42"
y="167"
width="168"
height="27"
rx="13.5" />
<filter
x="-0.057142857"
y="-0.35555556"
width="1.1142857"
height="2.0074074"
filterUnits="objectBoundingBox"
id="filter-3">
<feOffset
dx="0"
dy="8"
in="SourceAlpha"
result="shadowOffsetOuter1"
id="feOffset2" />
<feGaussianBlur
stdDeviation="4"
in="shadowOffsetOuter1"
result="shadowBlurOuter1"
id="feGaussianBlur2" />
<feColorMatrix
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0568181818 0"
type="matrix"
in="shadowBlurOuter1"
id="feColorMatrix2" />
</filter>
<rect
id="path-4"
x="41"
y="110"
width="142"
height="25"
rx="12.5" />
<filter
x="-0.067605634"
y="-0.384"
width="1.1352113"
height="2.088"
filterUnits="objectBoundingBox"
id="filter-5">
<feOffset
dx="0"
dy="8"
in="SourceAlpha"
result="shadowOffsetOuter1"
id="feOffset3" />
<feGaussianBlur
stdDeviation="4"
in="shadowOffsetOuter1"
result="shadowBlurOuter1"
id="feGaussianBlur3" />
<feColorMatrix
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0568181818 0"
type="matrix"
in="shadowBlurOuter1"
id="feColorMatrix3" />
</filter>
<rect
id="path-6"
x="41"
y="226"
width="105"
height="25"
rx="12.5" />
<filter
x="-0.091428571"
y="-0.384"
width="1.1828571"
height="2.088"
filterUnits="objectBoundingBox"
id="filter-7">
<feOffset
dx="0"
dy="8"
in="SourceAlpha"
result="shadowOffsetOuter1"
id="feOffset4" />
<feGaussianBlur
stdDeviation="4"
in="shadowOffsetOuter1"
result="shadowBlurOuter1"
id="feGaussianBlur4" />
<feColorMatrix
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0568181818 0"
type="matrix"
in="shadowBlurOuter1"
id="feColorMatrix4" />
</filter>
</defs>
<g
id="Page-1"
stroke="none"
stroke-width="1"
fill="none"
fill-rule="evenodd"
transform="translate(0,-15)">
<g
id="Group-5-Copy-2"
transform="translate(-415,-351)">
<g
id="Group-10"
transform="translate(415,351)">
<g
id="Group-9"
transform="translate(0,15)">
<rect
id="Rectangle-Copy-54"
fill="url(#linearGradient-1)"
x="0"
y="0"
width="340"
height="340"
rx="70"
style="fill:url(#linearGradient-1)" />
<path
d="m 237.61221,138.15765 c -2.88643,-2.87573 -7.56096,-2.87801 -10.44739,0 -2.88643,2.87801 -2.88643,7.54118 0,10.41919 7.77506,7.75237 12.05791,18.02454 12.05791,28.92256 0,10.89802 -4.28285,21.17019 -12.05791,28.9253 -2.88643,2.87573 -2.88643,7.54117 0,10.41691 1.44345,1.43877 3.33243,2.15839 5.2237,2.15839 1.88898,0 3.78025,-0.71962 5.22369,-2.15839 C 248.18012,206.30453 254,192.33415 254,177.4994 c 0,-14.83429 -5.81988,-28.80467 -16.38779,-39.34175 z"
id="Path-Copy-26"
fill-opacity="0.200482"
fill="#000000"
fill-rule="nonzero"
opacity="0.754065" />
<path
d="m 267.33303,113.15866 c -2.82254,-2.87821 -7.39359,-2.87821 -10.21613,0 -2.82253,2.88049 -2.82253,7.55042 0,10.42818 28.58694,29.1762 28.58694,76.6508 0,105.82701 -2.82253,2.87821 -2.82253,7.54768 0,10.42589 1.41149,1.44048 3.25866,2.16026 5.10806,2.16026 1.8494,0 3.69657,-0.72024 5.10807,-2.16299 34.22263,-34.92443 34.22263,-91.753 0,-126.67835 z"
id="Path-Copy-27"
fill-opacity="0.250565"
fill="#131514"
fill-rule="nonzero"
opacity="0.754065" />
<g
id="Rectangle-Copy-55">
<use
fill="#000000"
fill-opacity="1"
filter="url(#filter-3)"
xlink:href="#path-2"
id="use4" />
<use
fill="#ffffff"
fill-rule="evenodd"
xlink:href="#path-2"
id="use5" />
</g>
<g
id="Rectangle-Copy-56">
<use
fill="#000000"
fill-opacity="1"
filter="url(#filter-5)"
xlink:href="#path-4"
id="use6" />
<use
fill="#ffffff"
fill-rule="evenodd"
xlink:href="#path-4"
id="use7" />
</g>
<g
id="Rectangle-Copy-57">
<use
fill="#000000"
fill-opacity="1"
filter="url(#filter-7)"
xlink:href="#path-6"
id="use8" />
<use
fill="#ffffff"
fill-rule="evenodd"
xlink:href="#path-6"
id="use9" />
</g>
</g>
</g>
</g>
</g>
<metadata
id="metadata9">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:title>Group 10</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
</svg>

After

Width:  |  Height:  |  Size: 7 KiB

View file

@ -51,6 +51,22 @@
<div class="separator"></div>
<!-- Etherpad -->
<div class="inner-grid">
<div>
<img src="icons/etherpad.svg" alt="Etherpad" width="80" height="80" style="margin-left: 0.3cm;">
</div>
<div>
<h3>Etherpad</h3>
<p>แก้ไขเอกสารร่วมกันในแบบเรียลไทม์</p>
</div>
<div>
<a href="https://pad.techtransthai.org" class="button">Visit...</a>
</div>
</div>
<div class="separator"></div>
<!-- Invidious -->
<div class="inner-grid">
<div>
@ -183,12 +199,47 @@
</div>
<h3>เครื่องมือ</h3>
<div class="list">
<div class="inner-grid">
<div>
<img src="icons/" alt="ip-address" width="80" height="80" style="margin-left: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);">
</div>
<div>
<div style="display: flex; margin-bottom: -5%; align-items: center;">
<h3>ตรวจสอบหมายเลข IP</h3>
<p></p>
</div>
<p>ดูหมายเลข IP ของคุณ</p>
</div>
<div>
<a href="https://www.techtransthai.org" class="button" rel="me">View...</a>
</div>
</div>
<div class="inner-grid">
<div>
<img src="icons/" alt="user-agent" width="80" height="80" style="margin-left: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);">
</div>
<div>
<div style="display: flex; margin-bottom: -5%; align-items: center;">
<h3>ตรวจสอบ User Agent</h3>
<p></p>
</div>
<p>ดู User Agent ของคุณ</p>
</div>
<div>
<a href="https://www.techtransthai.org" class="button" rel="me">View...</a>
</div>
</div>
</div>
<h3>รู้จักกับเรา</h3>
<div class="list">
<div class="inner-grid">
<div>
<img src="icons/latenightdef.png" alt="Dawncraft" width="80" height="80" style="margin-left: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);">
<img src="icons/latenightdef.png" alt="latenightdef" width="80" height="80" style="margin-left: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);">
</div>
<div>
<div style="display: flex; margin-bottom: -5%; align-items: center;">

View file

@ -4,4 +4,8 @@ sed -i "s/DATE/$(date -I)/g" index.html
sed -i "s/VERSION/$(git log -1 --oneline | awk '{print $1}')/g" index.html
podman build -t ttt-org:$(date -I) .
podman run --name ttt-org -p 8084:80 -d ttt-org:$(date -I)
podman run --name ttt-org -p 8084:80 -d ttt-org:$(date -I)
podman generate systemd ttt-org > ~/.config/systemd/user/ttt-org.service
systemctl --user daemon-reload
systemctl --user enable ttt-org.service