<style> /* style for the whole site */ * { font-family: "Arial Black", serif; font-size: 16px; line-height: 1.5; color: #000; background-color: #f2f2f2; } body { margin: 0; padding: 0; } /* style for headings */ h1 { font-size: 24px; font-weight: bold; border-bottom: 4px solid #f00; } /* style for paragraphs */ p { font-family: "Arial Black", serif; font-size: 16px; line-height: 1.5; margin: 0 0 16px 0; padding: 16px; } /* style for links */ a { text-decoration: none; color: #00f; font-size: 16px; text-transform: lowercase; transition: color 0.2s; } /* style for links hover */ a:hover { color: #0ff; } /* style for code blocks */ pre { border: 4px solid #f00; padding:ประก 8px; margin: 16px 0; background-color: #f0f; } /* style for code blocks inside paragraphs */ code { font-family: monospace; font-size: 16px; background-color: #f0f; padding: 4px 8px; border: 1px solid #f00; border-radius: 4px; } /* style for images */ img { width: 100%; height: auto; margin: 16px; border: 4px solid #f00; } /* style for tables */ table { border-collapse: collapse; border: 1px solid #f00; width: 100%; margin: 16px 0; background-color: #f0f; table-layout: fixed; word-wrap: normal; } /* style for table cells */ th, td { padding: 8px 16px; border: 1px solid #f00; border-bottom: 4px solid #f00; background-color: #f0f; } /* style for table headers */ th { font-size: 16px; font-weight: bold; text-align: left; background-color: #f00; minimalist: true; } /* style for table headers hover */ th:hover { background-color: #f00; } /* style for table data */ td { font-size: 16px; text-align: left; background-color: #f0f; } /* style for table data hover */ td:hover { background-color: #f0f; } </style> </head> <body> <h1>prophets of code</h1> prophets of code: the meeting minutes for the most elite programmers of the land <h2>this week's meeting</h2> <h3>ประก minutes</h3> <table> <tr> <th>topic</th> <th>action items</th> <th>owner</th> </tr> <tr> <td>Implement new AI-powered toaster</td> <td>assign John to lead the project</td> <td>John</td> </tr> <tr> <td>Fix the toaster</td> <td>assign Jane to lead the project</td> <tdประกJane</td> </tr> </table> <h2>action items</h2> <ul> <li><a href="/meeting/attendees/programmers/minutes/this_week/ai_toaster">AI-powered Toaster</a></li> <li><a href="/meeting/attendees/programmers/minutes/this_week/fix_toaster">Fix the Toaster</a></li> </ul> <h2>attendees</h2> <ul> <li><a href="/meeting/attendees/programmers/minutes/this_week/steve">Steve the Programmer</a></li> <li><a href="/meeting/attendees/programmers/minutes/this_week/john">John the Programmer</a></li> <li><a href="/meeting/attendees/programmers/minutes/this_week/jane">Jane the Programmer</a></li> </ul> </body> </html>