dir-index.html only: wrap up header styling, add bug report icon
Jessica Schilling committed
Apr 21, 2020 at 13:57 UTC
b976e3cbc137446d7d959ce557843bc93cdf3fd0
1 file changed
+41
-1
dir-index.html
+41
-1
@@ -11,11 +11,42 @@
11
#header {
12
background: #0b3a53;
13
border-bottom: 4px solid #69c4cd;
14
+ color: #ffffff;
15
+ margin: 0;
16
+ padding: 0;
17
}
18
#logo {
19
height: 35px;
20
margin: 10px;
21
}
22
+ #header-menu {
23
+ align-items: center;
24
+ display: flex;
25
+ margin: 10px;
26
+ float: right;
27
+ font-size: 16px;
28
+ font-weight: 500;
29
+ }
30
+ #header-menu a {
31
+ color: #69c4cd;
32
+ }
33
+ #header-menu a:active, a:visited {
34
+ color: #9ad4db;
35
+ }
36
+ #header-menu a:hover {
37
+ color: #ffffff;
38
+ }
39
+ .header-menu-item {
40
+ margin: 0px 8px;
41
+ }
42
+ #bug-report svg {
43
+ height: 30px;
44
+ fill: #69c4cd;
45
+ margin-top: 2px;
46
+ }
47
+ #bug-report svg:hover {
48
+ fill: #ffffff;
49
+ }
50
.ipfs-icon {
51
width:16px;
52
}
@@ -27,9 +58,18 @@
58
</head>
59
<body>
60
<div id="header" class="row">
30
- <div class="col-xs-2">
61
+ <div class="" style="float:left; padding: 0 15px; width: 160px;">
62
<div id="logo" class="ipfs-logo"> </div>
63
</div>
64
+ <div id="header-menu">
65
+ <div class="header-menu-item"><a href="https://ipfs.io" target="_blank" rel="noopener noreferrer">About IPFS</a></div>
66
+ <div class="header-menu-item"><a href="https://ipfs.io#install" target="_blank" rel="noopener noreferrer">Install IPFS</a></div>
67
+ <div class="header-menu-item" id="bug-report">
68
+ <a href="https://github.com/ipfs/dir-index-html/issues/" target="_blank" rel="noopener noreferrer">
69
+ <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>
70
+ </a>
71
+ </div>
72
+ </div>
73
</div>
74
<br/>
75
<div class="col-xs-12">