Skip to content

Instantly share code, notes, and snippets.

@Tuurash
Last active January 15, 2026 00:08
Show Gist options
  • Select an option

  • Save Tuurash/2d933005b00cb53b758ec7a1f80398dd to your computer and use it in GitHub Desktop.

Select an option

Save Tuurash/2d933005b00cb53b758ec7a1f80398dd to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Note</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.4;
margin: 12px;
color: #222;
}
h1 { font-size: 1.6em; margin-bottom: 4px; }
h2 { font-size: 1.2em; color: #444; margin-top: 0; }
p { font-size: 1em; margin: 8px 0; }
ul { padding-left: 18px; margin: 6px 0; }
li { margin: 4px 0; }
.event-chip {
display: inline-block;
background: #eef;
border-radius: 4px;
padding: 2px 6px;
margin-right: 6px;
font-size: 0.9em;
border: 1px solid #aac;
}
.calendar {
margin-top: 12px;
font-size: 0.9em;
text-align: center;
}
.calendar table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.calendar th {
font-weight: bold;
padding: 4px 0;
background: #f4f4f4;
}
.calendar td {
border: 1px solid #ddd;
height: 24px;
padding: 2px;
}
</style>
</head>
<body>
<h1>Daily Note</h1>
<h2>Tasks & Events Overview</h2>
<p>This is your quick note for today — including action items and events. Review and update as needed.</p>
<ul>
<li>Review project design</li>
<li>Send weekly update email</li>
<li>Prepare slides for meeting</li>
</ul>
<p>Upcoming events:</p>
<div>
<span class="event-chip"><strong>Jan 15</strong> 10:00 AM — Meeting</span>
<span class="event-chip"><strong>Jan 15</strong> 02:30 PM — Code Review</span>
</div>
<div class="calendar">
<table>
<tr>
<th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th>
</tr>
<tr>
<td></td><td></td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td>
</tr>
<tr>
<td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td>
</tr>
<tr>
<td>13</td><td>14</td><td><strong>15</strong></td><td>16</td><td>17</td><td>18</td><td>19</td>
</tr>
<tr>
<td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td>
</tr>
<tr>
<td>27</td><td>28</td><td>29</td><td>30</td><td>31</td><td></td><td></td>
</tr>
</table>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment