index.html 4.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!DOCTYPE html>
  2. <html lang="zh-TW">
  3. <head>
  4. {% block head %}
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>AI Spokesgirl</title>
  8. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
  9. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
  10. crossorigin="anonymous">
  11. <link rel="stylesheet"
  12. href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
  13. crossorigin="anonymous">
  14. <link rel="preconnect" href="https://fonts.googleapis.com">
  15. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  16. <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
  17. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
  18. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.min.css">
  19. <link rel="stylesheet" href="static/owl.carousel.min.css">
  20. <link rel="stylesheet" href="static/owl.theme.default.min.css">
  21. <link rel="stylesheet" href="static/style.css">
  22. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  23. <!-- <title>Login</title> -->
  24. <title>{% block title %}{% endblock %} - My Webpage</title>
  25. {% endblock %}
  26. </head>
  27. <body>
  28. <!-- ================================================================= -->
  29. <!-- navbar -->
  30. <nav class="navbar navbar-expand-lg navbar-light">
  31. <div class="container-fluid">
  32. <a class="navbar-brand" href="/index">AI Spokesgirl</a>
  33. <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
  34. data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
  35. aria-label="Toggle navigation">
  36. <span class="navbar-toggler-icon"></span>
  37. </button>
  38. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  39. <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  40. <li class="nav-item">
  41. <a class="nav-link active btn-gocreate text-white" aria-current="page" href="/make_video">製作影片</a>
  42. </li>
  43. <li class="nav-item">
  44. <a class="nav-link active btn-gocreate text-white" aria-current="page" href="/make_video_slide">SLIDE製作影片</a>
  45. </li>
  46. </ul>
  47. <ul class="navbar-nav mb-2 mb-lg-0">
  48. <li class="nav-item">
  49. <a class="nav-link active" aria-current="page" href="/login">Login</a>
  50. </li>
  51. <li class="nav-item">
  52. <a class="nav-link" aria-current="page" href="/user_profile">User Profile</a>
  53. </li>
  54. <li class="nav-item">
  55. <a class="nav-link" aria-current="page" href="/logout">Logout</a>
  56. </li>
  57. </ul>
  58. </div>
  59. </div>
  60. </nav>
  61. <!-- ================================================================= -->
  62. <!-- ================================================================= -->
  63. <!-- content -->
  64. <div class="container-fluid px-0">
  65. {% block content %}{% endblock %}
  66. </div>
  67. <!-- ================================================================= -->
  68. <!-- ================================================================= -->
  69. <!-- footer -->
  70. <footer class="fixed-bottom text-center py-2">
  71. {% block footer %}
  72. {% endblock %}
  73. </footer>
  74. <!-- ================================================================= -->
  75. <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  76. <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
  77. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
  78. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
  79. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.all.min.js"></script>
  80. <script src="static/owl.carousel.min.js"></script>
  81. <script src="static/script_util.js"></script>
  82. <script src="templates/script_index.js"></script>
  83. </body>
  84. </html>