src/index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>IPFS GUI Review - 2018 Q2</title>
    <link rel="stylesheet" href="main.css">
  </head>
  <body>
    <header class="w-100 flex items-center pa3 fixed top-0">
      <a href="#0" title="home" class="w-50">
        <img src="img/ipfs-logo.svg" style="height: 50px" />
      </a>
      <h1 class="w-50 ma0 tr f3 fw2 montserrat aqua pr2">IPFS GUI TEAM</h1>
    </header>

    <section>
      <h2 class='ma0 fw2 green f-headline'>IPFS GUI TEAM</h2>
      <h1>BERLIN 2018</h1>
    </section>

    <section>
      <h1>Web UI</h1>
      <h2 class='ma0 fw2 green f-headline'>REVAMP</h2>
    </section>

    <section class='relative'>
      <img src='img/ipfs-webui-v2-designs.png' alt='webui revamp designs'/>
    </section>

    <section class='relative'>
      <img src='img/ipfs-webui-v2-alpha.png' alt='revamped webui screenshot'/>
      <h1 class='green absolute' style='top:0px; text-shadow:4px 6px hsla(100,50%,50%,0.5)'>IPLD Explorer</h1>
    </section>

    <section class='relative'>
      <img src='img/ipfs-webui-v2-alpha-files.png' alt='revamped webui screenshot'/>
      <h1 class='green absolute' style='top:0px; text-shadow:4px 6px hsla(100,50%,50%,0.5)'>File Browser</h1>
    </section>

    <section>
      <h1>Web UI</h1>
      <h2 class='ma0 fw2 green f-headline'>
        <a class='link red' href='http://localhost:3000/#/explore'>DEMO</a>
      </h2>
    </section>

    <section>
      <h1>Component <br/> Explorer</h1>
    </section>

    <section>
      <a href='http://localhost:9009/?knob-pastDelay=true&knob-isSettingsEnabled=true&knob-hasLocalChanges=true&selectedKind=Settings%20page&selectedStory=edit%20go-ipfs%20config&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybooks%2Fstorybook-addon-knobs' class='link'>
        <img src='img/webui-config-edit-2.gif' alt='webui config editor storybook'/>
      </a>
    </section>

    <section class='relative'>
      <img src='img/ipfs-webui-v2-designs.png' alt='webui revamp designs'/>
      <h1 class='ma0 absolute red mw7' style='top:150px; text-shadow:4px 4px pink'>Where did all this come from?</h1>
    </section>

    <section>
      <h1>IPFS GUI TEAM</h1>
      <h1>✨🎷🐩</h1>
    </section>

    <section>
      New team dedicated <br/>to IPFS user interfaces
    </section>

    <section>
      <h1 class='f-subheadline fw2'>IPFS GUI TEAM</h1>
      <h1 class='ma0 green f-headline'>PROJECTS</h1>
    </section>

    <section>
      <ul class='measure center'>
        <li>Web UI</li>
        <li>Companion</li>
        <li>Desktop</li>
        <li>IPFS CSS</li>
      </ul>
    </section>

    <section>
      <h1 class='f-subheadline fw2'>IPFS GUI TEAM</h1>
      <h1 class='ma0 green f-headline'>GOAL</h1>
    </section>

    <section class='fw4'>
      <p>Make all IPFS GUIs <br/>
        <strong class='green'>simple</strong>, <strong class='green'>accessible</strong>, <strong class='green'>reusable</strong>,<br/>
        </strong> and <strong class='green'>beautiful</strong>.
      </p>
    </section>

    <section>
      <h1>simple</h1>
      <p>There are big ideas in IPFS. <br/>We must present them clearly.</p>
    </section>

    <section>
      <h1>accessible</h1>
      <p>IPFS must work for <strong class='green'>everyone</strong>.</p>
    </section>

    <section>
      <h1>reusable</h1>
      <p>Make doing the right thing <br/>the easiest thing.</p>
    </section>

    <section>
      <h1>beautiful</h1>
      <p>Show the nature of IPFS <br/>
        with effortless & compelling interfaces.</p>
    </section>

    <section>
      <h2>comprehensible <br/>complexity</h2>
    </section>

    <section>
      <p>By visualising how IPFS works <br/> we can <strong class='green'>see</strong> opportunities to improve.</p>
    </section>

    <section>
      <img src='./img/need-input.jpg' alt=''/>
    </section>

    <section class='lh-copy'>
      Are you building IPFS apps? <br/>
      What are your UI/UX challenges? <br/>
    </section>

    <section>
      <a href='https://github.com/ipfs/ipfs-gui#the-ipfs-gui-team' class='link snow fw4 f-headline'>github.com/ipfs/<span class='yellow'>ipfs-gui</span></a>
    </section>

    <section>
      <a href="https://www.irccloud.com/invite?channel=%23ipfs-in-web-browsers&amp;hostname=irc.freenode.net&amp;port=6697&amp;ssl=1" target="_blank"><img src="https://www.irccloud.com/invite-svg?channel=%23ipfs-in-web-browsers&amp;hostname=irc.freenode.net&amp;port=6697&amp;ssl=1"  height="100"></a>
    </section>

    <section>
      <div class='dt'>
        <div class='dtc'>
          <img src='./img/olizilla-trace.svg' alt=''/>
        </div>
        <div class='dtc v-mid fw4'>
          <span class='yellow relative' style='top:-38px'>@olizilla</span>
        </div>
      </div>
    </section>

    <section>
      <h1>IPFS GUI TEAM</h1>
      <h1>✨🎷🐩</h1>
    </section>

    <script src='./main.js'></script>
  </body>
</html>