Compare commits

...

2 commits

Author SHA1 Message Date
Late Night Defender 0b7c41db2c switch logo to svg 2024-07-13 15:53:58 +07:00
Late Night Defender ca1e434086 update links 2024-07-13 15:49:35 +07:00
9 changed files with 229 additions and 38 deletions

View file

@ -6,13 +6,13 @@
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming soon!</title>
<link rel="icon" type="image/png" href="https://www.techtransthai.org/icons/ttt-org.png">
<link rel="icon" type="image/svg" href="https://www.techtransthai.org/icons/ttt-org.svg">
</head>
<body>
<div class="centerscreen">
<div class="header" >
<img src="https://www.techtransthai.org/icons/ttt-org.png" alt="TTT Logo" width="128" height="128">
<img src="https://www.techtransthai.org/icons/ttt-org.svg" alt="TTT Logo" width="128" height="128">
</div>
<div class="logo" style="display: flex; align-items: center; justify-content: center">
<h1>Coming soon!</h1>

37
icons/app.svg Normal file
View file

@ -0,0 +1,37 @@
<?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">
<clipPath id="a">
<path d="m 4 4 h 119 v 119 h -119 z m 0 0"/>
</clipPath>
<clipPath id="b">
<path d="m 69.164062 6.558594 l 51.542969 51.542968 c 3.046875 3.046876 3.046875 7.988282 0 11.035157 l -51.542969 51.542969 c -3.046874 3.046874 -7.988281 3.046874 -11.035156 0 l -51.542968 -51.542969 c -3.046876 -3.046875 -3.046876 -7.988281 0 -11.035157 l 51.542968 -51.542968 c 3.046875 -3.046875 7.988282 -3.046875 11.035156 0 z m 0 0"/>
</clipPath>
<clipPath id="c">
<path d="m 48 32 h 75 v 91 h -75 z m 0 0"/>
</clipPath>
<clipPath id="d">
<path d="m 69.164062 6.558594 l 51.542969 51.542968 c 3.046875 3.046876 3.046875 7.988282 0 11.035157 l -51.542969 51.542969 c -3.046874 3.046874 -7.988281 3.046874 -11.035156 0 l -51.542968 -51.542969 c -3.046876 -3.046875 -3.046876 -7.988281 0 -11.035157 l 51.542968 -51.542968 c 3.046875 -3.046875 7.988282 -3.046875 11.035156 0 z m 0 0"/>
</clipPath>
<clipPath id="e">
<path d="m 4 4 h 57 v 89 h -57 z m 0 0"/>
</clipPath>
<clipPath id="f">
<path d="m 69.164062 6.558594 l 51.542969 51.542968 c 3.046875 3.046876 3.046875 7.988282 0 11.035157 l -51.542969 51.542969 c -3.046874 3.046874 -7.988281 3.046874 -11.035156 0 l -51.542968 -51.542969 c -3.046876 -3.046875 -3.046876 -7.988281 0 -11.035157 l 51.542968 -51.542968 c 3.046875 -3.046875 7.988282 -3.046875 11.035156 0 z m 0 0"/>
</clipPath>
<g clip-path="url(#a)">
<g clip-path="url(#b)">
<path d="m 65.136719 2.53125 l 59.597656 59.597656 c 0.824219 0.824219 0.824219 2.15625 0 2.980469 l -59.597656 59.597656 c -0.824219 0.824219 -2.15625 0.824219 -2.980469 0 l -59.597656 -59.597656 c -0.824219 -0.824219 -0.824219 -2.15625 0 -2.980469 l 59.597656 -59.597656 c 0.824219 -0.824219 2.15625 -0.824219 2.980469 0 z m 0 0" fill="#3584e4"/>
</g>
</g>
<g clip-path="url(#c)">
<g clip-path="url(#d)">
<path d="m 100.933594 32.875 l -2.410156 7.273438 c -0.117188 -0.007813 -0.230469 -0.011719 -0.347657 -0.015626 c -1.953125 0.011719 -3.902343 0.164063 -5.835937 0.449219 l -3.363282 -6.949219 c -2.4375 0.46875 -4.832031 1.117188 -7.171874 1.945313 l 0.558593 7.65625 c -1.910156 0.78125 -3.765625 1.707031 -5.542969 2.761719 l -5.78125 -5.148438 c -2.066406 1.371094 -4.027343 2.890625 -5.867187 4.554688 l 3.4375 6.84375 c -1.464844 1.460937 -2.820313 3.027344 -4.058594 4.6875 l -7.328125 -2.550782 c -1.378906 2.058594 -2.605468 4.21875 -3.660156 6.460938 l 5.785156 5 c -0.792968 1.910156 -1.441406 3.878906 -1.945312 5.886719 l -7.738282 0.449219 c -0.492187 2.429687 -0.800781 4.894531 -0.921874 7.371093 l 7.273437 2.410157 c -0.003906 0.113281 -0.011719 0.230468 -0.015625 0.347656 c 0.015625 1.953125 0.164062 3.902344 0.449219 5.835937 l -6.949219 3.363281 c 0.46875 2.433594 1.117188 4.832032 1.945312 7.167969 l 7.65625 -0.554687 c 0.785157 1.910156 1.707032 3.765625 2.761719 5.542968 l -5.148437 5.78125 c 1.371094 2.066407 2.894531 4.027344 4.554687 5.867188 l 6.84375 -3.4375 c 1.460938 1.464844 3.027344 2.820312 4.6875 4.054688 l -2.546875 7.332031 c 2.054688 1.378906 4.214844 2.601562 6.457032 3.660156 l 5 -5.785156 c 1.914062 0.792969 3.878906 1.441406 5.886718 1.945312 l 0.453125 7.738281 c 2.429688 0.488282 4.890625 0.796876 7.367188 0.921876 l 2.410156 -7.273438 c 0.117187 0.003906 0.230469 0.011719 0.347656 0.015625 c 1.953125 -0.015625 3.902344 -0.164063 5.835938 -0.449219 l 3.363281 6.949219 c 2.433594 -0.46875 4.832031 -1.117187 7.167969 -1.945313 l -0.554688 -7.65625 c 1.910157 -0.785156 3.765625 -1.707031 5.542969 -2.761718 l 5.78125 5.144531 c 2.066406 -1.367187 4.027344 -2.890625 5.867188 -4.550781 l -3.4375 -6.847656 c 1.464843 -1.457032 2.820312 -3.023438 4.054687 -4.683594 l 7.332031 2.546875 c 1.378906 -2.058594 2.601563 -4.214844 3.660156 -6.457031 l -5.785156 -5 c 0.792969 -1.914063 1.441406 -3.878907 1.945313 -5.886719 l 7.738281 -0.453125 c 0.492188 -2.429688 0.796875 -4.890625 0.921875 -7.367188 l -7.273437 -2.410156 c 0.003906 -0.117188 0.011718 -0.230469 0.015624 -0.347656 c -0.015624 -1.953125 -0.164062 -3.902344 -0.449218 -5.835938 l 6.949218 -3.363281 c -0.46875 -2.4375 -1.117187 -4.832031 -1.945312 -7.171875 l -7.65625 0.558594 c -0.785156 -1.914063 -1.707031 -3.765625 -2.761719 -5.542969 l 5.144531 -5.78125 c -1.367187 -2.066406 -2.890624 -4.027344 -4.550781 -5.867187 l -6.847656 3.4375 c -1.457031 -1.464844 -3.023437 -2.820313 -4.683594 -4.058594 l 2.546875 -7.328125 c -2.058594 -1.378907 -4.214844 -2.605469 -6.457031 -3.660157 l -5 5.785157 c -1.914063 -0.792969 -3.878906 -1.441407 -5.886719 -1.945313 l -0.453125 -7.738281 c -2.429687 -0.492187 -4.890625 -0.800781 -7.367187 -0.921875 z m -2.757813 18.484375 c 17.09375 0 30.949219 13.855469 30.949219 30.949219 s -13.855469 30.949218 -30.949219 30.949218 s -30.949219 -13.855468 -30.949219 -30.949218 s 13.855469 -30.949219 30.949219 -30.949219 z m 0 0" fill="#98c1f1"/>
</g>
</g>
<g clip-path="url(#e)">
<g clip-path="url(#f)">
<path d="m 13.84375 -6.292969 l -2.414062 7.273438 c -0.113282 -0.007813 -0.230469 -0.011719 -0.347657 -0.019531 c -1.953125 0.015624 -3.902343 0.167968 -5.832031 0.453124 l -3.367188 -6.949218 c -2.433593 0.46875 -4.832031 1.117187 -7.167968 1.945312 l 0.558594 7.65625 c -1.914063 0.78125 -3.765626 1.703125 -5.542969 2.757813 l -5.785157 -5.144531 c -2.066406 1.371093 -4.027343 2.890624 -5.867187 4.554687 l 3.4375 6.84375 c -1.464844 1.460937 -2.820313 3.027344 -4.054687 4.683594 l -7.328126 -2.546875 c -1.382812 2.058594 -2.605468 4.21875 -3.664062 6.460937 l 5.789062 5 c -0.792968 1.910157 -1.445312 3.878907 -1.949218 5.886719 l -7.738282 0.449219 c -0.488281 2.429687 -0.796874 4.894531 -0.917968 7.367187 l 7.273437 2.414063 c -0.007812 0.113281 -0.011719 0.230469 -0.019531 0.347656 c 0.015625 1.953125 0.167969 3.902344 0.453125 5.832031 l -6.949219 3.367188 c 0.464844 2.433594 1.117188 4.832031 1.941406 7.167968 l 7.660157 -0.558593 c 0.78125 1.914062 1.703125 3.765625 2.757812 5.542969 l -5.144531 5.785156 c 1.367188 2.066406 2.890625 4.027344 4.554688 5.867187 l 6.84375 -3.4375 c 1.460937 1.464844 3.027343 2.820313 4.683593 4.054688 l -2.546875 7.328125 c 2.058594 1.382812 4.21875 2.605468 6.457032 3.664062 l 5.003906 -5.785156 c 1.910156 0.789062 3.878906 1.441406 5.886718 1.945312 l 0.449219 7.738282 c 2.429688 0.488281 4.890625 0.796875 7.367188 0.917968 l 2.410156 -7.273437 c 0.117187 0.007813 0.234375 0.015625 0.347656 0.019531 c 1.953125 -0.015625 3.902344 -0.167968 5.835938 -0.453125 l 3.367187 6.949219 c 2.433594 -0.464844 4.828125 -1.117188 7.167969 -1.941406 l -0.558594 -7.660156 c 1.914063 -0.78125 3.765625 -1.703126 5.542969 -2.757813 l 5.785156 5.144531 c 2.066406 -1.367187 4.027344 -2.890625 5.863282 -4.554687 l -3.4375 -6.84375 c 1.46875 -1.460938 2.824218 -3.023438 4.058593 -4.683594 l 7.328125 2.546875 c 1.382813 -2.058594 2.605469 -4.21875 3.664063 -6.457031 l -5.789063 -5 c 0.792969 -1.914063 1.445313 -3.882813 1.949219 -5.890625 l 7.734375 -0.449219 c 0.492188 -2.429687 0.800781 -4.890625 0.921875 -7.367187 l -7.273437 -2.410157 c 0.007812 -0.117187 0.011718 -0.234375 0.019531 -0.347656 c -0.015625 -1.953125 -0.167969 -3.902344 -0.453125 -5.835937 l 6.949218 -3.367188 c -0.46875 -2.433594 -1.117187 -4.828125 -1.941406 -7.167969 l -7.660156 0.558594 c -0.78125 -1.914063 -1.703125 -3.765625 -2.757812 -5.542969 l 5.144531 -5.785156 c -1.371094 -2.066406 -2.890625 -4.027344 -4.554688 -5.863281 l -6.84375 3.4375 c -1.460937 -1.464844 -3.027343 -2.824219 -4.683593 -4.058594 l 2.546874 -7.328125 c -2.058593 -1.378906 -4.21875 -2.605469 -6.460937 -3.664062 l -5 5.789062 c -1.910156 -0.792969 -3.878906 -1.445312 -5.886719 -1.949219 l -0.449218 -7.734375 c -2.429688 -0.492187 -4.894532 -0.800781 -7.367188 -0.921875 z m 0 0" fill="#1a5fb4"/>
</g>
</g>
<path d="m 5.167969 60.457031 c -1.234375 3.042969 -0.613281 6.644531 1.859375 9.117188 l 50.660156 50.664062 c 3.300781 3.300781 8.617188 3.300781 11.917969 0 l 50.660156 -50.664062 c 2.472656 -2.472657 3.09375 -6.074219 1.859375 -9.117188 c -0.410156 1.019531 -1.03125 1.972657 -1.859375 2.800781 l -50.660156 50.660157 c -3.300781 3.300781 -8.617188 3.300781 -11.917969 0 l -50.660156 -50.660157 c -0.828125 -0.828124 -1.449219 -1.78125 -1.859375 -2.800781 z m 0 0" fill="#1a5fb4" fill-opacity="0.501961"/>
</svg>

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

