Skip to content

Commit

Permalink
add screenshot source
Browse files Browse the repository at this point in the history
  • Loading branch information
@plantain-00
plantain-00 committed Aug 29, 2017
1 parent d83ec76 commit 38f7732
Show file tree
Hide file tree
Showing 2 changed files with 224 additions and 0 deletions.
224 changes: 224 additions & 0 deletions online/screenshot-src.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,224 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.app {
display: flex
}

.app * {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Sans GB", "WenQuanYi Micro Hei", "Verdana,Aril", sans-serif;
-webkit-font-smoothing: antialiased
}

.app .source {
display: block;
width: 50%;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
height: 600px
}

.app .result {
display: flex;
flex-direction: column;
width: 50%
}

.app .result button {
color: #333;
background-color: #fff;
display: inline-block;
padding: 3px 6px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
margin-left: 3px
}

.app .result button:hover {
background-color: #e6e6e6;
border-color: #adadad;
text-decoration: none
}

.app .result .options {
margin-left: 3px;
margin-top: 3px
}

.app .result .json-schema,
.app .result .protobuf {
display: block;
padding: 9.5px;
margin: 3px 0 10px 3px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
height: 545px;
overflow-y: auto
}
/*!
* "Fork me on GitHub" CSS ribbon v0.2.0 | MIT License
* https://github.com/simonwhitaker/github-fork-ribbon-css
*/

.github-fork-ribbon {
width: 12.1em;
height: 12.1em;
position: absolute;
overflow: hidden;
top: 0;
right: 0;
z-index: 9999;
pointer-events: none;
font-size: 13px;
text-decoration: none;
text-indent: -999999px
}

.github-fork-ribbon.fixed {
position: fixed
}

.github-fork-ribbon:after,
.github-fork-ribbon:before {
position: absolute;
display: block;
width: 15.38em;
height: 1.54em;
top: 3.23em;
right: -3.23em;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}

.github-fork-ribbon:before {
content: "";
padding: .38em 0;
background-color: #a00;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .15)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15));
-webkit-box-shadow: 0 .15em .23em 0 rgba(0, 0, 0, .5);
-moz-box-shadow: 0 .15em .23em 0 rgba(0, 0, 0, .5);
box-shadow: 0 .15em .23em 0 rgba(0, 0, 0, .5);
pointer-events: auto
}

.github-fork-ribbon:after {
content: attr(title);
color: #fff;
font: 700 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.54em;
text-decoration: none;
text-shadow: 0 -.08em rgba(0, 0, 0, .5);
text-align: center;
text-indent: 0;
padding: .15em 0;
margin: .15em 0;
border-width: .08em 0;
border-style: dotted;
border-color: #fff;
border-color: rgba(255, 255, 255, .7)
}

.github-fork-ribbon.left-bottom,
.github-fork-ribbon.left-top {
right: auto;
left: 0
}

.github-fork-ribbon.left-bottom,
.github-fork-ribbon.right-bottom {
top: auto;
bottom: 0
}

.github-fork-ribbon.left-bottom:after,
.github-fork-ribbon.left-bottom:before,
.github-fork-ribbon.left-top:after,
.github-fork-ribbon.left-top:before {
right: auto;
left: -3.23em
}

.github-fork-ribbon.left-bottom:after,
.github-fork-ribbon.left-bottom:before,
.github-fork-ribbon.right-bottom:after,
.github-fork-ribbon.right-bottom:before {
top: auto;
bottom: 3.23em
}

.github-fork-ribbon.left-top:after,
.github-fork-ribbon.left-top:before,
.github-fork-ribbon.right-bottom:after,
.github-fork-ribbon.right-bottom:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
</style>
</head>

<body><a class="github-fork-ribbon right-bottom" href="https://github.com/plantain-00/types-as-schema" title="Fork me on GitHub" target="_blank" rel="noopener">Fork me on GitHub</a>
<div id="prerender-container">
<div class="app"><textarea class="source"></textarea>
<div class="result"><button>generate</button>
<div class="options"><select><option value="protobuf">protobuf</option></select></div>
<pre class="protobuf"></pre>
<!---->
</div>
</div>
</div>
<script src="./vendor.bundle-e0f49fd5a9f43b0f2324f9219c7dc438.js" crossorigin="anonymous" integrity="sha256-54SCiJnefHXbSEt94yBklTkdm3WzARl+MIX3Tzh7b8E="></script>
<script src="./index.bundle-2c794cc0df3d2a0f5e371e23f22b14e1.js" crossorigin="anonymous" integrity="sha256-FAbvCG7HMVtp6prrpl8JANKaV/mgiOWQPg6uGdjsJ6g="></script>
</body>

</html>
Binary file modified online/screenshot.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 38f7732

Please sign in to comment.