From f718ac772188781b6bb63ecc260c3b8d8294a5ff Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera054@protonmail.com>
Date: Sun, 29 Sep 2024 21:40:52 +0700
Subject: [PATCH] Add iEduCal for KMITL

---
 icons/iEduCal.svg | 229 ++++++++++++++++++++++++++++++++++++++++++++++
 ieducal.html      |  84 +++++++++++++++++
 index.html        |   9 ++
 3 files changed, 322 insertions(+)
 create mode 100644 icons/iEduCal.svg
 create mode 100644 ieducal.html

diff --git a/icons/iEduCal.svg b/icons/iEduCal.svg
new file mode 100644
index 0000000..04beae0
--- /dev/null
+++ b/icons/iEduCal.svg
@@ -0,0 +1,229 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="128px"
+   viewBox="0 0 128 128"
+   width="128px"
+   version="1.1"
+   id="svg37"
+   sodipodi:docname="iEduCal.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="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs37" />
+  <sodipodi:namedview
+     id="namedview37"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="6.2890625"
+     inkscape:cx="64"
+     inkscape:cy="76.720497"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg37" />
+  <linearGradient
+     id="a"
+     gradientTransform="matrix(-1 0 0 -1 -0.00005 -172)"
+     gradientUnits="userSpaceOnUse"
+     x1="-12.249268"
+     x2="-115.523453"
+     y1="-288.6633"
+     y2="-288.6633">
+    <stop
+       offset="0"
+       stop-color="#613583"
+       id="stop1"
+       style="stop-color:#c64600;stop-opacity:1;" />
+    <stop
+       offset="0.0433748"
+       stop-color="#af60ef"
+       id="stop2"
+       style="stop-color:#ff7800;stop-opacity:1;" />
+    <stop
+       offset="0.0920385"
+       stop-color="#613583"
+       id="stop3"
+       style="stop-color:#c64600;stop-opacity:1;" />
+    <stop
+       offset="0.90303397"
+       stop-color="#613583"
+       id="stop4"
+       style="stop-color:#c64600;stop-opacity:1;" />
+    <stop
+       offset="0.95514798"
+       stop-color="#874ab4"
+       id="stop5"
+       style="stop-color:#ff7800;stop-opacity:1;" />
+    <stop
+       offset="1"
+       stop-color="#3b214e"
+       id="stop6"
+       style="stop-color:#c64600;stop-opacity:1;" />
+  </linearGradient>
+  <linearGradient
+     id="b"
+     gradientTransform="matrix(-1 0 0 -1 123.999942 -177)"
+     gradientUnits="userSpaceOnUse"
+     x1="7.99999"
+     x2="111.999992"
+     y1="-244"
+     y2="-244">
+    <stop
+       offset="0"
+       stop-color="#d5d3cf"
+       id="stop7" />
+    <stop
+       offset="0.0384615"
+       stop-color="#f6f5f4"
+       id="stop8" />
+    <stop
+       offset="0.0769231"
+       stop-color="#d5d3cf"
+       id="stop9" />
+    <stop
+       offset="0.923077"
+       stop-color="#d5d3cf"
+       id="stop10" />
+    <stop
+       offset="0.961538"
+       stop-color="#eeeeec"
+       id="stop11" />
+    <stop
+       offset="1"
+       stop-color="#d5d3cf"
+       id="stop12" />
+  </linearGradient>
+  <linearGradient
+     id="c"
+     gradientTransform="matrix(-1 0 0 -1 -0.00005 -171)"
+     gradientUnits="userSpaceOnUse"
+     x1="-64"
+     x2="-64"
+     y1="-280"
+     y2="-182">
+    <stop
+       offset="0"
+       stop-color="#ffffff"
+       id="stop13" />
+    <stop
+       offset="1"
+       stop-color="#f6f5f4"
+       id="stop14" />
+  </linearGradient>
+  <path
+     d="m 108 117 h -88 c -4.417969 0 -8 -4.234375 -8 -9.453125 v -70.09375 c 0 -5.21875 3.582031 -9.453125 8 -9.453125 h 88 c 4.417969 0 8 4.234375 8 9.453125 v 70.09375 c 0 5.21875 -3.582031 9.453125 -8 9.453125 z m 0 0"
+     fill="url(#a)"
+     id="path14" />
+  <path
+     d="m 108 115 h -88 c -4.417969 0 -8 -3.582031 -8 -8 v -24 c 0 -4.417969 3.582031 -8 8 -8 h 88 c 4.417969 0 8 3.582031 8 8 v 24 c 0 4.417969 -3.582031 8 -8 8 z m 0 0"
+     fill="url(#b)"
+     id="path15" />
+  <path
+     d="m 108 109 h -88 c -4.417969 0 -8 -3.582031 -8 -8 v -69.003906 c 0 -4.417969 3.582031 -8 8 -8 h 88 c 4.417969 0 8 3.582031 8 8 v 69.003906 c 0 4.417969 -3.582031 8 -8 8 z m 0 0"
+     fill="url(#c)"
+     id="path16" />
+  <path
+     d="m 20 13 c -4.433594 0 -8 3.566406 -8 8 v 15 h 104 v -15 c 0 -4.433594 -3.566406 -8 -8 -8 z m 0 0"
+     fill="#9141ac"
+     id="path17"
+     style="fill:#ff7800" />
+  <path
+     d="m 12 34 v 2 h 104 v -2 z m 0 0"
+     fill="#613583"
+     id="path18"
+     style="fill:#c64600" />
+  <g
+     stroke="#fdfcfc"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     stroke-width="2"
+     id="g36">
+    <path
+       d="m 28 96 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#c0bfbc"
+       id="path19" />
+    <path
+       d="m 44 96 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#c0bfbc"
+       id="path20" />
+    <path
+       d="m 60 96 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#c0bfbc"
+       id="path21" />
+    <path
+       d="m 76 96 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#fbfafa"
+       id="path22" />
+    <path
+       d="m 92 96 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#fbfafa"
+       id="path23" />
+    <path
+       d="m 108 96 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#fbfafa"
+       id="path24" />
+    <path
+       d="m 28 73 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#c0bfbc"
+       id="path25" />
+    <path
+       d="m 44 73 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#c0bfbc"
+       id="path26" />
+    <path
+       d="m 60 73 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#c0bfbc"
+       id="path27" />
+    <path
+       d="m 76 73 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#c0bfbc"
+       id="path28" />
+    <path
+       d="m 92 73 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#c0bfbc"
+       id="path29" />
+    <path
+       d="m 108 73 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#c0bfbc"
+       id="path30" />
+    <path
+       d="m 28 50 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#fbfafa"
+       id="path31" />
+    <path
+       d="m 44 50 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#c0bfbc"
+       id="path32" />
+    <path
+       d="m 60 50 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#c0bfbc"
+       id="path33" />
+    <path
+       d="m 76 50 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#c0bfbc"
+       id="path34" />
+    <path
+       d="m 92 50 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#c0bfbc"
+       id="path35" />
+    <path
+       d="m 108 50 c 0 2.210938 -1.789063 4 -4 4 c -2.210938 0 -4 -1.789062 -4 -4 s 1.789062 -4 4 -4 c 2.210937 0 4 1.789062 4 4 z m 0 0"
+       fill="#c0bfbc"
+       id="path36" />
+  </g>
+  <path
+     d="m 63.972656 73 c 0 4.402344 -3.570312 7.972656 -7.972656 7.972656 s -7.972656 -3.570312 -7.972656 -7.972656 s 3.570312 -7.972656 7.972656 -7.972656 s 7.972656 3.570312 7.972656 7.972656 z m 0 0"
+     fill="#9141ac"
+     id="path37"
+     style="fill:#ff7800" />
+</svg>
diff --git a/ieducal.html b/ieducal.html
new file mode 100644
index 0000000..093879e
--- /dev/null
+++ b/ieducal.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href="style.css">
+    <meta http-equiv="Content-Language" content="th">
+    <meta http-equiv="content-Type" content="text/html; charset=UTF-8">
+    <meta name="description" content="ปฏิทินการศึกษา 2567 ในรูปแบบ iCalendar">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>iEduCal 2567 for KMITL</title>
+    <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.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">
+        <a class="headerbutton">
+          ทีม
+        </a>
+        <a target="_blank" rel="noopener noreferrer" href="https://forge.techtransthai.org/techtransthai/website" class="headerbutton">
+          ซอร์สโคด
+        </a>
+        <a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">
+          วงแหวนเว็บ
+        </a>
+        <a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">
+          สถานะการให้บริการ
+        </a>
+      </div>
+      
+    </div>
+
+</div>
+  <div class="header" style="margin-top: 2cm;">
+    
+  </div>
+
+
+  <div class="grid-container">
+
+    <div class="middle-large">
+      <h1>iEduCal for KMITL (2567)</h1>
+      
+      ปฏิทินการศึกษา 2567 ในรูปแบบ iCalendar ทำด้วย ❤️ โดยผู้มีส่วนร่วมจากอดีตชุมชน openLKB และทีมงาน TechTransThai
+
+      
+      <div class="quickbuttons" style="margin-top: 5vh;">
+        <a class="gtk-button" target="_blank" rel="noopener noreferrer" href="https://cloud.techtransthai.org/remote.php/dav/public-calendars/nZrSHzKwRByzctnY?export">
+          ดาวน์โหลดไฟล์ .ics
+        </a>
+        <a class="button" target="_blank" rel="noopener noreferrer" href="https://devicetests.com/how-to-add-ics-files-to-iphone-calendar">
+          วิธีใช้งาน (iOS/iPadOS Calendar)
+        </a>
+        <a class="button" target="_blank" rel="noopener noreferrer" href="https://support.google.com/calendar/answer/37118">
+          วิธีใช้งาน (Google Calendar PC)
+        </a>
+        <a class="button" target="_blank" rel="noopener noreferrer" href="mailto:admin@techtransthai.org">
+          แจ้งความผิดพลาดของข้อมูล
+        </a>
+      </div>
+
+      <h3 style="margin-top: 5vh;">Changelog</h3>
+
+      <div class="section">
+        <a class="infocard" >
+          <div>
+            <h3>Jun 10 2024, 21:17</h3>
+            <p>- สอบปลายภาค ภาคเรียนที่ 3</p>
+            <h3>Jun 10 2024, 21:10</h3>
+            <p>- จ่ายค่าเทอมวันสุดท้ายเทอม 1</p>
+            <p>- ขอถอนรายวิชาเรียนเทอม 2</p>
+          </div>
+        </a>
+      </div>
+    
+    </div>
+  </div>
+
+</body>
+</html>
diff --git a/index.html b/index.html
index 2a4d1e8..46b1459 100644
--- a/index.html
+++ b/index.html
@@ -93,6 +93,15 @@
             </div>
           </div>
         </a>
+        <a class="itemcard" href="ieducal.html">
+          <div class="listaction">
+            <img src="icons/iEduCal.svg" alt="iEduCal" width="80" height="80" style="margin: 0.3cm;"> 
+            <div>
+              <h3>iEduCal for KMITL</h3>
+              <p>ปฏิทินการศึกษาในรูปแบบ iCalendar</p>
+            </div>
+          </div>
+        </a>
         <a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://test.techtransthai.org/">
           <div class="listaction">
             <img src="icons/librespeed.png" alt="LibreSpeed" width="80" height="80" style="margin: 0.3cm;">