Skip to content

Instantly share code, notes, and snippets.

@roman01la

roman01la/index.html

Created December 16, 2015 17:10
Show Gist options
  • Save roman01la/b41ee946024ffd087d89 to your computer and use it in GitHub Desktop.
Save roman01la/b41ee946024ffd087d89 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
.app__wrapper___i6oRV {
padding: 20px;
}
.app__heading___2rKhI {
background: #FFFF00;
padding: 0 10px;
margin: 0;
}
.app__card___T-QrS {
background: #fafafa;
margin: 10px 0;
border: 4px solid #eee;
padding: 10px 15px;
display: flex;
}
.app__field___3Ew8H {
margin: 10px 0 0 0;
display: flex;
flex-direction: column;
max-width: 240px;
margin: 10px 0 0;
}
.app__fieldInput___vRWyC {
border: 2px solid #C3C3C3;
padding: 4px 8px;
font-size: 20px;
font-weight: bold;
background: #fff;
}
.app__btn___3ow_F {
border: 4px solid #A4A4A4;
background: #fff;
font-size: 16px;
height: 46px;
}
</style>
<link rel="stylesheet" href="/styles/app.css">
</head>
<body>
<div id="app"><div class="app__wrapper___i6oRV" data-reactid=".joyb2gpxxc" data-react-checksum="1510743568"><header data-reactid=".joyb2gpxxc.0"><h1 class="app__heading___2rKhI" data-reactid=".joyb2gpxxc.0.0">Unimorphic-isoversal functionally reactive web application</h1></header><main data-reactid=".joyb2gpxxc.1"><div data-reactid=".joyb2gpxxc.1.0"><div class="app__card___T-QrS" data-reactid=".joyb2gpxxc.1.0.0"><form data-reactid=".joyb2gpxxc.1.0.0.0"><div data-reactid=".joyb2gpxxc.1.0.0.0.0"><div class="app__field___3Ew8H" data-reactid=".joyb2gpxxc.1.0.0.0.0.0"><label data-reactid=".joyb2gpxxc.1.0.0.0.0.0.0">First and last name</label><input value="Roman Liutikov" readonly="" class="app__fieldInput___vRWyC" data-reactid=".joyb2gpxxc.1.0.0.0.0.0.1"/></div><div class="app__field___3Ew8H" data-reactid=".joyb2gpxxc.1.0.0.0.0.1"><label data-reactid=".joyb2gpxxc.1.0.0.0.0.1.0">Age</label><input value="23 years" readonly="" class="app__fieldInput___vRWyC" data-reactid=".joyb2gpxxc.1.0.0.0.0.1.1"/></div></div><div data-reactid=".joyb2gpxxc.1.0.0.0.1"><div class="app__field___3Ew8H" data-reactid=".joyb2gpxxc.1.0.0.0.1.0"><label data-reactid=".joyb2gpxxc.1.0.0.0.1.0.0">Username</label><input value="roman01la" readonly="" class="app__fieldInput___vRWyC" data-reactid=".joyb2gpxxc.1.0.0.0.1.0.1"/></div><div class="app__field___3Ew8H" data-reactid=".joyb2gpxxc.1.0.0.0.1.1"><label data-reactid=".joyb2gpxxc.1.0.0.0.1.1.0">Password</label><input value="********" readonly="" class="app__fieldInput___vRWyC" data-reactid=".joyb2gpxxc.1.0.0.0.1.1.1"/></div></div><button class="app__btn___3ow_F" data-reactid=".joyb2gpxxc.1.0.0.0.2">Edit profile</button></form></div></div></main></div></div>
<script src="/javascripts/app.js"></script>
<script>renderState({"title":"Unimorphic-isoversal functionally reactive web application","user":{"fname":"Roman","lname":"Liutikov","age":23,"username":"roman01la"},"userProfileMode":"view","loginForm":{"username":"","password":""},"session":false});</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment