縮網址服務隨便做的前端啦 https://ntut.com.tw/url
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

56 line
2.3KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>NTUT URL</title>
  7. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  8. <link rel="stylesheet" href="css/layout.css">
  9. <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  10. </head>
  11. <body>
  12. <div id="content" class="container">
  13. <header class="text-center">
  14. <h1>NTUT URL</h1>
  15. <p>工業推手一世紀,企業搖籃一百年</p>
  16. </header>
  17. <hr>
  18. <div id="urlBox">
  19. <div class="urls container">
  20. <div class="url row">
  21. <h3 class="text-center col-4">自訂名稱 Alias</h3>
  22. <h3 class="text-center col-4">目標網址 Target</h3>
  23. <h3 class="text-center col-4">有效天數 Days</h3>
  24. </div>
  25. <!--url list-->
  26. </div>
  27. <div class="urlAdder container">
  28. <div class="url row">
  29. <input class="text-center col-4 name" name="name" type="text" placeholder="留白將隨機產生">
  30. <input class="text-center col-4 target" name="target" type="text" placeholder="填入目標長網址">
  31. <input class="text-center col-4 expire-days" name="expire-days" type="number" placeholder="留白為無期限">
  32. <p class="col-12"></p>
  33. <p class="col-sm-2"></p>
  34. <a class="btn btn-primary col-sm-8 col-12" href="javascript:" onclick="createUrl()">縮網址 Shorten</a>
  35. <p class="col-sm-2"></p>
  36. </div>
  37. </div>
  38. </div>
  39. <hr>
  40. <footer class="text-center">
  41. <a href="https://git.ntut.com.tw/PinLin/ntut-url-client">Frontend Source Code</a>
  42. <br>
  43. <a href="https://github.com/PinLin/ntut-url">Backend Source Code</a>
  44. </footer>
  45. </div>
  46. <script src="js/main.js"></script>
  47. </body>
  48. </html>