+
+什么是Sky Walking?
+
+他是一个面向分布式系统的全链路监控追踪系统。用于应用集群的分布式调用情况和服务性能监控，负载分布情况的分析系统。
+
+
+为什么需要Sky Walking?
+
+目前主流的应用系统或者互联网系统，都是由各种不同职责的系统构成的大规模集群(如上图所示)，通过分布式调用（rest、webservice、dubbo、dubbox、消息等）的模式，支持前台系统。系统间关系复杂，无法预先设计与规划。调用链路繁多，通过日志分析难度很大。
+
+分布式系统的开发者和维护人员，希望在系统出现业务错误时，得到邮件通知，并能从全局角度追踪调用关系，而不用在庞大的分布式日志中，寻找关联关系和错误原因。
+
+从Google发表自己的Drapper分布式追踪系统的论文发表以来，wiki、淘宝、京东等各家国内外大型互联网公司，都研发了自己的全链路追踪系统。可见此系统在离散的分布式集群中的重要作用。
+
+另外，针对非分布式应用，应用的性能调优也是开发团队头疼问题，全链路监控可以针对应用的各种本地或远程调用，为提高执行效率提供依据。
+
+
+Sky Walking支持追踪哪些调用?
+
+Sky Walking已开放底层API的方式，支持对java程序的本地调用、远程调用（同步/异步）、多线程运行的追踪监控
+为了方便使用，计划在初期，开发以下常用的插件，更方便的进行追踪监控
+1.web调用
+2.jdbc调用
+3.dubbo/dubbox
+4.Spring本地方法调用
+5.公司内部封装的内部服务
+6.应用可自行封装的各种调用
+
+
+Sky Walking目前的进展情况?
+1.0-alpha2(on developing):
+ 1.支持链路的识别，分析归类，汇总调用次数、成功率、QPS等指标
+ 2.webui展现链路分析报告
+ 3.log4j和log4j2扩展，能在日志中快速展现tid
+1.0-alpha1(released):
+ 1.支持链路追踪、上下文传递、追踪日志持久化。
+ 2.追踪插件支持web filter, JDBC(MySQL Driver, other driver extend api), dubbo, dubbox(2.8.4/below 2.8.3), apache httpclient(4.2/4.3), spring context
+ 3.webui展现调用轨迹、耗时、状态等。
+ 4.支持异常调用的识别，并通过邮件告警
+
+
+
+
+
+
+
+
+
diff --git a/javascripts/scale.fix.js b/javascripts/scale.fix.js
new file mode 100644
index 000000000..08716c006
--- /dev/null
+++ b/javascripts/scale.fix.js
@@ -0,0 +1,20 @@
+fixScale = function(doc) {
+
+ var addEvent = 'addEventListener',
+ type = 'gesturestart',
+ qsa = 'querySelectorAll',
+ scales = [1, 1],
+ meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : [];
+
+ function fix() {
+ meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1];
+ doc.removeEventListener(type, fix, true);
+ }
+
+ if ((meta = meta[meta.length - 1]) && addEvent in doc) {
+ fix();
+ scales = [.25, 1.6];
+ doc[addEvent](type, fix, true);
+ }
+
+};
\ No newline at end of file
diff --git a/params.json b/params.json
new file mode 100644
index 000000000..6c01337ca
--- /dev/null
+++ b/params.json
@@ -0,0 +1 @@
+{"name":"Sky-walking","tagline":"Distributed Application Tracing System","body":"### 什么是Sky Walking?\r\n他是一个面向分布式系统的全链路监控追踪系统。用于应用集群的分布式调用情况和服务性能监控，负载分布情况的分析系统。\r\n\r\n### 为什么需要Sky Walking?\r\n目前主流的应用系统或者互联网系统，都是由各种不同职责的系统构成的大规模集群，通过分布式调用的模式，支持前台系统。系统间关系复杂，无法预先设计与规划。调用链路繁多，通过日志分析难度很大。\r\n从Google发表自己的Drapper分布式追踪系统的论文发表以来，wiki、淘宝、京东等各家国内外大型互联网公司，都研发了自己的全链路追踪系统。可见此系统在离散的分布式集群中的重要作用。\r\n\r\n### Sky Walking支持追踪哪些调用?\r\nSky Walking已开放底层API的方式，支持对java程序的本地调用、远程调用（同步/异步）、多线程运行的追踪监控\r\n为了方便使用，计划在初期，开发以下常用的插件，更方便的进行追踪监控\r\n1.web调用\r\n2.jdbc调用\r\n3.dubbox\r\n4.Spring本地方法调用\r\n5.公司内部封装的内部服务\r\n6.应用可自行封装的各种调用\r\n\r\n### Sky Walking目前的进展情况?\r\n正在开发1.0版本，进行内部的测试。我们尽力在最快的时间内，开放完整的应用程序。","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
\ No newline at end of file
diff --git a/sample-code/codeView.html b/sample-code/codeView.html
new file mode 100644
index 000000000..b6849582b
--- /dev/null
+++ b/sample-code/codeView.html
@@ -0,0 +1,193 @@
+
+
+
+
+
+ 如何追踪注册在Spring中类实例的方法调用？
+
+ 1.Spring配置文件头部，配置所需的命名空间
+
+xmlns:skywalking="http://cloud.asiainfo.com/schema/skywalking"
+xsi:schemaLocation="http://cloud.asiainfo.com/schema/skywalking
+ http://cloud.asiainfo.com/schema/skywalking/skywalking.xsd"
+ 典型Spring配置文件如下
+ <beans xmlns="http://www.springframework.org/schema/beans"
+ xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+ xmlns:context="http://www.springframework.org/schema/context"
+ xmlns:skywalking="http://cloud.asiainfo.com/schema/skywalking"
+ xsi:schemaLocation="http://www.springframework.org/schema/beans
+ http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
+ http://www.springframework.org/schema/context
+ http://www.springframework.org/schema/context/spring-context-3.0.xsd
+ http://cloud.asiainfo.com/schema/skywalking
+ http://cloud.asiainfo.com/schema/skywalking/skywalking.xsd">
+ 2.Spring配置文件中，设置需要追踪包名、类名或方法名。可配置多个。
+
+<skywalking:trace packageExpression="com.ai.app.domain.test.*" classExpression="*"/>
+<skywalking:trace packageExpression="com.ai.app.domain.test..*" classExpression="className*"/>
+
+ 注意：对于方法的追踪，仅限于实例级的public方法。其他方法由于Java运行时原因，无法追踪。
+ 3.通过Spring标注，或配置文件将TracingAspectBean注册到Spring Context上下文中
+
+ 如何追踪dubbo调用？
+
+ 这里的dubbo，专指阿里发布的，已停止维护的标准dubbo版本（dubbo.io）。扩展版本dubbox请参考相关章节。
+ 在客户端和服务端配置全局filter：swEnhanceFilter。
+
+//客户端Spring配置文件
+<dubbo:consumer filter="swEnhanceFilter"/>
+
+//服务端Spring配置文件
+<dubbo:provider filter="swEnhanceFilter"/>
+
+
+ 如何追踪dubbox 2.8.4 调用？
+
+ dubbox 2.8.4 较为符合dubbo的服务规范，这里指dubbox支持RpcContext中的attachment。追踪方式和dubbo相同。
+ 在客户端和服务端配置全局filter：swEnhanceFilter。
+
+//客户端Spring配置文件
+<dubbo:consumer filter="swEnhanceFilter"/>
+
+//服务端Spring配置文件
+<dubbo:provider filter="swEnhanceFilter"/>
+
+
+ 如何追踪dubbox 2.8.3 以及之前的调用？
+
+ 由于引入dubbox，主要目的是使用rest+json协议，所以以下方案都是在此种调用模式下的解决方案。其他协议未测试，请谅解，望大家提供测试结果与反馈。
+ dubbox 2.8.3 以及之前版本不能正确的支持RpcContext中的attachment，存在BUG（2.8.4已修复）。采用扩展参数对象的方法支持追踪的传递性。
+ 注意：依然推荐升级到dubbox 2.8.4，此时能更好的进行追踪，并对程序侵入性更小。
+ 1.在客户端和服务端配置全局filter：swEnhanceFilter。
+
+//客户端Spring配置文件
+<dubbo:consumer filter="swEnhanceFilter"/>
+
+//服务端Spring配置文件
+<dubbo:provider filter="swEnhanceFilter"/>
+ 2.在客户端和服务端启动时，开启dubbox 2.8.3之前版本的修复功能。在服务启动前调用如下代码，或将com.ai.cloud.skywalking.plugin.dubbox.bugfix.below283.BugFixAcitve注册到Spring中。
+
+new com.ai.cloud.skywalking.plugin.dubbox.bugfix.below283.BugFixAcitve();
+
+ 3.dubbox调用参数包含javabean参数，并继承com.ai.cloud.skywalking.plugin.dubbox.bugfix.below283.SWBaseBean。只包含java基础类型（如：String、Integer等）的调用，无法支持追踪传递
+
+ 4.客户端如果直接使用非dubbox客户端发起调用，需要在发送的参数中设置contextData。
+
+
+ 如何追踪MySQL访问？
+
+ 1.设置特定的JDBC Driver
+ Driver="com.ai.cloud.skywalking.plugin.jdbc.mysql.MySQLTracingDriver"
+ 2.设置特定的JDBC URL
+
+ jdbc.url=tracing:jdbc:mysql://localhost:3306/test?useUnicode=true&characterEncoding=UTF-8
+
+
+ 如何追踪MySQL之外的其他JDBC？
+
+ 1.轻松实现自定义的JDBC Driver扩展
+ import java.sql.Driver;
+import java.sql.DriverManager;
+import java.sql.SQLException;
+
+import com.ai.cloud.skywalking.plugin.jdbc.TracingDriver;
+
+public class XXXDBTracingDriver extends TracingDriver {
+ static {
+ try {
+ DriverManager.registerDriver(new XXXDBTracingDriver());
+ } catch (SQLException e) {
+ throw new RuntimeException("register "
+ + MySQLTracingDriver.class.getName() + " driver failure.");
+ }
+ }
+
+ /**
+ * 继承自TracingDriver，返回真实的Driver
+ */
+ @Override
+ protected Driver registerTracingDriver() {
+ try {
+ //示例：return new com.mysql.jdbc.Driver();
+ return new Driver();
+ } catch (SQLException e) {
+ throw new RuntimeException("create Driver failure.");
+ }
+ }
+
+}
+
+ 2.设置新实现的JDBC Driver
+ Driver="XXXDBTracingDriver"
+ 3.设置特定的JDBC URL
+ jdbc.url=tracing:jdbc:xxxdb://localhost:3306/test
+
+
+ 如何追踪web服务端访问？
+
+ 服务端使用Filter追踪web请求
+ <filter>
+ <filter-namer>tracingFilter</filter-namer>
+ <filter-classr>com.ai.cloud.skywalking.plugin.web.SkyWalkingFilter</filter-class>
+ <init-param>
+ <param-name>tracing-name</param-name>
+ <!--分布式埋点信息，默认放在request的header中，key=SkyWalking-TRACING-NAME,可根据需要修改-->
+ <param-value>SkyWalking-TRACING-NAME</param-value>
+ </init-param>
+ </filterr>
+ <filter-mappingr>
+ <filter-name>tracingFilter</filter-namer>
+ <!--追踪路径应为MVC的请求路径，不建议包括js/css/图片等资源路径-->
+ <url-patternr>/request-uri</url-patternr>
+ </filter-mappingr>
+
+
+ 如何通过HttpClient追踪HTTP调用？
+
+ 使用SWTracingHttpClient封装所需的httpClient，此httpClient所有调用都会被监控
+ HttpClient httpclient = new SWTracingHttpClient(new DefaultHttpClient());
+ 上下文将被存储在http request head，中，默认名称和SkyWalkingFilter保持一致。
如果服务端使用dubbox 2.8.4 的提供的http-rest，请使用方法重载
+ HttpClient httpclient = new SWTracingHttpClient(new DefaultHttpClient(), "Dubbo-Attachments");
+
+
+
+ 能通过哪些渠道在应用中发现traceid？
+
+ 1.通过向全链路监控绑定业务字段。建立traceid和业务字段的对应关系，在调用链路中，可以直接展现业务字段信息。
+ String businessKey = "phoneNumber:" + phoneNumber + ",resourceId:" + resourceId + ",mail:" + mail;
+BusinessKeyAppender.setBusinessKey2Trace(businessKey);
+ 2.主动获取traceid，保存到应用程序数据库或其他存储中。
+ Tracing.getTraceId();
+
+ 3.通过web应用的http调用入口，通过返回的header信息，找到此次调用的traceid。
+
+ 4.通过log4j或log4j2的扩展，在每行本地日志中，输出traceid。
+ log4j1.x配置
+ log4j.appender.A1.layout=com.ai.cloud.skywalking.plugin.log.log4j.v1.x.TraceIdPatternLayout
+#%x为traceid的转义符
+log4j.appender.A1.layout.ConversionPattern=[%x] %-d{yyyy-MM-dd HH:mm:ss.SSS} %c %n[%p] %n%m%n
+ log4j2.x配置
+ <!--%tid为traceid的转义符-->
+<PatternLayout pattern="%d{HH:mm:ss.SSS} [%tid] [%t] %-5level %logger{36} - %msg%n"/>
+
+
+
+
+
+
\ No newline at end of file
diff --git a/sample-code/css/style.css b/sample-code/css/style.css
new file mode 100755
index 000000000..af8f5c24a
--- /dev/null
+++ b/sample-code/css/style.css
@@ -0,0 +1,451 @@
+/* Getting the new tags to behave */
+article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
+mark, rp, rt, ruby, summary, time{ display: inline }
+
+/* Global properties ======================================================== */
+body {
+/* background:#212222; */
+ font-family:Arial, Helvetica, sans-serif;
+ font-size:100%;
+ line-height:1.125em;
+ color:#fff;
+}
+html { min-width:1000px;}
+html, body { height:100%;}
+
+
+
+/* Global Structure ============================================================= */
+.container {
+ margin: 0 auto;
+ position: relative;
+ width: 1000px;
+ font-size:.8125em;
+}
+
+ /* Header */
+ header{
+ height:72px;
+ overflow:hidden;
+ background:url(../images/header-bg.gif) 0 0 repeat-x;
+ }
+
+ /*Gallery*/
+ #gallery {
+ height:496px;
+ overflow:hidden;
+ background:url(../images/gallerry-bg.gif) 0 0 repeat-x;
+ }
+
+ /* Content */
+ #content {
+ float: left;
+ width: 572px;
+ }
+
+ /* Sidebar */
+ aside{
+ float: left;
+ width: 302px;
+ margin-right:52px;
+ }
+
+ /* Footer */
+ footer{
+ padding:20px 0 22px 0;
+ border-top:5px solid #eee;
+ }
+
+
+
+
+/* Left & Right alignment */
+
+.fleft { float:left;}
+.fright { float:right;}
+.clear { clear:both;}
+
+.col-1, .col-2, .col-3 { float:left;}
+
+.alignright { text-align:right;}
+.aligncenter { text-align:center;}
+
+.wrapper {
+ width:100%;
+ overflow:hidden;
+}
+
+/* The inside class provides consistent padding. To be used often! */
+.inside{ padding: 32px 37px 50px 37px; }
+
+
+/*----- form defaults -----*/
+input, select, textarea {
+ font-family:Arial, Helvetica, sans-serif;
+ font-size:1em;
+ vertical-align:middle;
+ font-weight:normal;
+}
+
+/*----- other -----*/
+figure { margin-bottom:18px;}
+
+.img-indent {
+ margin:0 20px 0 0;
+ float:left;
+}
+.img-box {
+ width:100%;
+ overflow:hidden;
+ padding-bottom:15px;
+}
+ .img-box figure {
+ float:left;
+ margin:0 20px 0 0;
+ padding:0;
+ }
+
+.extra-wrap {
+ overflow:hidden;
+}
+
+p {margin-bottom:18px;}
+.p1 { margin-bottom:9px;}
+.p2 { margin-bottom:18px;}
+.p3 { margin-bottom:27px;
+}
+
+
+/*----- txt, links, lines, titles -----*/
+a {
+ color:#f27f02;
+ outline:none;
+}
+a:hover{
+ text-decoration:none;
+}
+
+h1 {
+ font-size:34px;
+ line-height:1.2em;
+ color:#fff;
+ font-weight:normal;
+ background:url(../images/logo.jpg) no-repeat 0 0;
+ padding:6px 0 8px 69px;
+ position:absolute;
+ left:39px;
+ top:6px;
+}
+ h1 a {
+ color:#fff;
+ text-decoration:none;
+ }
+h2 {
+ font-size:30px;
+ line-height:1.2em;
+ font-weight:normal;
+ color:#212222;
+ margin-bottom:22px;
+}
+ h2 span {
+ color:#8a8a8a;
+ }
+h3 {
+ font-size:1em;
+ margin-bottom:6px;
+}
+ h3 a { color:#242424; }
+ h3 a:hover {
+ text-shadow: 1px 1px 1px #888;
+ }
+
+
+
+
+/*==================boxes====================*/
+.main-box {
+ border-top:5px solid #eaeaea;
+ background:#fff;
+ width:100%;
+}
+
+
+.contacts {
+ padding-bottom:20px;
+}
+ .contacts li {
+ width:100%;
+ overflow:hidden;
+ }
+ .contacts li strong {
+ float:left;
+ width:95px;
+ }
+
+
+.list1 {
+ margin-left:12px;
+ padding-bottom:18px;
+}
+.list1 li {
+ background:url(../images/arrow1.gif) no-repeat 0 6px;
+ padding:0 0 0 12px;
+}
+
+
+
+/*===== header =====*/
+header nav {
+ float:right;
+}
+ header nav ul li {
+ float:left;
+ }
+ header nav ul li a {
+ font-size:22px;
+ color:#fff;
+ height:67px;
+ line-height:67px;
+ text-decoration:none;
+ width:101px;
+ text-align:center;
+ float:left;
+ background:#433b8f;
+ background-image: gradient(top, #383282, #484095); /* FF3.6 */
+ background-image: -moz-linear-gradient(top, #383282, #484095); /* FF3.6 */
+ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #383282),color-stop(1, #484095)); /* Saf4+, Chrome */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095'); /* IE6,IE7 */
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095')"; /* IE8 */
+ }
+ header nav ul li a.current, header nav ul li a:hover {
+ padding-bottom:5px;
+ }
+
+ header nav ul li:nth-of-type(2) a {
+ background:#0184cd;
+ background-image: -moz-linear-gradient(top, #017bc8, #018ed3); /* FF3.6 */
+ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #017bc8),color-stop(1, #018ed3)); /* Saf4+, Chrome */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3'); /* IE6,IE7 */
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3')"; /* IE8 */
+ }
+ header nav ul li:nth-of-type(3) a {
+ background:#7cbc19;
+ background-image: -moz-linear-gradient(top, #73b515, #86c31d); /* FF3.6 */
+ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #73b515),color-stop(1, #86c31d)); /* Saf4+, Chrome */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d'); /* IE6,IE7 */
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d')"; /* IE8 */
+ }
+ header nav ul li:nth-of-type(4) a {
+ background:#ffbc00;
+ background-image: -moz-linear-gradient(top, #ffb500, #ffc300); /* FF3.6 */
+ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffb500),color-stop(1, #ffc300)); /* Saf4+, Chrome */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300'); /* IE6,IE7 */
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300')"; /* IE8 */
+ }
+ header nav ul li:nth-of-type(5) a {
+ background:#f07502;
+ background-image: -moz-linear-gradient(top, #ee6c01, #f27f02); /* FF3.6 */
+ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ee6c01),color-stop(1, #f27f02)); /* Saf4+, Chrome */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02'); /* IE6,IE7 */
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02')"; /* IE8 */
+ }
+ header nav ul li:nth-of-type(6) a {
+ background:#d00110;
+ background-image: -moz-linear-gradient(top, #d00110, #da0116); /* FF3.6 */
+ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d00110),color-stop(1, #da0116)); /* Saf4+, Chrome */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116'); /* IE6,IE7 */
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116')"; /* IE8 */
+ }
+
+
+
+
+/*===== gallery =====*/
+.roundabout-holder {
+ width:850px;
+ height:496px;
+ margin:0 auto;
+}
+.roundabout-moveable-item {
+ width: 646px;
+ height: 416px;
+ cursor: pointer;
+ border:3px solid #ccc;
+ border:3px solid rgba(0, 0, 0, 0.08);
+ border-radius:4px;
+ -moz-border-radius:4px;
+ -webkit-border-radius:4px;
+}
+ .roundabout-moveable-item img{
+ width:100%;
+ }
+.roundabout-in-focus {
+ border:3px solid rgba(0, 0, 0, 0.2);
+}
+
+
+/*===== content =====*/
+#content {
+
+}
+ #content img, aside img {
+ border:3px solid #ebebeb;
+ border-radius:4px;
+ -moz-border-radius:4px;
+ -webkit-border-radius:4px;
+ }
+ #content img:hover {
+ border-color:#bbb;
+ }
+
+
+/*--- news list styles ---*/
+ .news li {
+ overflow:hidden;
+ position:relative;
+ padding:0 0 26px 84px;
+ }
+ .news li:last-child {
+ padding-bottom:0;
+ }
+
+ .news li figure {
+ width:59px;
+ height:59px;
+ background:url(../images/date-bg1.gif) no-repeat 0 0;
+ position:absolute;
+ left:0;
+ top:0;
+ text-align:center;
+ border:3px solid #ebebeb;
+ border-radius:4px;
+ -moz-border-radius:4px;
+ -webkit-border-radius:4px;
+ font-size:10px;
+ color:#fff;
+ text-transform:uppercase;
+ }
+ .news li figure strong {
+ display:block;
+ font-size:30px;
+ line-height:1.2em;
+ margin-bottom:-7px;
+ padding-top:4px;
+ }
+
+ .news li:nth-of-type(4n+2) figure {
+ background:url(../images/date-bg2.gif) no-repeat 0 0;
+ }
+ .news li:nth-of-type(4n+3) figure {
+ background:url(../images/date-bg3.gif) no-repeat 0 0;
+ }
+ .news li:nth-of-type(4n+4) figure {
+ background:url(../images/date-bg4.gif) no-repeat 0 0;
+ }
+
+
+
+
+.team-list li {
+ width:100%;
+ overflow:hidden;
+ padding-bottom:43px;
+}
+.team-list li:last-child {
+ padding-bottom:0;
+}
+ .team-list li figure {
+ float:left;
+ margin:0 20px 0 0;
+ padding:0;
+ }
+
+
+/*--- loopedSlider styles ---*/
+/*
+ * Required
+*/
+#loopedSlider .wrap { width:295px; height:295px; overflow:hidden; position:relative;}
+#loopedSlider .slides { position:absolute; top:0; left:0; }
+#loopedSlider .slides div { position:absolute; top:0; width:295px; display:none; }
+/*
+ * Optional
+*/
+#loopedSlider { width:295px; position:relative; clear:both; }
+#loopedSlider .nav-controls {
+ width:100%;
+ overflow:hidden;
+ padding-top:10px;
+}
+#loopedSlider li {
+ display:inline;
+}
+#loopedSlider li a.previous {
+ float:left;
+}
+#loopedSlider li a.next {
+ float:right;
+}
+
+
+
+
+/*===== footer =====*/
+footer {
+ color:#fff;
+}
+ footer .fleft {
+ padding-left:40px;
+ }
+ footer .fright {
+ padding-right:40px;
+ }
+
+
+/*----- forms -----*/
+#contacts-form {
+ clear:right;
+ width:100%;
+ overflow:hidden;
+}
+ #contacts-form fieldset {
+ border:none;
+ float:left;
+ }
+ #contacts-form .field {
+ clear:both;
+ }
+ #contacts-form label {
+ float:left;
+ width:110px;
+ line-height:18px;
+ padding-bottom:6px;
+ font-weight:bold;
+ }
+ #contacts-form input {
+ width:205px;
+ padding:1px 0 1px 3px;
+ background:none;
+ border:1px solid #e5e5e5;
+ color:#616161;
+ float:left
+ }
+ #contacts-form input:invalid {
+ border-color:red;
+ }
+ #contacts-form textarea {
+ width:450px;
+ height:215px;
+ padding:1px 0 1px 3px;
+ background:none;
+ border:1px solid #e5e5e5;
+ color:#616161;
+ margin-bottom:12px;
+ overflow:auto;
+ float:left;
+ }
+ #contacts-form div:last-child {
+ padding-left:110px;
+ }
+
+/*==========================================*/
\ No newline at end of file
diff --git a/sample-code/images/AlarmMailSample.jpeg b/sample-code/images/AlarmMailSample.jpeg
new file mode 100644
index 000000000..5c0dbeb26
Binary files /dev/null and b/sample-code/images/AlarmMailSample.jpeg differ
diff --git a/sample-code/images/sampleAppClusterView.jpeg b/sample-code/images/sampleAppClusterView.jpeg
new file mode 100644
index 000000000..36db7b658
Binary files /dev/null and b/sample-code/images/sampleAppClusterView.jpeg differ
diff --git a/sample-code/images/skywalkingClusterDeploy.jpeg b/sample-code/images/skywalkingClusterDeploy.jpeg
new file mode 100644
index 000000000..7ece343c1
Binary files /dev/null and b/sample-code/images/skywalkingClusterDeploy.jpeg differ
diff --git a/sample-code/images/traceErrorLogView.jpeg b/sample-code/images/traceErrorLogView.jpeg
new file mode 100644
index 000000000..62f1048e7
Binary files /dev/null and b/sample-code/images/traceErrorLogView.jpeg differ
diff --git a/sample-code/images/traceLogView.jpeg b/sample-code/images/traceLogView.jpeg
new file mode 100644
index 000000000..2f8584e4c
Binary files /dev/null and b/sample-code/images/traceLogView.jpeg differ
diff --git a/sample-code/js/gallery_init.js b/sample-code/js/gallery_init.js
new file mode 100755
index 000000000..5c172c91f
--- /dev/null
+++ b/sample-code/js/gallery_init.js
@@ -0,0 +1,6 @@
+$(document).ready(function() {
+ $('#myRoundabout').roundabout({
+ shape: 'figure8',
+ minOpacity: 1
+ });
+});
\ No newline at end of file
diff --git a/sample-code/js/jquery-1.4.2.min.js b/sample-code/js/jquery-1.4.2.min.js
new file mode 100755
index 000000000..ac7e7009d
--- /dev/null
+++ b/sample-code/js/jquery-1.4.2.min.js
@@ -0,0 +1,154 @@
+/*!
+ * jQuery JavaScript Library v1.4.2
+ * http://jquery.com/
+ *
+ * Copyright 2010, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ * Copyright 2010, The Dojo Foundation
+ * Released under the MIT, BSD, and GPL Licenses.
+ *
+ * Date: Sat Feb 13 22:33:48 2010 -0500
+ */
+(function(A,w){function ma(){if(!c.isReady){try{s.documentElement.doScroll("left")}catch(a){setTimeout(ma,1);return}c.ready()}}function Qa(a,b){b.src?c.ajax({url:b.src,async:false,dataType:"script"}):c.globalEval(b.text||b.textContent||b.innerHTML||"");b.parentNode&&b.parentNode.removeChild(b)}function X(a,b,d,f,e,j){var i=a.length;if(typeof b==="object"){for(var o in b)X(a,o,b[o],f,e,d);return a}if(d!==w){f=!j&&f&&c.isFunction(d);for(o=0;o
