Skip to content

Commit 545a1fd

Browse files
authored
Merge pull request ipfs#26 from ipfs/issue-1
Updates header, adds links
2 parents 0bd2fe1 + 9ebbd58 commit 545a1fd

File tree

2 files changed

+90
-7
lines changed

2 files changed

+90
-7
lines changed

dir-index-uncat.html

+44-3
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,44 @@
1010
.narrow {width: 0px;}
1111
.padding { margin: 100px;}
1212
#header {
13-
background: #000;
13+
background: #0b3a53;
14+
border-bottom: 4px solid #69c4cd;
15+
color: #ffffff;
16+
margin: 0;
17+
padding: 0;
1418
}
1519
#logo {
16-
height: 25px;
20+
height: 35px;
1721
margin: 10px;
1822
}
23+
#header-menu {
24+
align-items: center;
25+
display: flex;
26+
margin: 10px;
27+
float: right;
28+
font-size: 16px;
29+
font-weight: 500;
30+
}
31+
#header-menu a {
32+
color: #69c4cd;
33+
}
34+
#header-menu a:active, a:visited {
35+
color: #9ad4db;
36+
}
37+
#header-menu a:hover {
38+
color: #ffffff;
39+
}
40+
.header-menu-item {
41+
margin: 0px 8px;
42+
}
43+
#bug-report svg {
44+
height: 30px;
45+
fill: #69c4cd;
46+
margin-top: 2px;
47+
}
48+
#bug-report svg:hover {
49+
fill: #ffffff;
50+
}
1951
.ipfs-icon {
2052
width:16px;
2153
}
@@ -27,9 +59,18 @@
2759
</head>
2860
<body>
2961
<div id="header" class="row">
30-
<div class="col-xs-2">
62+
<div class="" style="float:left; padding: 0 15px; width: 160px;">
3163
<div id="logo" class="ipfs-logo">&nbsp;</div>
3264
</div>
65+
<div id="header-menu">
66+
<div class="header-menu-item"><a href="https://ipfs.io" target="_blank" rel="noopener noreferrer">About IPFS</a></div>
67+
<div class="header-menu-item"><a href="https://ipfs.io#install" target="_blank" rel="noopener noreferrer">Install IPFS</a></div>
68+
<div class="header-menu-item" id="bug-report">
69+
<a href="https://github.com/ipfs/dir-index-html/issues/" target="_blank" rel="noopener noreferrer">
70+
<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>
71+
</a>
72+
</div>
73+
</div>
3374
</div>
3475
<br/>
3576
<div class="col-xs-12">

dir-index.html

+46-4
Large diffs are not rendered by default.

0 commit comments

Comments
 (0)