Skip to content
This repository was archived by the owner on Jul 5, 2021. It is now read-only.

Commit eb4d278

Browse files
Merge pull request #348 from ipfs/feat-implementations-to-install
Combine "Install" and "Implementations"
2 parents 01479dc + 7df2450 commit eb4d278

19 files changed

+184
-93
lines changed

content/team/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -118,7 +118,7 @@ Where to learn more:
118118
- **Coordination**: https://github.com/ipfs/docs
119119
- **Captain**: [Jessica Schilling](https://github.com/jessicaschilling)
120120
- **Weekly call**
121-
- 🕒 Mondays at 15:00 UTC
121+
- 🕒 Mondays at 16:00 UTC
122122
- 📞 Zoom: https://protocol.zoom.us/j/614386160
123123

124124
## Special Interest Groups

layouts/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -80,6 +80,8 @@ <h5 class="content-center">
8080

8181
{{ partial "get-started.html" . }}
8282

83+
{{ partial "install.html" . }}
84+
8385

8486
<div class="container">
8587
<section id="how">
@@ -175,8 +177,6 @@ <h5>Curious where it all began?</h5>
175177
</section>
176178
</div>
177179

178-
{{ partial "implementations.html" . }}
179-
180180
<div class="container">
181181
<section id="uses" class="content-center">
182182
<div class="content-center mb2">

layouts/partials/footer.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
<div class="grid-flex-cell">
1313
<ul class="sitemap unstyled">
1414
<li class="sitemap-head">IPFS</li>
15-
<li><a href="//docs.ipfs.io/guides/guides/install/">Install</a></li>
15+
<li><a href="/#install">Install</a></li>
1616
<li><a href="//github.com/ipfs/ipfs">GitHub</a></li>
1717
<li><a href="//docs.ipfs.io/">Docs</a></li>
1818
<li><a href="//docs.ipfs.io/community/">Community</a></li>

layouts/partials/get-started.html

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@
22
<div class="container">
33
<div class="content-center mb2">
44
<h2>What do you want to do with IPFS?</h2>
5-
<h5>Choose the option below that best fits your goal, or <a href="https://github.com/ipfs-shipyard/ipfs-desktop">install IPFS Desktop</a> now.</h5>
5+
<h5>Choose the option below that best fits your goal, or <a href="https://github.com/ipfs-shipyard/ipfs-desktop"
6+
target="_blank">install IPFS Desktop</a> now.</h5>
67
</div>
78
<div class="options">
89
<div class="option-blocks">
@@ -155,7 +156,7 @@ <h5>Don't see your goal here? The IPFS open-source community is here to help you
155156
guide</a>
156157
</li>
157158
<li>
158-
Just want to install IPFS? <a href="#implementations">Download here</a>
159+
Just want to install IPFS? <a href="#install">Download here</a>
159160
</li>
160161
</ul>
161162
</div>
@@ -165,4 +166,4 @@ <h5>Don't see your goal here? The IPFS open-source community is here to help you
165166
</div>
166167
</div>
167168
</div>
168-
</section>
169+
</section>

layouts/partials/header.html

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,7 @@ <h1 class="pull-left">
88
<label for="menu-toggle" tabindex="0" class="menu-toggle-acc"></label>
99
<ul class="list-unstyled list-inline cf">
1010
<li><a href="/#why">About</a></li>
11-
<li><a href="/#implementations">Implementations</a></li>
12-
<li><a href="//docs.ipfs.io/guides/guides/install/"
13-
{{ if eq .page.Params.pagename "install" }}class="current-item" {{ end }}>Install</a></li>
11+
<li><a href="/#install">Install</a></li>
1412
<li><a href="//docs.ipfs.io/"
1513
{{ if and (eq .page.Type "docs") (not (eq .page.Params.pagename "install")) }}class="current-item"
1614
{{ end }}>Docs</a></li>

layouts/partials/implementations.html

Lines changed: 0 additions & 69 deletions
This file was deleted.

layouts/partials/install.html

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
<section id="install">
2+
<div class="container">
3+
4+
<h2 class="content-center">Install IPFS</h2>
5+
<h5 class="content-center" style="margin-bottom: 60px;">No matter how you want to use IPFS, there's an install
6+
option for you. Unsure which to choose? Start with <a href="https://github.com/ipfs-shipyard/ipfs-desktop"
7+
target="_blank"> IPFS Desktop</a>.</h5>
8+
9+
<div class="grid-flex-container">
10+
11+
<div class="grid-flex-cell-1of2">
12+
<a href="https://github.com/ipfs-shipyard/ipfs-companion" target="_blank">
13+
<div class="install-item">
14+
<div class="install-item-image">
15+
<img src="/images/ipfs-companion-hex.png" />
16+
</div>
17+
<div class="install-description">
18+
<h4>Browser extension</h4>
19+
<p>
20+
The IPFS Companion browser extension upgrades your favorite web browser to use IPFS, enabling you to
21+
open
22+
ipfs:// URLs and more.
23+
</p>
24+
</div>
25+
</div>
26+
</a>
27+
</div>
28+
29+
<div class="grid-flex-cell-1of2">
30+
<a href="https://github.com/ipfs-shipyard/ipfs-desktop" target="_blank">
31+
<div class="install-item">
32+
<div class="install-item-image">
33+
<img src="/images/ipfs-desktop-hex.png" />
34+
</div>
35+
<div class="install-description">
36+
<h4>Desktop app</h4>
37+
<p>
38+
IPFS Desktop is an easy-to-use app that enables you to run an IPFS node on your computer without having
39+
to
40+
bother with command-line tools.
41+
</p>
42+
</div>
43+
</div>
44+
</a>
45+
</div>
46+
47+
<div class="grid-flex-cell-1of2">
48+
<a href="http://docs.ipfs.io/guides/guides/install/" target="_blank">
49+
<div class="install-item">
50+
<div class="install-item-image">
51+
<img src="/images/command-line-hex.png" />
52+
</div>
53+
<div class="install-description">
54+
<h4>Command line</h4>
55+
<p>
56+
Just want to install IPFS from the command line? Here are step-by-step instructions for getting you up
57+
and
58+
running quickly and easily.
59+
</p>
60+
</div>
61+
</div>
62+
</a>
63+
</div>
64+
65+
<div class="grid-flex-cell-1of2">
66+
<a href="https://cluster.ipfs.io/" target="_blank">
67+
<div class="install-item">
68+
<div class="install-item-image">
69+
<img src="/images/ipfs-cluster.png" />
70+
</div>
71+
<div class="install-description">
72+
<h4>IPFS Cluster</h4>
73+
<p>
74+
Using IPFS for servers or large datasets? Cluster automatically allocates, replicates, and tracks your
75+
data as pinsets across multiple IPFS nodes.
76+
</p>
77+
</div>
78+
</div>
79+
</a>
80+
</div>
81+
82+
<div class="grid-flex-cell-1of2">
83+
<a href="https://github.com/ipfs/go-ipfs" target="_blank">
84+
<div class="install-item">
85+
<div class="install-item-image">
86+
<img src="/images/go-ipfs-hex-logo.png" />
87+
</div>
88+
<div class="install-description">
89+
<h4>Go implementation</h4>
90+
<p>
91+
If you build on Go, then go-ipfs — the main IPFS implementation — is for you. It includes a core
92+
implementation, daemon server, command line tooling, and more.
93+
</p>
94+
</div>
95+
</div>
96+
</a>
97+
</div>
98+
99+
<div class="grid-flex-cell-1of2">
100+
<a href="https://js.ipfs.io" target="_blank">
101+
<div class="install-item">
102+
<div class="install-item-image">
103+
<img src="/images/js-ipfs-logo.png" />
104+
</div>
105+
<div class="install-description">
106+
<h4>JavaScript implementation</h4>
107+
<p>
108+
Written entirely in JavaScript, js-ipfs paves the way for the browser implementation of IPFS and opens
109+
the
110+
door to a world of possibilities.
111+
</p>
112+
</div>
113+
</div>
114+
</a>
115+
</div>
116+
117+
</div>
118+
119+
</div>
120+
</section>

less/components/section.less

Lines changed: 41 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,8 @@ section {
2222
margin: 80px auto 0 auto;
2323
}
2424

25-
&#implementations:after,
26-
&#how:after,
25+
&#install:after,
26+
&#get-started:after,
2727
&#latest:after {
2828
display: none;
2929
}
@@ -77,6 +77,45 @@ section {
7777
}
7878
}
7979

