journal

[ergmar]

!DOCTYPE html>

<title>Daily Teaching Journal | Mémorandum Quotidien</title> <script src="https://cdn.tailwindcss.com"></script> <style> /* Print page setup for A4 */ @page { size: A4 portrait; margin: 20mm; } @media print { body { -webkit-print-color-adjust: exact; print-color-adjust: exact; font-size: 11pt; line-height: 1.3; } textarea, input { border: none; outline: none; } textarea:focus, input:focus { box-shadow: none; } /* Force table borders visible on print */ table, th, td { border-style: dotted !important; } /* Avoid page breaks inside the table */ table { page-break-inside: avoid; } }

/* Remove default input/textarea bg & borders, show dotted borders on cells */
input, textarea {
  font-family: inherit;
  font-size: inherit;
  background: transparent;
  border: none;
  resize: none;
  padding: 0;
  margin: 0;
  outline-offset: 0;
  line-height: 1.2;
  caret-color: #000;
}
input::placeholder, textarea::placeholder {
  color: #999;
}
input:focus, textarea:focus {
  outline: 1px dotted #000;
  background-color: #fff;
}

/* Ensure textarea rows lines for dotted lines for Remarques */
textarea {
  border: none;
  border-bottom: 1px dotted #4B5563; /* Tailwind gray-600 */
  line-height: 1.5;
}

</style>

Date

Période

Semaine

Jour

    <!-- Récréation row spanning all columns -->
    <tr class="bg-gray-200">
      <td colspan="7" class="border border-dotted border-gray-600 text-center font-semibold py-1 select-none" style="letter-spacing: 0.09em;">
        RÉCRÉATION
      </td>
    </tr>

    <!-- Afternoon Sessions -->
    <tr>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" placeholder="10:30-11:15" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" placeholder="" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" maxlength="1" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" placeholder="45 min" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <textarea placeholder="" rows="2" class="w-full resize-none"></textarea>
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" maxlength="2" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" maxlength="3" class="w-full text-center" />
      </td>
    </tr>
    <tr>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" placeholder="11:15-12:00" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" placeholder="" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" maxlength="1" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" placeholder="45 min" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <textarea placeholder="" rows="2" class="w-full resize-none"></textarea>
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" maxlength="2" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" maxlength="3" class="w-full text-center" />
      </td>
    </tr>
    <tr>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" placeholder="12:00-12:45" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" placeholder="" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" maxlength="1" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" placeholder="45 min" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <textarea placeholder="" rows="2" class="w-full resize-none"></textarea>
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" maxlength="2" class="w-full text-center" />
      </td>
      <td class="border border-dotted border-gray-600 px-1">
        <input type="text" maxlength="3" class="w-full text-center" />
      </td>
    </tr>
  </tbody>
</table>

Remarques : <textarea id="remarques" rows="5" placeholder="Tapez vos remarques ici ou laissez vide pour remplir à la main." class="w-full border-0 border-b border-dotted border-gray-600 resize-none px-0 py-1 text-sm print:text-sm"></textarea>

Horaire	Discipline	S	Durée	Activités	Gr	N.C.M
				<textarea placeholder="" rows="2" class="w-full resize-none"></textarea>
				<textarea placeholder="" rows="2" class="w-full resize-none"></textarea>
				<textarea placeholder="" rows="2" class="w-full resize-none"></textarea>