Skip to content

Commit 225c325

Browse files
chinchangchinchang
committed
initial commit.
0 parents  commit 225c325

File tree

410 files changed

+75570
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

410 files changed

+75570
-0
lines changed

‎.gitignore

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.sass-cache
2+
node_modules/
3+
*.map

‎LICENSE

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) 2016 Kushagra Gour
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy of
6+
this software and associated documentation files (the "Software"), to deal in
7+
the Software without restriction, including without limitation the rights to
8+
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
9+
the Software, and to permit persons to whom the Software is furnished to do so,
10+
subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17+
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18+
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19+
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20+
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

‎README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
Web-Maker
2+
======
3+
4+
Quick way to do you web experiement offline.

‎icon-16.png

345 Bytes
Loading

‎index.html

Lines changed: 214 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,214 @@
1+
<html>
2+
<head>
3+
<meta charset="utf-8">
4+
<title>Web Maker- code in your browser</title>
5+
<link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
6+
<link rel="stylesheet" href="lib/codemirror/theme/monokai.css">
7+
8+
<style>
9+
body {
10+
margin: 0;
11+
padding: 0;
12+
background: rgba(0, 0, 0, 0.5);
13+
background: #444;
14+
min-height: 100vh;
15+
font-family: Helvetica, arial;
16+
}
17+
.flex {
18+
display: flex;
19+
}
20+
.flex-grow {
21+
flex-grow: 1;
22+
}
23+
.fr {
24+
float: right;
25+
}
26+
.main-container {
27+
position: absolute;
28+
left: 0; right: 0;
29+
top: 0; bottom: 0;
30+
display: flex;
31+
flex-direction: column;
32+
}
33+
.code-side,
34+
.demo-side {
35+
flex-basis: inherit;
36+
position: relative;
37+
}
38+
.layout-3 .content-wrap {
39+
flex-direction: row-reverse;
40+
}
41+
.code-side {
42+
display: flex;
43+
flex-direction: column;
44+
}
45+
.layout-2 .content-wrap {
46+
flex-direction: column;
47+
}
48+
.layout-2 .code-side {
49+
flex-direction: row;
50+
}
51+
.code-wrap {
52+
/*border: 1px solid #e1e1e1;*/
53+
flex-basis: inherit;
54+
height: 33%;
55+
/*border-radius: 6px;*/
56+
overflow: hidden;
57+
position: relative;
58+
/*margin-bottom: 4px;*/
59+
animation: pop-in 0.4s cubic-bezier(.71,1.7,.77,1.24) forwards 0.2s;
60+
animation: pop-in 0.4s ease forwards 0.2s;
61+
opacity: 0;
62+
}
63+
.layout-2 .code-wrap {
64+
height: auto;
65+
width: 33%;
66+
/*margin-bottom: 0;*/
67+
/*margin-right: 4px;*/
68+
}
69+
.code-wrap:last-child {
70+
/*margin-bottom: 0;*/
71+
}
72+
.code-wrap:nth-of-type(3) {
73+
animation-delay: 0.3s;
74+
}
75+
.code-wrap:nth-of-type(5) {
76+
animation-delay: 0.4s;
77+
}
78+
79+
.code-wrap:after {
80+
content: attr(data-type);
81+
text-transform: uppercase;
82+
font-size: 65px;
83+
display: block;
84+
position: absolute;
85+
top: 4px;
86+
color: rgba(255,255,255,0.04);
87+
left: 52px;
88+
z-index: 3;
89+
pointer-events: none;
90+
}
91+
@keyframes pop-in {
92+
from { transform: scale(0.9); opacity: 0; }
93+
to { transform: scale(1); opacity: 1; }
94+
}
95+
96+
/* Codemirror */
97+
.Codemirror {
98+
width: 100%;
99+
height: 100%;
100+
font-size: 16px;
101+
}
102+
.cm-s-monokai .CodeMirror-linenumber {
103+
color:rgba(255,255,255,0.2);
104+
}
105+
106+
#demo-frame {
107+
border: 0;
108+
width: 100%;
109+
height: 100%;
110+
position: absolute;
111+
z-index: 1;
112+
background: white;
113+
}
114+
.footer {
115+
padding: 5px 10px;
116+
background-color: #111;
117+
color: rgba(255, 255, 255, 0.45);
118+
line-height: 20px;
119+
}
120+
.footer__right {
121+
font-size: 0;
122+
line-height: 0;
123+
}
124+
.mode-btn {
125+
margin-left: 10px;
126+
display: inline-block;
127+
}
128+
.mode-btn svg {
129+
width: 20px;
130+
height: 20px;
131+
fill: rgba(255, 255, 255, 0.09)
132+
}
133+
.mode-btn:hover svg,
134+
.mode-btn.selected svg {
135+
fill: rgba(255, 255, 255, 0.45);
136+
}
137+
.gutter-horizontal {
138+
cursor: ew-resize;
139+
}
140+
.gutter-vertical {
141+
cursor: ns-resize;
142+
}
143+
</style>
144+
</head>
145+
146+
<body class="layout-">
147+
<div class="main-container">
148+
<div class="content-wrap flex flex-grow">
149+
<div class="code-side" id="js-code-side">
150+
<div id="js-html-code" data-type="html" class="code-wrap"></div>
151+
<div id="js-css-code" data-type="css" class="code-wrap"></div>
152+
<div id="js-js-code" data-type="js" class="code-wrap"></div>
153+
</div>
154+
<div class="demo-side" id="js-demo-side">
155+
<iframe src="" frameborder="0" id="demo-frame"></iframe>
156+
</div>
157+
</div>
158+
<div class="footer">
159+
<div class="footer__right fr">
160+
<a id="js-layout-btn-1" class="mode-btn" href="javascript:void(0)">
161+
<svg viewBox="0 0 100 100" style="transform:rotate(-90deg)">
162+
<use xlink:href="#mode-icon" />
163+
</svg>
164+
</a>
165+
<a id="js-layout-btn-2" class="mode-btn" href="javascript:void(0)">
166+
<svg viewBox="0 0 100 100">
167+
<use xlink:href="#mode-icon" />
168+
</svg>
169+
</a>
170+
<a id="js-layout-btn-3" class="mode-btn" href="javascript:void(0)">
171+
<svg viewBox="0 0 100 100" style="transform:rotate(90deg)">
172+
<use xlink:href="#mode-icon" />
173+
</svg>
174+
</a>
175+
</div>
176+
&copy; Web-Maker
177+
</div>
178+
</div>
179+
180+
181+
<svg width="30" height="30" viewBox="0 0 100 100" fill="rgba(255, 255, 255, 0.09)">
182+
<g id="mode-icon">
183+
<rect x="0" y="0" width="28" height="47" />
184+
<rect x="36" y="0" width="28" height="47"/>
185+
<rect x="72" y="0" width="28" height="47"/>
186+
<rect x="0" y="53" width="100" height="47"/>
187+
</g>
188+
</svg>
189+
<script src="lib/codemirror/lib/codemirror.js"></script>
190+
191+
<script src="lib/codemirror/addon/edit/closetag.js"></script>
192+
193+
<script src="lib/codemirror/mode/xml/xml.js"></script>
194+
<script src="lib/codemirror/mode/javascript/javascript.js"></script>
195+
<script src="lib/codemirror/mode/css/css.js"></script>
196+
<script src="lib/codemirror/mode/htmlmixed/htmlmixed.js"></script>
197+
198+
<script src="lib/split.js"></script>
199+
<script src="script.js"></script>
200+
201+
<!--<script type="text/javascript">
202+
var _gaq = _gaq || [];
203+
_gaq.push(['_setAccount', 'UA-19798102-1']);
204+
_gaq.push(['_trackPageview']);
205+
206+
(function() {
207+
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
208+
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
209+
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
210+
})();
211+
</script>-->
212+
213+
</body>
214+
</html>

‎lib/codemirror/.gitattributes

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
*.txt text
2+
*.js text
3+
*.html text
4+
*.md text
5+
*.json text
6+
*.yml text
7+
*.css text
8+
*.svg text

‎lib/codemirror/.gitignore

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
/node_modules
2+
/npm-debug.log
3+
/test*.html
4+
.tern-*
5+
*~
6+
*.swp
7+
.idea
8+
*.iml

‎lib/codemirror/.npmignore

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
/node_modules
2+
/demo
3+
/doc
4+
/test
5+
/test*.html
6+
/index.html
7+
/mode/*/*test.js
8+
/mode/*/*.html
9+
/mode/index.html
10+
.*

‎lib/codemirror/.travis.yml

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
language: node_js
2+
node_js:
3+
- stable
4+
sudo: false

‎lib/codemirror/LICENSE

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
Copyright (C) 2016 by Marijn Haverbeke <[email protected]> and others
2+
3+
Permission is hereby granted, free of charge, to any person obtaining a copy
4+
of this software and associated documentation files (the "Software"), to deal
5+
in the Software without restriction, including without limitation the rights
6+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
7+
copies of the Software, and to permit persons to whom the Software is
8+
furnished to do so, subject to the following conditions:
9+
10+
The above copyright notice and this permission notice shall be included in
11+
all copies or substantial portions of the Software.
12+
13+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
19+
THE SOFTWARE.

0 commit comments

Comments
 (0)