Skip to content

Commit

Permalink
feat: style docs
Browse files Browse the repository at this point in the history
  • Loading branch information
Idered committed Feb 16, 2018
1 parent a79c534 commit 06dc50b
Show file tree
Hide file tree
Showing 5 changed files with 255 additions and 255 deletions.
128 changes: 86 additions & 42 deletions docs/docs/_coverpage.md
Original file line number Diff line number Diff line change
@@ -1,53 +1,97 @@
<!-- _coverpage.md -->


<div class="landing">
<section class="hero">
<img width="300px" src="img/syncano-logo.svg" class="syncano-logo"/>
<p class="mobile-off">
Glad to see you! To start using Syncano, you'll need to go to your terminal and:
</p>
<p class="mobile-on">
Glad to see you! To get to know Syncano, check out the documentation below.
</p>
<div>
<div id="window">
<div id="toolbar">
<div class="top">
<div id="lights">
<div class="light red">
</div>
<div class="light yellow">
</div>
<div class="light green">
</div>
</div>
<div id="title">
shell
</div>
</div>
</div>
<div class="terminal-text">
<p>
<span class="lite">⬢</span> $ npm install @syncano/cli<br />
<span class="lite">⬢</span> $ npx syncano-cli init
</p>
<p class="cli-output"> ...<br />
<span class="lite">New project? Exciting! 🎉</span> <br /><br />
<div class="landing__inner">

<span class="lite">Creating Syncano Instance... Done</span><br />
Syncano Instance <span class="lite">crimson-fire-6113</span> has been created!<br />
Your project is attached to <span class="lite">crimson-fire-6113</span> instance!<br />
Project has been created from <span class="lite">hello</span> template.</p>
<p><span class="lite">⬢</span> $ <span class="cursor"/></p>
<header class="header">
<a class="logo" href="https://syncano.io">
<svg width="100%" height="100%" viewBox="0 0 1068 166" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<path d="M690.732,82.911c0,-31.257 -22.587,-57.038 -54.301,-57.038c-31.713,0 -53.845,25.326 -53.845,56.583c0,31.255 22.587,57.036 54.302,57.036c31.713,0 53.844,-25.324 53.844,-56.581m1.401,79.712l0,-17.599c-14.414,12.553 -33.577,20.249 -55.702,20.249c-29.89,0 -54.253,-13.82 -68.743,-34.828c-14.647,20.971 -39.09,34.819 -68.837,34.819c-49.053,0 -83.276,-37.196 -83.276,-82.372c0,-45.174 34.68,-82.82 83.733,-82.82c20.372,0 38.173,6.43 52.04,17.166c-5.786,7.459 -10.589,15.719 -14.226,24.621c-9.56,-9.881 -22.828,-16.005 -38.271,-16.005c-31.712,0 -53.844,25.326 -53.844,56.583c0,31.255 22.587,56.974 54.301,56.974c31.713,0 53.845,-25.386 53.845,-56.643l0.005,0c0.073,-45.11 34.728,-82.676 83.73,-82.676c49.053,0 83.277,37.188 83.277,82.364l0.031,80.167l-28.063,0Zm-588.352,-148.276c-14.09,-9.019 -30.034,-13.851 -49.252,-13.851c-31.655,0 -54.431,18.674 -54.431,46.46c0,29.606 19.131,39.628 53.066,47.826c29.606,6.832 35.983,12.979 35.983,24.594c0,12.302 -10.933,20.274 -28.241,20.274c-15.391,0 -28.033,-4.537 -40.063,-12.753l-13.01,22.688c15.916,9.96 33.754,14.887 52.391,14.887c33.478,0 56.935,-17.762 56.935,-47.826c0,-26.647 -17.536,-38.717 -51.243,-46.915c-30.516,-7.288 -37.804,-12.755 -37.804,-25.281c0,-10.704 9.564,-19.131 25.963,-19.131c12.291,0 24.42,4.05 36.523,11.738l13.183,-22.71Zm710.572,-13.923c-43.308,0 -70.909,24.984 -70.909,73.291l0,88.7l29.268,0l0,-87.51c0,-30.939 16.01,-47.59 42.184,-47.59c26.175,0 42.185,16.651 42.185,47.59l0,87.51l29.267,0l0,-88.7c0,-48.307 -27.601,-73.291 -70.909,-73.291l-1.086,0Zm224.099,82.468c0,31.257 -22.132,56.581 -53.844,56.581c-31.715,0 -54.302,-25.781 -54.302,-57.036c0,-31.257 22.132,-56.583 53.845,-56.583c31.714,0 54.301,25.781 54.301,57.038m29.432,-0.455c0,-45.176 -34.223,-82.364 -83.276,-82.364c-49.054,0 -83.734,37.646 -83.734,82.819c0,45.176 34.223,82.362 83.277,82.362c49.053,0 83.733,-37.644 83.733,-82.817m-810.254,79.917l29.259,0l0,-88.674c0,-30.689 15.939,-46.386 41.868,-46.386c26.167,0 42.104,16.646 42.104,47.575l0,87.485l29.259,0l0,-88.674c0,-48.293 -27.593,-73.27 -70.888,-73.27c-43.532,0 -71.602,24.977 -71.602,74.696l0,87.248Zm8.816,-159.558l-63.408,105.901l0,53.761l-28.909,0l0,-53.555l-64.181,-106.564l32.697,0.457l45.991,79.609l45.65,-79.609l32.16,0Z" style="fill-rule:nonzero;"/>
</svg>
</a>

