NEW TOOL: course list mail format

This commit is contained in:
2024-04-08 12:33:27 +05:30
parent 56de8bbb05
commit fd28f122ae
3 changed files with 121 additions and 0 deletions

View File

@@ -19,6 +19,7 @@ little easier in this uni… maybe…
- [Fee Payment Email Format](./feemailformat) - [Fee Payment Email Format](./feemailformat)
- [Course List Email Format](./coursemailformat)
<big class="container">MORE COMING SOON&hellip;</big> <big class="container">MORE COMING SOON&hellip;</big>
<p>&hellip;someone has to make them and they are lazy</p> <p>&hellip;someone has to make them and they are lazy</p>

View File

@@ -0,0 +1,30 @@
---
layout: base
title: Course List Mail Format
desc: >
copiable format for mail to COE Office confirming list of courses
enrolled in during your programme at the EFL University
---
<header class="center">
<h1>Course List Email Format</h1>
<button id="copybtn" disabled="">COPY</button>
<p>that email thing format in a neat table that you can copy to gmail</p>
<p>psst. might not work everywhere. but <b>LONG PRESS</b> and paste. do not pick from keyboard</p>
<div>
<script type="module">
const btn = document.getElementById('copybtn');
const frame = document.querySelector('iframe').contentWindow;
btn.addEventListener("click", ()=> {
frame.getSelection().selectAllChildren(frame.document.querySelector('main'));
frame.document.execCommand('copy');
btn.innerText = 'COPIED!';
btn.disabled = true;
setTimeout(()=>{btn.disabled = false; btn.innerText = 'COPY'},3000)
});
btn.disabled = false;
</script>
</div>
</header>
<iframe src="./plainformat" width="100%" height="600px"></iframe>

View File

@@ -0,0 +1,90 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<meta name="viewport" content="width=device-width">
</head>
<body>
<style>
table { border-collapse: collapse; margin-bottom: 5px; }
td { border: solid #9a9a9a 1px; padding: 3px 5px; }
th { text-align: left; padding: 7px 5px;}
</style>
<main>
<table>
<tbody>
<tr><th colspan="2">Student Details</th></tr>
<tr>
<td>Name of the Student</td><td></td>
</tr><tr>
<td>Course/Programme</td><td></td>
</tr><tr>
<td>Year of Graduation</td><td></td>
</tr><tr>
<td>Roll Number</td><td></td>
</tr><tr>
<td>ABC ID</td><td></td>
</tr><tr>
<td>Phone Number</td><td></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr><th colspan="3">Semester 1</th></tr>
<tr>
<td></td><td>Course Code</td><td>Course Title</td>
</tr>
<tr><td>1</td><td></td><td></td></tr>
<tr><td>2</td><td></td><td></td></tr>
<tr><td>3</td><td></td><td></td></tr>
<tr><td>4</td><td></td><td></td></tr>
<tr><td>5</td><td></td><td></td></tr>
<tr><td>6</td><td></td><td></td></tr>
<tr><th colspan="3">Semester 2</th></tr>
<tr>
<td></td><td>Course Code</td><td>Course Title</td>
</tr>
<tr><td>1</td><td></td><td></td></tr>
<tr><td>2</td><td></td><td></td></tr>
<tr><td>3</td><td></td><td></td></tr>
<tr><td>4</td><td></td><td></td></tr>
<tr><td>5</td><td></td><td></td></tr>
<tr><td>6</td><td></td><td></td></tr>
<tr><th colspan="3">Semester 3</th></tr>
<tr>
<td></td><td>Course Code</td><td>Course Title</td>
</tr>
<tr><td>1</td><td></td><td></td></tr>
<tr><td>2</td><td></td><td></td></tr>
<tr><td>3</td><td></td><td></td></tr>
<tr><td>4</td><td></td><td></td></tr>
<tr><td>5</td><td></td><td></td></tr>
<tr><td>6</td><td></td><td></td></tr>
<tr><th colspan="3">Semester 4</th></tr>
<tr>
<td></td><td>Course Code</td><td>Course Title</td>
</tr>
<tr><td>1</td><td></td><td></td></tr>
<tr><td>2</td><td></td><td></td></tr>
<tr><td>3</td><td></td><td></td></tr>
<tr><td>4</td><td></td><td></td></tr>
<tr><td>5</td><td></td><td></td></tr>
<tr><td>6</td><td></td><td></td></tr>
<tr><th colspan="3">Swayam Courses</th></tr>
<tr>
<td></td><td>Year and Month</td><td>Course Title</td>
</tr>
<tr><td>1</td><td></td><td></td></tr>
<tr><td>2</td><td></td><td></td></tr>
<tr><td>3</td><td></td><td></td></tr>
<tr><td>4</td><td></td><td></td></tr>
<tr><td>5</td><td></td><td></td></tr>
<tr><td>6</td><td></td><td></td></tr>
</tbody>
</table>
</main>
</body>
</html>