Replaces style.css from style used in head of dir-index.html; replaces html in dir-index-uncat with that from dir-index
Jessica Schilling committed
Jul 23, 2020 at 15:25 UTC
96eed243f058211609655192b970ef9b7c355605
2 files changed
+59
-37
dir-index-uncat.html
+58
-36
@@ -1,4 +1,5 @@
1
<!DOCTYPE html>
2
+{{ $root := . }}
3
<html>
4
<head>
5
<meta charset="utf-8" />
@@ -17,59 +18,80 @@
18
<meta name="viewport" content="width=device-width, initial-scale=1.0">
19
<link rel="shortcut icon" href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlo89/56ZQ/8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUjDu1lo89/6mhTP+zrVP/nplD/5+aRK8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHNiIS6Wjz3/ubFY/761W/+vp1D/urRZ/8vDZf/GvmH/nplD/1BNIm8AAAAAAAAAAAAAAAAAAAAAAAAAAJaPPf+knEj/vrVb/761W/++tVv/r6dQ/7q0Wf/Lw2X/y8Nl/8vDZf+tpk7/nplD/wAAAAAAAAAAAAAAAJaPPf+2rVX/vrVb/761W/++tVv/vrVb/6+nUP+6tFn/y8Nl/8vDZf/Lw2X/y8Nl/8G6Xv+emUP/AAAAAAAAAACWjz3/vrVb/761W/++tVv/vrVb/761W/+vp1D/urRZ/8vDZf/Lw2X/y8Nl/8vDZf/Lw2X/nplD/wAAAAAAAAAAlo89/761W/++tVv/vrVb/761W/++tVv/r6dQ/7q0Wf/Lw2X/y8Nl/8vDZf/Lw2X/y8Nl/56ZQ/8AAAAAAAAAAJaPPf++tVv/vrVb/761W/++tVv/vbRa/5aPPf+emUP/y8Nl/8vDZf/Lw2X/y8Nl/8vDZf+emUP/AAAAAAAAAACWjz3/vrVb/761W/++tVv/vrVb/5qTQP+inkb/op5G/6KdRv/Lw2X/y8Nl/8vDZf/Lw2X/nplD/wAAAAAAAAAAlo89/761W/++tVv/sqlS/56ZQ//LxWb/0Mlp/9DJaf/Kw2X/oJtE/7+3XP/Lw2X/y8Nl/56ZQ/8AAAAAAAAAAJaPPf+9tFr/mJE+/7GsUv/Rymr/0cpq/9HKav/Rymr/0cpq/9HKav+xrFL/nplD/8vDZf+emUP/AAAAAAAAAACWjz3/op5G/9HKav/Rymr/0cpq/9HKav/Rymr/0cpq/9HKav/Rymr/0cpq/9HKav+inkb/nplD/wAAAAAAAAAAAAAAAKKeRv+3slb/0cpq/9HKav/Rymr/0cpq/9HKav/Rymr/0cpq/9HKav+1sFX/op5G/wAAAAAAAAAAAAAAAAAAAAAAAAAAop5GUKKeRv/Nxmf/0cpq/9HKav/Rymr/0cpq/83GZ/+inkb/op5GSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAop5G16KeRv/LxWb/y8Vm/6KeRv+inkaPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAop5G/6KeRtcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/n8AAPgfAADwDwAAwAMAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAAwAMAAPAPAAD4HwAA/n8AAA==" />
20
<!-- TODO: seed these - maybe like the starter ex or the webui? -->
20
- <link rel="stylesheet" href="gw-assets/style.css"/>
21
+ <link rel="stylesheet" href="/ipfs/Qme2SZFZhhgzT4v3d2R87c8KwaozjyqqUrXPzzA85QbGnj/style.css"/>
22
<!-- Icon art is https://fileicons.org/ -->
22
- <link rel="stylesheet" href="gw-assets/icons.css">
23
+ <link rel="stylesheet" href="/ipfs/Qme2SZFZhhgzT4v3d2R87c8KwaozjyqqUrXPzzA85QbGnj/icons.css">
24
<title>{{ .Path }}</title>
25
</head>
26
<body>
26
- <div id="header" class="row">
27
- <div class="" style="float:left; padding: 0 15px; width: 160px;">
28
- <div id="logo" class="ipfs-logo"> </div>
29
- </div>
30
- <div id="header-menu">
31
- <div class="header-menu-item"><a href="https://ipfs.io" target="_blank" rel="noopener noreferrer">About IPFS</a></div>
32
- <div class="header-menu-item"><a href="https://ipfs.io#install" target="_blank" rel="noopener noreferrer">Install IPFS</a></div>
33
- <div class="header-menu-item" id="bug-report">
27
+ <div id="page-header">
28
+ <div id="page-header-logo" class="ipfs-logo"> </div>
29
+ <div id="page-header-menu">
30
+ <div class="menu-item-wide"><a href="https://ipfs.io" target="_blank" rel="noopener noreferrer">About IPFS</a></div>
31
+ <div class="menu-item-wide"><a href="https://ipfs.io#install" target="_blank" rel="noopener noreferrer">Install IPFS</a></div>
32
+ <div class="menu-item-narrow"><a href="https://ipfs.io" target="_blank" rel="noopener noreferrer">About</a></div>
33
+ <div class="menu-item-narrow"><a href="https://ipfs.io#install" target="_blank" rel="noopener noreferrer">Install</a></div>
34
+ <div>
35
<a href="https://github.com/ipfs/dir-index-html/issues/" target="_blank" rel="noopener noreferrer">
36
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.4 21"><circle cx="7.5" cy="4.8" r="1"/><circle cx="11.1" cy="4.8" r="1"/><path d="M12.7 8.4c-0.5-1.5-1.9-2.5-3.5-2.5 -1.6 0-3 1-3.5 2.5H12.7z"/><path d="M8.5 9.7H5c-0.5 0.8-0.7 1.7-0.7 2.7 0 2.6 1.8 4.8 4.2 5.2V9.7z"/><path d="M13.4 9.7H9.9v7.9c2.4-0.4 4.2-2.5 4.2-5.2C14.1 11.4 13.9 10.5 13.4 9.7z"/><circle cx="15.7" cy="12.9" r="1"/><circle cx="15.1" cy="15.4" r="1"/><circle cx="15.3" cy="10.4" r="1"/><circle cx="2.7" cy="12.9" r="1"/><circle cx="3.3" cy="15.4" r="1"/><circle cx="3.1" cy="10.4" r="1"/></svg>
37
</a>
38
</div>
39
</div>
40
</div>
40
- <br/>
41
- <div class="col-xs-12">
42
- <div class="panel panel-default">
43
- <div class="panel-heading">
44
- <strong>Index of {{ .Path }}</strong>
41
+ <div id="content">
42
+ <div id="content-header" class="d-flex flex-wrap">
43
+ <div>
44
+ <strong>
45
+ Index of
46
+ {{ range .Breadcrumbs -}}
47
+ /{{ if .Path }}<a href="{{ $root.GatewayURL }}{{ .Path | urlEscape }}">{{ .Name }}</a>{{ else }}{{ .Name }}{{ end }}
48
+ {{- else }}
49
+ {{ .Path }}
50
+ {{ end }}
51
+ </strong>
52
{{ if .Hash }}
53
<div class="ipfs-hash">
54
{{ .Hash }}
55
</div>
56
{{ end }}
57
</div>
51
- <table class="table table-striped">
52
- <tr>
53
- <td class="narrow">
54
- <div class="ipfs-icon ipfs-_blank"> </div>
55
- </td>
56
- <td class="padding">
57
- <a href="{{.BackLink}}">..</a>
58
- </td>
59
- <td></td>
60
- </tr>
61
- {{ range .Listing }}
62
- <tr>
63
- <td>
64
- <div class="ipfs-icon {{iconFromExt .Name}}"> </div>
65
- </td>
66
- <td>
67
- <a href="{{ .Path }}">{{ .Name }}</a>
68
- </td>
69
- <td>{{ .Size }}</td>
70
- </tr>
58
+ {{ if .Size }}
59
+ <div class="no-linebreak flex-shrink-1 ml-auto">
60
+ <strong> {{ .Size }}</strong>
61
+ </div>
62
+ {{ end }}
63
+ </div>
64
+ <div class="table-responsive">
65
+ <table>
66
+ <tr>
67
+ <td class="type-icon">
68
+ <div class="ipfs-_blank"> </div>
69
+ </td>
70
+ <td>
71
+ <a href="{{.BackLink | urlEscape}}">..</a>
72
+ </td>
73
+ <td></td>
74
+ <td></td>
75
+ </tr>
76
+ {{ range .Listing }}
77
+ <tr>
78
+ <td class="type-icon">
79
+ <div class="{{iconFromExt .Name}}"> </div>
80
+ </td>
81
+ <td>
82
+ <a href="{{ .Path | urlEscape }}">{{ .Name }}</a>
83
+ </td>
84
+ <td class="no-linebreak">
85
+ {{ if .Hash }}
86
+ <a class="ipfs-hash" href="{{ $root.GatewayURL }}/ipfs/{{ .Hash | urlEscape }}">
87
+ {{ .ShortHash }}
88
+ </a>
89
+ {{ end }}
90
+ </td>
91
+ <td class="no-linebreak">{{ .Size }}</td>
92
+ </tr>
93
{{ end }}
72
- </table>
94
+ </table>
95
</div>
96
</div>
97
</body>
gw-assets/style.css
+1
-1
@@ -1 +1 @@
1
-body{color:#34373f;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.43;margin:0;word-break:break-all;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a{color:#117EB3;text-decoration:none}a:hover{color:#00B0E9;text-decoration:underline}a:active,a:visited{color:#00B0E9}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}table:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}tr:first-child td{border-top:0}tr:nth-of-type(even){background-color:#f7f8fa}td{border-top:1px solid #d9dbe2;padding:.65em;vertical-align:top}#page-header{align-items:center;background:#0b3a53;border-bottom:4px solid #69c4cd;color:#fff;display:flex;font-size:1.12em;font-weight:500;justify-content:space-between;padding:0 1em}#page-header a{color:#69c4cd}#page-header a:active{color:#9ad4db}#page-header a:hover{color:#fff}#page-header-logo{height:2.25em;margin:.7em .7em .7em 0;width:7.15em}#page-header-menu{align-items:center;display:flex;margin:.65em 0}#page-header-menu div{margin:0 .6em}#page-header-menu div:last-child{margin:0 0 0 .6em}#page-header-menu svg{fill:#69c4cd;height:1.8em;margin-top:.125em}#page-header-menu svg:hover{fill:#fff}.menu-item-narrow{display:none}#content{border:1px solid #d9dbe2;border-radius:4px;margin:1em}#content-header{background-color:#edf0f4;border-bottom:1px solid #d9dbe2;border-top-left-radius:3px;border-top-right-radius:3px;padding:.7em 1em}.type-icon{width:1.15em}.no-linebreak{white-space:nowrap}.ipfs-hash{color:#7f8491}@media only screen and (max-width:500px){.menu-item-narrow{display:inline}.menu-item-wide{display:none}}@media print{#page-header{display:none}#content-header,.ipfs-hash,body{color:#000}#content-header{border-bottom:1px solid #000}#content{border:1px solid #000}a,a:visited{color:#000;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}tr{page-break-inside:avoid}tr:nth-of-type(even){background-color:transparent}td{border-top:1px solid #000}}@-ms-viewport{width:device-width}
1
+body{color:#34373f;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.43;margin:0;word-break:break-all;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a{color:#117eb3;text-decoration:none}a:hover{color:#00b0e9;text-decoration:underline}a:active,a:visited{color:#00b0e9}strong{font-weight:700}table{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}table:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}tr:first-child td{border-top:0}tr:nth-of-type(even){background-color:#f7f8fa}td{border-top:1px solid #d9dbe2;padding:.65em;vertical-align:top}#page-header{align-items:center;background:#0b3a53;border-bottom:4px solid #69c4cd;color:#fff;display:flex;font-size:1.12em;font-weight:500;justify-content:space-between;padding:0 1em}#page-header a{color:#69c4cd}#page-header a:active{color:#9ad4db}#page-header a:hover{color:#fff}#page-header-logo{height:2.25em;margin:.7em .7em .7em 0;width:7.15em}#page-header-menu{align-items:center;display:flex;margin:.65em 0}#page-header-menu div{margin:0 .6em}#page-header-menu div:last-child{margin:0 0 0 .6em}#page-header-menu svg{fill:#69c4cd;height:1.8em;margin-top:.125em}#page-header-menu svg:hover{fill:#fff}.menu-item-narrow{display:none}#content{border:1px solid #d9dbe2;border-radius:4px;margin:1em}#content-header{background-color:#edf0f4;border-bottom:1px solid #d9dbe2;border-top-left-radius:3px;border-top-right-radius:3px;padding:.7em 1em}.type-icon,.type-icon>*{width:1.15em}.no-linebreak{white-space:nowrap}.ipfs-hash{color:#7f8491;font-family:monospace}@media only screen and (max-width:500px){.menu-item-narrow{display:inline}.menu-item-wide{display:none}}@media print{#page-header{display:none}#content-header,.ipfs-hash,body{color:#000}#content-header{border-bottom:1px solid #000}#content{border:1px solid #000}a,a:visited{color:#000;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}tr{page-break-inside:avoid}tr:nth-of-type(even){background-color:transparent}td{border-top:1px solid #000}}@-ms-viewport{width:device-width}.d-flex{display:flex}.flex-wrap{flex-flow:wrap}.flex-shrink-1{flex-shrink:1}.ml-auto{margin-left:auto}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}