-
Notifications
You must be signed in to change notification settings - Fork 8
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
5 changed files
with
255 additions
and
255 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.