164
icons/ttt-org.svg Normal file
View file

@ -0,0 +1,164 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
height="128px"
viewBox="0 0 128 128"
width="128px"
version="1.1"
id="svg14"
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="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs14" />
<sodipodi:namedview
id="namedview14"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="4.2150193"
inkscape:cx="9.9643671"
inkscape:cy="64.175269"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg14" />
<linearGradient
id="a"
gradientUnits="userSpaceOnUse"
x1="11.999989"
x2="115.999989"
y1="64"
y2="64">
<stop
offset="0"
stop-color="#3d3846"
id="stop1" />
<stop
offset="0.05"
stop-color="#77767b"
id="stop2" />
<stop
offset="0.1"
stop-color="#5e5c64"
id="stop3" />
<stop
offset="0.899999"
stop-color="#504e56"
id="stop4" />
<stop
offset="0.95"
stop-color="#77767b"
id="stop5" />
<stop
offset="1"
stop-color="#3d3846"
id="stop6" />
</linearGradient>
<linearGradient
id="b"
gradientUnits="userSpaceOnUse"
x1="12"
x2="112.041023"
y1="60"
y2="80.988281">
<stop
offset="0"
stop-color="#77767b"
id="stop7" />
<stop
offset="0.384443"
stop-color="#9a9996"
id="stop8" />
<stop
offset="0.720567"
stop-color="#77767b"
id="stop9" />
<stop
offset="1"
stop-color="#68666f"
id="stop10" />
</linearGradient>
<path
d="m 20 22 h 88 c 4.417969 0 8 3.582031 8 8 v 78 c 0 4.417969 -3.582031 8 -8 8 h -88 c -4.417969 0 -8 -3.582031 -8 -8 v -78 c 0 -4.417969 3.582031 -8 8 -8 z m 0 0"
fill="url(#a)"
id="path10" />
<path
d="m 20 12 h 88 c 4.417969 0 8 3.582031 8 8 v 80 c 0 4.417969 -3.582031 8 -8 8 h -88 c -4.417969 0 -8 -3.582031 -8 -8 v -80 c 0 -4.417969 3.582031 -8 8 -8 z m 0 0"
fill="url(#b)"
id="path11" />
<path
d="m 20 14 h 88 c 3.3125 0 6 2.6875 6 6 v 80 c 0 3.3125 -2.6875 6 -6 6 h -88 c -3.3125 0 -6 -2.6875 -6 -6 v -80 c 0 -3.3125 2.6875 -6 6 -6 z m 0 0"
fill="#241f31"
id="path12" />
<g
id="g14-3"
transform="translate(3,-3.3761482)"
style="fill:#ffffff;fill-opacity:1">
<rect
style="fill:#ffffff;fill-rule:evenodd;stroke-width:14.6656;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;fill-opacity:1"
id="rect14-5"
width="36"
height="12"
x="47"
y="44.376148"
ry="2.4000001" />
<rect
style="fill:#ffffff;fill-rule:evenodd;stroke-width:16.9343;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;fill-opacity:1"
id="rect14-3-6"
width="12"
height="48"
x="59"
y="44.376148"
ry="2.4000001" />
</g>
<g
id="g14"
transform="translate(-1,-7.3761484)"
style="fill:#f5a9b8;fill-opacity:1">
<rect
style="fill:#f5a9b8;fill-rule:evenodd;stroke-width:14.6656;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;fill-opacity:1"
id="rect14"
width="36"
height="12"
x="47"
y="44.376148"
ry="2.4000001" />
<rect
style="fill:#f5a9b8;fill-rule:evenodd;stroke-width:16.9343;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;fill-opacity:1"
id="rect14-3"
width="12"
height="48"
x="59"
y="44.376148"
ry="2.4000001" />
</g>
<g
id="g14-2"
transform="translate(-5,-11.376148)"
style="fill:#5bcefa;fill-opacity:1">
<rect
style="fill:#5bcefa;fill-rule:evenodd;stroke-width:14.6656;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;fill-opacity:1"
id="rect14-9"
width="36"
height="12"
x="47"
y="44.376148"
ry="2.4000001" />
<rect
style="fill:#5bcefa;fill-rule:evenodd;stroke-width:16.9343;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;fill-opacity:1"
id="rect14-3-1"
width="12"
height="48"
x="59"
y="44.376148"
ry="2.4000001" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

View file

@ -7,14 +7,14 @@
<meta name="description" content="Home of TechTransThai's available services">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TechTransThai</title>
<link rel="icon" type="image/png" href="icons/ttt-org.png">
<link rel="icon" type="image/svg" href="icons/ttt-org.svg">
</head>
<body>
<div class="topbar">
<div class="topbar-group">
<a style="display: flex; align-items: center; text-decoration: none;">
<img src="icons/ttt-org.png" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;">
<img src="icons/ttt-org.svg" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;">
<h4 class="logo">TechTransThai</h4>
</a>
<div style="display: flex; align-items: center">
@ -67,10 +67,27 @@
</a>
</div>
<h3 style="margin-top: 5vh;">บริการ โปรเจกต์ และคอนเทนต์</h3>
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@FOSS4ChangeTH">
<div class="listaction">
<img src="icons/f4c.svg" alt="FOSS4Change" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>FOSS4Change 🌟</h3>
<p>สร้างความเปลี่ยนแปลงด้วยโอเพนซอร์ส</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://blog.techtransthai.org/">
<div class="listaction">
<img src="icons/app.svg" alt="TTT-Blog" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>TechTransThai Blog 🌟</h3>
<p>อัปเดตข่าวสารต่าง ๆ จากเรา</p>
</div>
</div>
</a>
<a class="itemcard" style="opacity: 0.4;">
<div class="listaction">
<img src="icons/ttt-org-blueprint.svg" alt="behind-ttt" width="80" height="80" style="margin: 0.3cm;">
@ -81,24 +98,6 @@
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://c4c.techtransthai.org/">
<div class="listaction">
<img src="icons/c4c.png" alt="Compute4Change" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Compute4Change</h3>
<p>อัปเดตข่าวสารจากวงการ BOINC</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@FOSS4ChangeTH">
<div class="listaction">
<img src="icons/f4c.svg" alt="FOSS4Change" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>FOSS4Change</h3>
<p>สร้างความเปลี่ยนแปลงด้วยโอเพนซอร์ส</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://inv.techtransthai.org/feed/trending">
<div class="listaction">
<img src="icons/inv.svg" alt="Invidious" width="80" height="80" style="margin: 0.3cm;">
@ -126,21 +125,12 @@
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://openkmitl.gitlab.io">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://openlkb.gitlab.io">
<div class="listaction">
<img src="icons/openkmitl.png" alt="openKMITL" width="80" height="80" style="margin: 0.3cm;">
<img src="icons/app.svg" alt="openLKB" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>openKMITL Community</h3>
<p>ชุมชนอย่างไม่เป็นทางการที่ KMITL</p>
</div>
</div>
</a>
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://quadlet-examples.techtransthai.org">
<div class="listaction">
<img src="icons/text-x-generic.png" alt="Quadlet Examples" width="80" height="80" style="margin: 0.3cm;">
<div>
<h3>Quadlet Examples</h3>
<p>ตัวอย่างไฟล์ Quadlet ของบริการต่าง ๆ</p>
<h3>openLKB Community</h3>
<p>ชุมชนอย่างไม่เป็นทางการจากมหาวิทยาลัยชื่อดังย่านลาดกระบัง</p>
</div>
</div>
</a>

View file

@ -7,14 +7,14 @@
<meta name="description" content="List of current TechTransThai's team members">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Team members</title>
<link rel="icon" type="image/png" href="icons/ttt-org.png">
<link rel="icon" type="image/svg" href="icons/ttt-org.svg">
</head>
<body>
<div class="topbar">
<div class="topbar-group">
<a href="/" style="display: flex; align-items: center; text-decoration: none;">
<img src="icons/ttt-org.png" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;">
<img src="icons/ttt-org.svg" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;">
<h4 class="logo">TechTransThai</h4>
</a>
<div style="display: flex; align-items: center">