lesson.php 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <?PHP
  2. include "../pcdl/html_head.php";
  3. ?>
  4. <body>
  5. <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
  6. <script src="https://cdn.jsdelivr.net/npm/mermaid@8.6.0/dist/mermaid.min.js"></script>
  7. <script src="../course/lesson.js"></script>
  8. <?php
  9. require_once("../pcdl/head_bar.php");
  10. ?>
  11. <link type="text/css" rel="stylesheet" href="./style.css" />
  12. <style>
  13. .padding_LR_1rem {
  14. padding: 0 1rem;
  15. }
  16. #lesson_info_shell {
  17. padding: 2rem 1rem;
  18. }
  19. #course_info_shell {
  20. background-color: var(--box-bg-color1);
  21. }
  22. #course_info {
  23. display: flex;
  24. justify-content: space-between;
  25. padding: 6px;
  26. }
  27. #parent_title,
  28. #parent_title a {
  29. font-size: 13px;
  30. line-height: 2.4em;
  31. font-weight: 500;
  32. color: var(--tool-color);
  33. }
  34. </style>
  35. <div id='course_content'>
  36. <div id='course_info_shell' class='padding_LR_1rem'>
  37. <div id='course_info' class="section_inner"></div>
  38. </div>
  39. <div id='lesson_info_shell'>
  40. <div id='lesson_info' class="section_inner"></div>
  41. </div>
  42. <div id='lesson_list_shell'>
  43. <div id='lesson_list' class="section_inner lesson"></div>
  44. </div>
  45. </div>
  46. <script>
  47. lesson_load("<?php echo $_GET["id"]; ?>");
  48. </script>
  49. <?php
  50. include "../pcdl/html_foot.php";
  51. ?>