-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathsplash.html
executable file
·109 lines (98 loc) · 3.03 KB
/
splash.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Ztxt Splash Page</title>
<script>
</script>
<style>
*{
padding : 0;
margin : 0;
}
html,body{
font-size : 16px;
font-family : sans-serif;
background-color : #666;
color : #ddd;
text-shadow : 1px 1px 1px rgba(0,0,0,0.5);
overflow : hidden;
}
h1{
font-size : 35px;
font-weight : normal;
margin : 0px;
margin-bottom : 10px;
}
h2{
font-size : 16px;
margin : 0px;
margin-top : 40px;
}
small{
font-size : 10px;
}
p{
margin-top : 5px;
line-height : 20px;
font-size : 14px;
}
a{
font-weight : bold;
color : #87c1fa;
-webkit-transition : color 500ms ease-out;
}
a:hover{
color : white;
}
a i{
color : white;
}
.content{
position : relative;
margin : 20px;
background : rgba(0,0,0,0.5);
padding : 20px;
border-radius : 4px;
}
.filler{
position : absolute;
top : 0px;
left : 0px;
width : 100%;
height : 100%;
background-image : url(images/blank-bg.jpg);
background-size : cover;
background-repeat : no-repeat;
}
</style>
</head>
<body>
<div class="filler"></div>
<div class="content">
<h1>ztxt <small>3.3</small></h1>
<p><a href="http://www.zreference.com/"><i>Built by Zevan Rosser</i></a></p>
<p>
ztxt is a browser based code editor. For use with HTML, CSS, JavaScript and PHP. ztxt works best with <a href="http://www.apple.com/safari/">Safari</a> or <a href="http://chrome.google.com" target="_blank">Google Chrome</a>.
<br/><br/>
<a href="http://zreference.com/ztxt-code-editor/" target="blank">Watch the video tutorial</a>
</p>
<h2>Credits</h2>
<p>
ztxt uses of a few excellent JavaScript libraries:<br/><br/>
<a href="http://jquery.com/" >jQuery</a> - for writing less and doing more<br/>
<a href="http://codemirror.net/" target="_blank">
CodeMirror</a> - for syntax highlighting and editing<br/>
<a href="http://jsbeautifier.org/" target="_blank">jsBeautifier</a> - to format .js files<br/>
<a href="http://code.google.com/p/zen-coding/" target="_blank">Zen
Coding</a> - for high speed html/css coding<br/>
<a href="http://www.eyecon.ro" target="_blank">jQuery Color Picker</a> - for choosing hex colors
<br/>
<a href="http://www.abeautifulsite.net/blog/2008/03/jquery-file-tree/" target="_blank">jQuery File Tree</a> - for file icons and css
<br/><br/>
ztxt was partially inspired by the excellent in-browser editor <a href="http://jsfiddle.net/" target="_blank">jsFiddle</a>
</p>
</div>
</p>
</body>
</html>