-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
212 lines (188 loc) · 11 KB
/
index.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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<html>
<!----
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
[:::::::::::::: ::::::::::::::]
[:::::::::::::: ::::::::::::::]
[::::::[[[[[[[: :]]]]]]]::::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ CODE FREE ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[:::::[ ]:::::]
[::::::[[[[[[[: :]]]]]]]::::::]
[:::::::::::::: ::::::::::::::]
[:::::::::::::: ::::::::::::::]
[[[[[[[[[[[[[[[ ]]]]]]]]]]]]]]]
---->
<head>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<title>Brackets</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- 3rd-party stylesheets -->
<link rel="stylesheet" type="text/css" href="css/zocial/zocial.css" />
<!-- responsive -->
<link rel="stylesheet" media="screen and (max-width: 960px)" href="css/tablet.css" />
<link rel="stylesheet" media="screen and (max-width: 710px)" href="css/phone.css" />
<link rel="stylesheet" type="text/css" href="fonts/source-sans/stylesheet.css" />
</head>
<body>
<a class="scroll-point pt-top" name="top"></a>
<header>
<!-- fork us on github -->
<a href="https://github.com/adobe/brackets"><img id="fork-us" style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
<a class="scroll-point pt-top" name="top"></a>
<div class="site">
<hgroup>
<h1><a href="#top">Brackets</a></h1>
<h2><a href="#top">open-source code editor<br> built <em>with</em> the web <em>for</em> the web</a></h2>
</hgroup>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#checkit">Check It Out</a></li>
<li><a href="#contribute">Contribute</a></li>
<li><a href="#mailing-list">Stay Informed</a></li>
</ul>
<!--
<form class="menu-dropdown">
<select onchange="location = this.options[this.selectedIndex].value;">
<option value="#about">About</option>
<option value="#checkit">Check It Out</option>
<option value="#contribute">Contribute</option>
<option value="#mailing-list">Stay Informed</option>
</select>
</form>
-->
</nav>
</div>
<div class="shadow"></div>
</header>
<div id="hero">
<div class="indicator"></div>
<div class="site">
<div class="slides">
<div id="innovative" class="slide selected">
<img src="images/slide_innovative.png" />
<h3>Helpful without taking over</h3>
<p>With features like Live Development and Quick Edit, Brackets streamlines development
without getting in your way.</p>
</div>
<div id="standards-based" class="slide after">
<img src="images/slide_open.svg" />
<h3>Built <strong>with</strong> the web<br><strong>for</strong> the web.</h3>
<p>Made with <span style="color:darkred;">♥</span> and JavaScript. Brackets is a open-source project, with an active and
growing developer community.</p>
</div>
<div id="web-focused" class="slide after">
<img src="images/slide_web-focused.svg" />
<h3>A code editor<br>for the web</h3>
<p>Focus on one thing, and do it really well. Brackets is built from the ground up with a focus on web development.</p>
</div>
<div id="extensible" class="slide after">
<img src="images/slide_extensible.svg" />
<h3>You complete me</h3>
<p>Brackets is built with HTML, CSS and JavaScript, which means it is easy to contribute to the project and extend its functionalty. <a href="http://www.youtube.com/watch?v=-dJolYw8tnk">You have the power!</a></p>
</div>
</div>
<nav>
<ul>
<li class="selected"><a href="#innovative">innovative</a></li>
<li><a href="#standards-based">open</a></li>
<li><a href="#web-focused">focused</a></li>
<li><a href="#extensible">extensible</a></li>
</ul>
</nav>
</div>
<div class="shadow"></div>
</div>
<a class="scroll-point pt-about" name="about"></a>
<section id="about" class="wrap">
<h2 class="icon icon-about">About Brackets</h2>
<p>Brackets is an open-source editor for web design and development built on top of web technologies such as HTML, CSS and JavaScript. The project was originally begun by <a href="http://html.adobe.com">Adobe</a>, and is released under an <a href="https://github.com/adobe/brackets/blob/master/LICENSE">MIT License</a>.</p>
<h3>Guiding Ideas</h3>
<p><strong>For the web, by the web</strong><br />Brackets is built using HTML, CSS and JavaScript. If you can code <em>in</em> Brackets, you can code <em>on</em> Brackets.</p>
<p><strong>Open development works</strong><br />Brackets, is a fully open-source, community-driven project. Want to influence its direction? Join the <a href="http://groups.google.com/group/brackets-dev">developer list</a> and start contributing.</p>
<p><strong>Tools shouldn't get in your way</strong><br />Rather than clutter your workspace with floating panels, toolbars and icons, Brackets focuses on providing “Quick Edit” in-line views that provide context-sensitive access to your content, without taking you away from your code.</p>
<p><strong>Works with your browser</strong><br />The browser is your design view. Brackets hooks up directly to the browser, allowing you to design and develop in the same environment that you deploy.</p>
</section>
<a class="scroll-point pt-about" name="checkit"></a>
<section id="check-it-out" class="wrap">
<h2 class="icon icon-download">Check It Out</h2>
<p>Brackets is still in the oven and needs to bake a little longer before it's a full-featured code editor. The <a href="https://github.com/adobe/brackets/downloads">milestone builds available on GitHub</a> are there for contributors and those special kind of crazy designers and developers who like to live on the edge. Performance, stability and features are all in flux. Use at your own risk.</p>
<p>However, if you like living on the bleeding edge, just view the <a href="https://github.com/adobe/brackets/wiki/How-to-Use-Brackets">wiki</a> for info on how to download and run Brackets.</p>
</section>
<a class="scroll-point" name="contribute"></a>
<section id="contribute" class="wrap">
<h2 class="icon icon-contribute">Contribute</h2>
<p>If you have an idea for a feature, want to fix a bug, or contribute in other ways, then fork the project and start hacking.</p>
<ul>
<li><a href="https://github.com/adobe/brackets/wiki/How-to-Hack-on-Brackets">How To Hack on Brackets</a></li>
<li><a href="http://groups.google.com/group/brackets-dev">Developer List</a></li>
<li><a href="https://github.com/adobe/brackets/issues">Current Issues</a></li>
<li><a href="http://bit.ly/BracketsBacklog">Development Roadmap</a></li>
</ul>
</section>
<a class="scroll-point" name="mailing-list"></a>
<section id="stay-informed" class="wrap">
<h2 class="icon icon-mailing-list">Stay Informed</h2>
<div class="list-header">
<p>You can find the latest news and information around Brackets on the <a href="http://blog.brackets.io">project's weblog</a>, as well as by checking out the resources below.</p>
<strong>Contributors</strong>
</div>
<ul class="list mailing-list">
<li><strong>Source Code</strong> <a href="http://www.github.com/adobe/brackets"><button class="zocial github">Fork us on github</button></a></li>
<li><strong>Mailing List</strong> <a href="http://groups.google.com/group/brackets-dev"><button class="zocial email">Join the discussion</button></a></li>
<li><strong>IRC</strong> <a href="http://webchat.freenode.net/?channels=brackets"><button class="zocial guest">#brackets on freenode.net</button></a></li>
</ul>
<div class="list-header">
<strong>Designers and Developers</strong>
</div>
<ul class="list mailing-list">
<li><strong>Twitter</strong> <a href="http://twitter.com/#!/brackets"><button class="zocial twitter">Follow us @brackets</button></a></li>
<li><strong>Google+</strong> <a href="https://plus.google.com/b/115365194873502050036/"><button class="zocial googleplus">Add us to your circles</button></a></li>
<li><strong>Facebook</strong> <a href="http://www.facebook.com/CodeBrackets"><button class="zocial facebook">Let's be friends</button></a></li>
<li><strong>YouTube</strong> <a href="http://www.youtube.com/codebrackets"><button class="zocial googleplay">Subscribe to our channel</button></a></li>
</ul>
</section>
<section id="quick-links" class="wrap quick-links-pane">
<h2 class="icon icon-quick-links">Quick Links</h2>
<div class="list-container quick-links">
<div class="title">General</div>
<ul class="list">
<li><a href="http://html.adobe.com">Adobe & HTML</a></li>
<li><a href="http://blog.brackets.io">Blog</a></li>
<li><a href="https://github.com/adobe/brackets/wiki/Brackets-Screenshots">Screenshots</a></li>
<!--<li><a href="#">Artwork (coming soon)</a></li>-->
</ul>
</div>
<div class="list-container quick-links">
<div class="title">Development</div>
<ul class="list">
<li><a href="https://github.com/adobe/brackets">Source Code</a></li>
<li><a href="http://github.com/adobe.com/brackets/downloads">Downloads</a></li>
<li><a href="https://github.com/adobe/brackets/issues">Issue Tracker</a></li>
<li><a href="https://github.com/adobe/brackets/wiki">Wiki</a></li>
<li><a href="http://bit.ly/BracketsBacklog">Feature Backlog</a></li>
</ul>
</div>
</section>
<footer>
<p>Project source code is licensed under the <a href="https://github.com/adobe/brackets/blob/master/LICENSE">MIT License</a>.</p>
<a class="closing" href="#top"></a>
</footer>
</body>
<!-- 3rd-party scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/smooth.pack.js" type="text/javascript"></script>
<script src="js/app.js"></script>
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</html>