<div class="app-nav">
<div>
<div class="c-version-select">
<select data-version="">
<option value="master">master</option>
<option value="0">0.8</option>
<option value="legacy" data-url="https://legacy-docs.syncano.io">legacy</option>
</select>
</div>
</div>
</div>
<div class="buttons">
<a class="button side-button" href="https://cookbook.syncano.io">Cookbook</a>
<a class="button main-button" href="#/getting-started/quickstart">Docs</a>
<a class="button side-button" href="https://cheatsheet.syncano.io">Cheatsheet</a>
</header>
<div class="landing__main">
<h2 class="landing__title">Add Syncano to your project</h2>
<div class="npm-info">
<div>
$<input aria-readonly="true" readonly data-autoselect value="mkdir ~/my-project" />
</div>
<div>
$<input aria-readonly="true" readonly data-autoselect value="cd ~/my-project" />
</div>
<div>
$<input aria-readonly="true" readonly data-autoselect value="npm i @syncano/cli" />
</div>
<div>
$<input aria-readonly="true" readonly data-autoselect value="npx s" />
</div>
</div>
</section>
<div class="links">
<div class="links__item">
<div class="links__item-icon">
<svg aria-hidden="true" data-prefix="fal" data-icon="book" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M356 160H188c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12zm12 52v-8c0-6.6-5.4-12-12-12H188c-6.6 0-12 5.4-12 12v8c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12zm64.7 268h3.3c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12H80c-44.2 0-80-35.8-80-80V80C0 35.8 35.8 0 80 0h344c13.3 0 24 10.7 24 24v368c0 10-6.2 18.6-14.9 22.2-3.6 16.1-4.4 45.6-.4 65.8zM128 384h288V32H128v352zm-96 16c13.4-10 30-16 48-16h16V32H80c-26.5 0-48 21.5-48 48v320zm372.3 80c-3.1-20.4-2.9-45.2 0-64H80c-64 0-64 64 0 64h324.3z" class=""></path></svg>
</div>
<h2 class="links__item-title">Documentation</h2>
<p>Start here if you're new to Syncano Platform.</p>
<a class="links__item-link" href="#/getting-started/quickstart">
View Docs <svg aria-hidden="true" data-prefix="fal" data-icon="long-arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-long-arrow-right fa-w-14 fa-3x"><path fill="currentColor" d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z" class=""></path></svg>
</a>
</div>
<div class="links__item">
<div class="links__item-icon">
<svg aria-hidden="true" data-prefix="fal" data-icon="flask" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="font-size: 48px;"><path fill="currentColor" d="M434.9 410.7L288 218.6V32h26c3.3 0 6-2.7 6-6V6c0-3.3-2.7-6-6-6H134c-3.3 0-6 2.7-6 6v20c0 3.3 2.7 6 6 6h26v186.6L13.1 410.7C-18.6 452.2 11 512 63.1 512h321.8c52.2 0 81.7-59.8 50-101.3zm-50 69.3H63.1c-25.7 0-40.3-29.4-24.6-49.8l150.2-196.5c2.1-2.8 3.3-6.2 3.3-9.7V32h64v192c0 3.5 1.2 6.9 3.3 9.7l150.2 196.5c15.6 20.4 1.2 49.8-24.6 49.8z" class=""></path></svg>
</div>
<h2 class="links__item-title">Cookbook</h2>
<p>Practical recipes, created by experienced Syncano developers.</p>
<a class="links__item-link" href="https://cookbook.syncano.io">
View Cookbook
<svg aria-hidden="true" data-prefix="fal" data-icon="long-arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-long-arrow-right fa-w-14 fa-3x"><path fill="currentColor" d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z" class=""></path></svg>
</a>
</div>
<div class="links__item">
<div class="links__item-icon">
<svg aria-hidden="true" data-prefix="fal" data-icon="code" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" style="font-size: 48px;"><path fill="currentColor" d="M228.5 511.8l-25-7.1c-3.2-.9-5-4.2-4.1-7.4L340.1 4.4c.9-3.2 4.2-5 7.4-4.1l25 7.1c3.2.9 5 4.2 4.1 7.4L235.9 507.6c-.9 3.2-4.3 5.1-7.4 4.2zm-75.6-125.3l18.5-20.9c1.9-2.1 1.6-5.3-.5-7.1L49.9 256l121-102.5c2.1-1.8 2.4-5 .5-7.1l-18.5-20.9c-1.8-2.1-5-2.3-7.1-.4L1.7 252.3c-2.3 2-2.3 5.5 0 7.5L145.8 387c2.1 1.8 5.3 1.6 7.1-.5zm277.3.4l144.1-127.2c2.3-2 2.3-5.5 0-7.5L430.2 125.1c-2.1-1.8-5.2-1.6-7.1.4l-18.5 20.9c-1.9 2.1-1.6 5.3.5 7.1l121 102.5-121 102.5c-2.1 1.8-2.4 5-.5 7.1l18.5 20.9c1.8 2.1 5 2.3 7.1.4z" class=""></path></svg>
</div>
<h2 class="links__item-title">Cheatsheet</h2>
<p>Whole documentation in form of code examples.</p>
<a class="links__item-link" href="https://cheatsheet.syncano.io">
View Cheatsheet
<svg aria-hidden="true" data-prefix="fal" data-icon="long-arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-long-arrow-right fa-w-14 fa-3x"><path fill="currentColor" d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z" class=""></path></svg>
</a>
</div>
<div class="links__item">
<div class="links__item-icon">
<svg aria-hidden="true" data-prefix="fal" data-icon="archive" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-archive fa-w-16" style="font-size: 48px;"><path fill="currentColor" d="M464 32H48C21.533 32 0 53.533 0 80v32c0 22.105 15.024 40.757 35.393 46.308A47.726 47.726 0 0 0 32 176v256c0 26.467 21.533 48 48 48h352c26.467 0 48-21.533 48-48V176a47.726 47.726 0 0 0-3.393-17.692C496.976 152.757 512 134.105 512 112V80c0-26.467-21.533-48-48-48zm-16 400c0 8.837-7.164 16-16 16H80c-8.837 0-16-7.163-16-16V176c0-8.837 7.163-16 16-16h352c8.836 0 16 7.163 16 16v256zm32-320c0 8.837-7.163 16-16 16H48c-8.837 0-16-7.163-16-16V80c0-8.837 7.163-16 16-16h416c8.837 0 16 7.163 16 16v32zM308 256H204c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12z" class=""></path></svg>
</div>
<h2 class="links__item-title">Libraries</h2>
<p>Learn more about Syncano packages.</p>
<a class="links__item-link" href="https://github.com/Syncano/syncano-node/tree/master#readme">
View Libraries
<svg aria-hidden="true" data-prefix="fal" data-icon="long-arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-long-arrow-right fa-w-14 fa-3x"><path fill="currentColor" d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z" class=""></path></svg>
</a>
</div>
</div>
</div>

<div class="landing__view-more">
<a href="#/getting-started/quickstart">
<svg aria-hidden="true" data-prefix="fal" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-chevron-down fa-w-14" style="font-size: 48px;"><path fill="currentColor" d="M443.5 162.6l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3.1-17z" class=""></path></svg>
</a>
</div>
</div>
</div>

![color](#fff)
5 changes: 0 additions & 5 deletions docs/docs/_navbar.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,3 @@
- Resources
- [Docs](https://docs.github.io)
- [Cookbook](https://cookbook.syncano.io)
- [Cheatsheet](https://cheatsheet.syncano.io)

<div class="c-version-select">
<select data-version>
<option value="master">master</option>
Expand Down
Loading

0 comments on commit 06dc50b

Please sign in to comment.