80+
// install options
81+
82+
.install-item a {
83+
cursor: pointer;
84+
}
85+
86+
.install-description h4 {
87+
color: @color-teal;
88+
}
89+
90+
.install-item {
91+
margin-bottom: 1rem;
92+
padding: 1rem;
93+
text-align: center;
94+
}
95+
.install-item img {
96+
max-height: 100px;
97+
}
98+
99+
100+
@media screen and (min-width: (@breakpoint-mid-mobile)) {
101+
.install-item {
102+
width: 100%;
103+
margin: 1rem 0;
104+
display: flex;
105+
align-items: center;
106+
text-align: left;
107+
}
108+
.install-item-image {
109+
width: 400px;
110+
img {
111+
max-height: inherit;
112+
}
113+
}
114+
.install-description {
115+
margin-left: 1rem;
116+
}
117+
}
118+
80119
@media screen and (max-width: @breakpoint-tablet) {
81120
section:first-of-type {
82121
padding-top: 20px;

less/globals/_variables.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,4 +27,4 @@
2727
@color-teal: #6acad1;
2828
@color-teal-light: #e0f2f3;
2929
@color-white: #fff;
30-
@color-grey: rgba(255, 255, 255, 0.6);
30+
@color-grey: rgba(255, 255, 255, 0.8);

less/pages/home.less

Lines changed: 13 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,27 +4,32 @@
44
*
55
--------------------------------------------------------------------*/
66

7-
#implementations {
7+
#install {
88
margin-top: 80px;
99
padding-bottom: 40px;
1010
background: fade(@blue-space, 100%);
11-
background-image: url("../images/stars.png"),
12-
linear-gradient(to bottom, fade(@blue-space, 100%) 0%, #062b3f 100%);
13-
background-repeat: repeat;
1411

1512
h2,
16-
h3,
17-
h5 {
13+
h3, {
1814
color: @color-white;
1915
}
2016

17+
h5 {
18+
color: @color-grey;
19+
}
20+
2121
p {
2222
color: @color-grey;
2323
}
2424

25+
a {
26+
color: @color-teal;
27+
}
28+
2529
& a:hover {
30+
h4,
2631
h5 {
27-
color: @color-teal;
32+
text-decoration: underline;
2833
}
2934
}
3035

@@ -52,12 +57,9 @@
5257
}
5358

5459
.app-ss {
55-
margin-bottom: 20px;
5660

5761
& img {
58-
width: 250px;
59-
height: 160px;
60-
border: 1px solid @color-grey;
62+
max-height: 100px;
6163
}
6264
}
6365
}

0 commit comments

Comments
 (0)