diff --git a/.circleci/config.yml b/.circleci/config.yml index 9ad4649c..84f08f62 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -14,7 +14,7 @@ jobs: deploy: docker: - - image: olizilla/ipfs-dns-deploy:1.1 + - image: olizilla/ipfs-dns-deploy:latest environment: DOMAIN: website.ipfs.io BUILD_DIR: public diff --git a/content/index.html b/content/index.html index 7d0c3868..5eae16d4 100644 --- a/content/index.html +++ b/content/index.html @@ -101,11 +101,11 @@
Every file can be found by human-readable names using a dec
For a deeper look at IPFS
- Read the white paper + Read the white paper
- {{ partial "implementations.html" . }} + {{ partial "install.html" . }}

IPFS is useful here and now

diff --git a/layouts/partials/header.html b/layouts/partials/header.html index afbf71c3..e0e5f648 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -9,11 +9,10 @@

    {{ if eq .page.URL "/" }}
  • About
    • -
  • Implementations
    • {{ else }}
  • About
    • {{ end }} -
  • Install
    • +
  • Install
  • Media
  • Docs
  • Blog
    • diff --git a/layouts/partials/implementations.html b/layouts/partials/implementations.html index 931ff372..c885efca 100644 --- a/layouts/partials/implementations.html +++ b/layouts/partials/implementations.html @@ -1,6 +1,28 @@ -
    +
    - +

    Install

    +
    +
    +
    +
      +
    1. 1. Install IPFS on your machine
      2. +
    2. 2. After installation, get started adding and working with files on IPFS.
      3. +
    + +
    Is the command line not your jam? Download ipfs-desktop!
    +
    +

    Implementations

    diff --git a/layouts/partials/install.html b/layouts/partials/install.html new file mode 100644 index 00000000..81891672 --- /dev/null +++ b/layouts/partials/install.html @@ -0,0 +1,75 @@ +
    +
    +

    Install

    +
    +
    +
    +
      +
    1. 1. Install IPFS on your machine
      2. +
    2. 2. After installation, get started adding and working with files on IPFS.
      3. +
    + +
    Is the command line not your jam? Download ipfs-desktop!
    +
    +
    +

    Implementations

    +
    +
    + + +
    Go
    +

    go-ipfs is the main implementation of IPFS. It includes a core implementation, a daemon server, command line + tooling and more.

    +     +
    + +
    + + +
    JavaScript
    +

    js-ipfs paves the way for the browser implementation of IPFS. Written entirely in JavaScript, it + opens the door to a world of possibilities.

    +     +
    +
    + +

    Integrations

    +
    + +
    + +
    + +
    +
    Browser Companion
    +

    Upgrade your browser with IPFS super powers. This add-on enables everyone to access IPFS resources the way they + were meant to.

    +     +
    +
    +
    +
    \ No newline at end of file diff --git a/less/main.less b/less/main.less index c7b20cac..36bad200 100755 --- a/less/main.less +++ b/less/main.less @@ -22,6 +22,7 @@ @import 'components/code'; @import 'components/blog'; @import (less) 'node_modules/magnific-popup/dist/magnific-popup.css'; +@import (less) 'node_modules/tachyons/css/tachyons.css'; @import 'pages/home'; @import 'pages/docs'; diff --git a/less/pages/home.less b/less/pages/home.less index 4c43fc75..ac32edfd 100644 --- a/less/pages/home.less +++ b/less/pages/home.less @@ -4,7 +4,8 @@ * --------------------------------------------------------------------*/ -#implementations { +#implementations, +&#install { @color-white: #fff; @color-grey: rgba( 255, 255, 255, 0.6); @color-teal: #6acad1; @@ -13,7 +14,7 @@ width: 100vw; left: 50%; margin-left: -50vw; - margin-top: 80px; + // margin-top: 80px; padding-bottom: 40px; background: fade(@blue-space, 100%); background-image: url('../images/stars.png'), linear-gradient(to bottom, fade(@blue-space, 100%) 0%,#062b3f 100%); @@ -67,6 +68,49 @@ } } +.install-underline { + width: 50px; + height: 3px; + border-radius: 3px; + background: @brand-teal; + display: block; + margin: 0 auto; +} + +section#install:after { + display: none; +} + +.install-link-heading { + margin-top: 35px; +} + +.install-title { + color: white; + margin-bottom: 20px; +} + +.code-box { + background-color: black; + font-family: monospace; +} + +#install p { + color: #63c8cf; +} + +#install p.code-comment { + color: white; +} + +.button-whitepaper { + margin-bottom: 75px; +} + +section:after #install { + display: none; +} + .latest-list { margin-bottom: 0; diff --git a/package.json b/package.json index c0fb055e..a2ad2dba 100644 --- a/package.json +++ b/package.json @@ -1,12 +1,14 @@ { "name": "ipfs.io", "private": true, - "dependencies": {}, + "dependencies": { + "ipfs-css": "^0.12.0" + }, "devDependencies": { "browserify": "^14.4.0", "dnslink-deploy": "^1.0.7", "factor-bundle": "^2.5.0", - "hugo-bin": "0.18.1", + "hugo-bin": "^0.42.0", "imagemin-cli": "^3.0.0", "imagemin-jpegtran": "^5.0.2", "imagemin-optipng": "^5.2.1", @@ -21,6 +23,7 @@ "npm-run-all": "^4.1.5", "pixi.js": "^4.5.3", "standard": "^10.0.2", + "tachyons": "^4.10.0", "uglify-js": "^3.0.18", "watchify": "^3.9.0" },