1<!doctype html>
 2<html lang="en">
 3
 4<head>
 5  <!-- Required meta tags -->
 6  <meta charset="utf-8">
 7  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 8
 9  <!-- Bootstrap CSS -->
10  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
11
12  <style>
13    footer {
14      width:100%;
15      background: #38414f;
16      color: #bec0c4;
17      margin-top: 80px;
18      padding: 20px;
19    }
20  </style>
21
22  <title>padArchiver</title>
23</head>
24
25<body>
26  <nav class="navbar navbar-expand-lg navbar-light bg-light">
27    <a class="navbar-brand" href="/">padArchiver</a>
28    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
29    <span class="navbar-toggler-icon"></span>
30  </button>
31
32    <div class="collapse navbar-collapse" id="navbarSupportedContent">
33      <ul class="navbar-nav mr-auto">
34        <li class="nav-item active">
35          <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
36        </li>
37      </ul>
38    </div>
39  </nav>
40
41  <br><br>
42
43  <div class="container">
44    <div class="row">
45      <div class="col-sm-2"></div>
46      <div class="col-sm-8">
47        <h3>{{.PageTitle}}</h3>
48        <ul class="list-group">
49          {{range .Items}}
50            {{if .IsDir}}
51              <br><br>
52              <nav aria-label="breadcrumb">
53                <ol class="breadcrumb">
54                  <li class="breadcrumb-item active" aria-current="page">
55                    <a href="{{.Path}}">{{.Name}}</a>
56                  </li>
57                </ol>
58              </nav>
59
60            {{else}}
61              <a href="{{.Path}}" class="list-group-item">{{.Name}}</a>
62            {{end}}
63          {{end}}
64        </ul>
65      </div>
66
67    </div>
68  </div>
69
70    <footer>
71      <div class="container">
72        <p class="float-right">
73          <a href="#">Back to top</a>
74        </p>
75        <p>
76          padArchiver - webServer
77        </p>
78        <p>
79          Github: <a href="https://github.com/arnaucode/padArchiver" target="_blank">https://github.com/arnaucode/padArchiver</a>
80        </p>
81      </div>
82    </footer>
83
84    <!-- Optional JavaScript -->
85    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
86    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
87    <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>
88    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
89</body>
90
91</html>