Created
February 17, 2017 20:15
-
-
Save lionxcr/29f8932c364237346a127a2ccdff7c88 to your computer and use it in GitHub Desktop.
Hangar CL // source https://jsbin.com/boqivawoku
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
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<title>Hangar CL</title> | |
</head> | |
<body> | |
<script src="https://code.jquery.com/jquery.min.js"></script> | |
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> | |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> | |
<script src="https://fb.me/react-15.1.0.js"></script> | |
<script src="https://fb.me/react-dom-15.1.0.js"></script> | |
<div id="root"></div> | |
<script id="jsbin-javascript"> | |
"use strict"; | |
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); | |
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | |
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | |
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } | |
var Home = (function (_React$Component) { | |
_inherits(Home, _React$Component); | |
function Home() { | |
_classCallCheck(this, Home); | |
_get(Object.getPrototypeOf(Home.prototype), "constructor", this).apply(this, arguments); | |
} | |
_createClass(Home, [{ | |
key: "render", | |
value: function render() { | |
return React.createElement( | |
"div", | |
{ className: "container-fluid" }, | |
React.createElement( | |
"div", | |
{ className: "row" }, | |
React.createElement( | |
"div", | |
{ className: "col-md-12" }, | |
React.createElement( | |
"h1", | |
null, | |
"Hangar Champions League" | |
), | |
React.createElement( | |
"p", | |
null, | |
"The most prestigious European tournament in the world comes to Hangar to set aside the boys from the man." | |
), | |
React.createElement( | |
"button", | |
{ type: "button" }, | |
"Sign Up" | |
) | |
) | |
), | |
React.createElement( | |
"div", | |
{ className: "row" }, | |
React.createElement( | |
"div", | |
{ className: "col-md-12" }, | |
React.createElement( | |
"h4", | |
null, | |
"14 players ready for glory" | |
) | |
) | |
) | |
); | |
} | |
}]); | |
return Home; | |
})(React.Component); | |
ReactDOM.render(React.createElement(Home, null), document.getElementById('root')); | |
</script> | |
<script id="jsbin-source-javascript" type="text/javascript">class Home extends React.Component{ | |
render(){ | |
return ( | |
<div className="container-fluid"> | |
<div className="row"> | |
<div className="col-md-12"> | |
<h1>Hangar Champions League</h1> | |
<p>The most prestigious European tournament in the world comes to Hangar to set aside the boys from the man.</p> | |
<button type="button">Sign Up</button> | |
</div> | |
</div> | |
<div className="row"> | |
<div className="col-md-12"> | |
<h4>14 players ready for glory</h4> | |
</div> | |
</div> | |
</div> | |
) | |
} | |
} | |
ReactDOM.render( | |
<Home/>, | |
document.getElementById('root') | |
);</script></body> | |
</html> |
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
"use strict"; | |
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); | |
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | |
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | |
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } | |
var Home = (function (_React$Component) { | |
_inherits(Home, _React$Component); | |
function Home() { | |
_classCallCheck(this, Home); | |
_get(Object.getPrototypeOf(Home.prototype), "constructor", this).apply(this, arguments); | |
} | |
_createClass(Home, [{ | |
key: "render", | |
value: function render() { | |
return React.createElement( | |
"div", | |
{ className: "container-fluid" }, | |
React.createElement( | |
"div", | |
{ className: "row" }, | |
React.createElement( | |
"div", | |
{ className: "col-md-12" }, | |
React.createElement( | |
"h1", | |
null, | |
"Hangar Champions League" | |
), | |
React.createElement( | |
"p", | |
null, | |
"The most prestigious European tournament in the world comes to Hangar to set aside the boys from the man." | |
), | |
React.createElement( | |
"button", | |
{ type: "button" }, | |
"Sign Up" | |
) | |
) | |
), | |
React.createElement( | |
"div", | |
{ className: "row" }, | |
React.createElement( | |
"div", | |
{ className: "col-md-12" }, | |
React.createElement( | |
"h4", | |
null, | |
"14 players ready for glory" | |
) | |
) | |
) | |
); | |
} | |
}]); | |
return Home; | |
})(React.Component); | |
ReactDOM.render(React.createElement(Home, null), document.getElementById('root')); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment