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.

98 lines
3.3 KiB

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!-- Required meta tags -->
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <!-- Bootstrap CSS -->
  8. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
  9. <style>
  10. body {
  11. word-wrap: break-word;
  12. }
  13. footer {
  14. width:100%;
  15. background: #38414f;
  16. color: #bec0c4;
  17. margin-top: 80px;
  18. padding: 20px;
  19. }
  20. a:link {
  21. color: #008ae6;
  22. }
  23. a:visited {
  24. color: #008ae6;
  25. }
  26. a:hover {
  27. color: #33adff;
  28. }
  29. </style>
  30. <title>padArchiver</title>
  31. </head>
  32. <body>
  33. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  34. <a class="navbar-brand" href="/">
  35. <img src="https://seeklogo.com/images/G/go-logo-046185B647-seeklogo.com.png" height="30" class="d-inline-block align-top" alt="">
  36. padArchiver
  37. </a>
  38. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  39. <span class="navbar-toggler-icon"></span>
  40. </button>
  41. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  42. <!--<ul class="navbar-nav mr-auto">
  43. <li class="nav-item active">
  44. <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
  45. </li>
  46. </ul>-->
  47. </div>
  48. <form class="form-inline my-2 my-lg-0">
  49. <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
  50. <button class="btn btn-outline-info my-2 my-sm-0" type="submit">Search</button>
  51. </form>
  52. </nav>
  53. <br>
  54. <div class="container">
  55. <div class="row">
  56. <div class="col-sm-3">
  57. {{.MenuContent}}
  58. </div>
  59. <div class="col-sm-9">
  60. <h3>{{.Title}}</h3>
  61. <hr> {{.Content}}
  62. </div>
  63. </div>
  64. </div>
  65. <footer class="text-muted">
  66. <div class="container">
  67. <p class="float-right">
  68. <a href="#">Back to top</a>
  69. </p>
  70. <p>
  71. padArchiver - webServer
  72. </p>
  73. <p>
  74. Github: <a href="https://github.com/arnaucode/padArchiver" target="_blank">https://github.com/arnaucode/padArchiver</a>
  75. </p>
  76. </div>
  77. </footer>
  78. <!-- Optional JavaScript -->
  79. <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  80. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  81. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
  82. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
  83. <!-- font awesome icons -->
  84. <script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
  85. </body>
  86. </html>