JSFiddle - React, Tailwind, and code Playground

by shaunxcode

HTML

<div class="Container">
    <h1>edn.io</h1>
    <div class="Resource"><span class="Verb">POST</span><span class="Url">edn.io/:keyword</span>
        <span class="Args">Post body should be valid edn form</span>
    </div>
    <pre>curl -d "{:person/first-name :shaun :job/title :cybernetic-alchemist}" edn.io/:shaun-gilchrist</pre>
    <div class="Resource"><span class="Verb">GET</span><span class="Url">edn.io/:keyword[?path=]</span>
        <span class="Args">If provided, path should be a valid path into the edn form</span>
    </div>
    <pre>curl edn.io/:shaun-gilchrist?path=:person/first-name</pre>
</div>

SCSS

body {
    background: #efefef;
    font-family: helvetica;
    margin:0;
    padding: 0;
}

h1 {
    font-size: 17em;
    margin: 0;
}

.Container {
    width: 800px;
    margin-left: auto; 
    margin-right: auto;
}

.Resource {
    background: #000;
    color: #fff;
    .Verb {
        padding: 10px;
        display: inline-block;
        border-right: 1px solid #fff;
        background: #333;
    }
    .Url {
        padding: 10px;
    }
}

CoffeeScript

ednio = 
   set: (kw, value) -> 
   get: (kw) ->