flyd
Version:
The less is more, modular, functional reactive programming library
121 lines (120 loc) • 2.75 kB
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Secret combination</title>
<link href='http://fonts.googleapis.com/css?family=Inconsolata|Josefin+Sans:400,300' rel='stylesheet' type='text/css'>
<style>
* {
font-family: 'Josefin Sans', sans-serif;
}
body {
text-align: center;
font-size: 1.0em;
}
.column {
text-align: left;
}
@media (min-width: 400px) {
.column {
display: inline-block;
width: 21em;
vertical-align: top;
max-width: 100%;
}
}
@media (min-width: 450px) {
.center-column {
width: 5em;
}
}
@media (min-width: 800px) {
.right-column {
text-align: left;
margin-left: .4em;
}
.center-column {
text-align: center;
}
.left-column {
text-align: right;
margin-right: .4em;
}
}
@media (min-width: 900px) {
body { font-size: 1.1em; }
}
@media (min-width: 950px) {
body { font-size: 1.2em; }
}
@media (min-width: 1050px) {
body { font-size: 1.3em; }
}
@media (min-width: 1200px) {
body { font-size: 1.4em; }
}
a, code {
transition: .1s ease all;
}
h1 {
font-weight: 300;
font-size: 3.6em;
}
.title-container {
}
h1, h2, p {
margin: 15px 0;
}
.title-container h1 {
margin-top: 28px;
}
.title-container h2 {
font-weight: 300;
font-size: 1.8em;
}
code {
font-family: 'Inconsolata';
background: #ececec;
padding: 0 .1em;
}
.code-block {
white-space: pre;
padding: .5em;
display: block;
font-size: .9em;
}
#sumBox {
font-weight: bold;
}
.a-exe a {
cursor: pointer;
font-family: 'Inconsolata';
color: #6851ff;
background: #ececec;
padding: 0 .1em;
}
.a-exe {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.a-exe a:active {
color: yellow;
background: black;
}
</style>
<script type="text/javascript" src="build.js"></script>
</head>
<body>
<button id="btnA">A</button>
<button id="btnB">B</button>
<div id="message"></div>
<p>
This is an implementation of the problem described in <a href="http://www.jayway.com/2014/09/16/comparing-core-async-and-rx-by-example/">Comparing Core Async and Rx by Example</a>
</p>
<p>
<a href="https://github.com/paldepind/flyd/blob/master/examples/secret-combination/script.js">See the source code</a>
</p>
</body>
</html>