├── README.md
├── img
    ├── chandao.png
    ├── github.png
    ├── gitlab.png
    ├── grafana.png
    ├── jenkins.png
    ├── jumpserver.png
    ├── ldap.svg
    ├── ops.png
    ├── sky.png
    ├── spug.png
    ├── sql.png
    ├── sql2.png
    ├── wiki.png
    ├── wiki2.png
    └── zabbix.png
└── index.html


/README.md:
--------------------------------------------------------------------------------
 1 | ## Index导航
 2 | 
 3 | 企业内部导航，纯HTML实现，方便企业内部系统导航。
 4 | 
 5 | ##### Demo演示地址：<https://1.spug.cc/>
 6 | 
 7 | 
 8 | #### 预览
 9 | ----------------------------
10 | ![image](http://img.spug.cc/1-spug-dev.png)
11 | 
12 | #### 开发者：
13 | -----------
14 | OpenSpug组织：https://github.com/openspug
15 | 
16 | 
17 | #### 开源运维平台交流群
18 | ----------------------------
19 | QQ群号: 783951751
20 | 
21 | ![image](http://image.qbangmang.com/spug.png)
22 | 
23 | #### License & Copyright
24 | ----------------------------
25 | [MIT](https://opensource.org/licenses/MIT)
26 | 


--------------------------------------------------------------------------------
/img/chandao.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspug/index/58dcfb0d1fd6ce4fc5e4272810410d9e0ec7bdad/img/chandao.png


--------------------------------------------------------------------------------
/img/github.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspug/index/58dcfb0d1fd6ce4fc5e4272810410d9e0ec7bdad/img/github.png


--------------------------------------------------------------------------------
/img/gitlab.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspug/index/58dcfb0d1fd6ce4fc5e4272810410d9e0ec7bdad/img/gitlab.png


--------------------------------------------------------------------------------
/img/grafana.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspug/index/58dcfb0d1fd6ce4fc5e4272810410d9e0ec7bdad/img/grafana.png


--------------------------------------------------------------------------------
/img/jenkins.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspug/index/58dcfb0d1fd6ce4fc5e4272810410d9e0ec7bdad/img/jenkins.png


--------------------------------------------------------------------------------
/img/jumpserver.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspug/index/58dcfb0d1fd6ce4fc5e4272810410d9e0ec7bdad/img/jumpserver.png


--------------------------------------------------------------------------------
/img/ldap.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <!-- Generator: IcoMoon.io -->
 3 | <svg id="svg2" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="512" width="512" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 512 512">
 4 |  <metadata id="metadata10">
 5 |   <rdf:RDF>
 6 |    <cc:Work rdf:about="">
 7 |     <dc:format>image/svg+xml</dc:format>
 8 |     <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
 9 |     <dc:title/>
10 |    </cc:Work>
11 |   </rdf:RDF>
12 |  </metadata>
13 |  <circle id="path3339" fill-rule="evenodd" cx="256" cy="256" r="256" fill="#337ab7"/>
14 |  <g id="g4220" fill="#fff" transform="matrix(.57267 0 0 .57267 109.44 37.355)">
15 |   <path id="path4212" fill="#fff" d="m311.41 351.37c-11.055-1.759-11.307-32.157-11.307-32.157s32.484-32.158 39.564-75.401c19.045 0 30.809-45.973 11.761-62.148 0.8-17.02 24.48-133.66-95.43-133.66s-96.225 116.64-95.432 133.66c-19.047 16.175-7.285 62.148 11.761 62.148 7.079 43.243 39.564 75.401 39.564 75.401s-0.252 30.398-11.307 32.157c-35.61 5.66-168.59 64.31-168.59 128.63h224 224c0-64.32-132.98-122.97-168.59-128.63z"/>
16 |  </g>
17 |  <g id="flowRoot4216" fill="#fff" transform="translate(0,66)">
18 |   <path id="path4225" d="m112.57 366.42v-78.096h15.898v64.829h39.531v13.267h-55.43z"/>
19 |   <path id="path4227" d="m179.33 287.68h29.058q9.8291 0 14.985 1.5039 6.9287 2.041 11.87 7.251 4.9414 5.21 7.5195 12.783 2.5781 7.5195 2.5781 18.584 0 9.7217-2.417 16.758-2.9541 8.5938-8.4326 13.911-4.1357 4.0283-11.172 6.2842-5.2637 1.665-14.072 1.665h-29.917v-78.74zm15.898 13.32v52.153h11.87q6.6602 0 9.6143-0.75196 3.8672-0.96679 6.3916-3.2764 2.5781-2.3096 4.1895-7.5732 1.6113-5.3174 1.6113-14.448 0-9.1309-1.6113-14.019-1.6113-4.8877-4.5117-7.627t-7.3584-3.7061q-3.3301-0.75195-13.052-0.75195h-7.1436z"/>
20 |   <path id="path4229" d="m329.88 366.42h-17.295l-6.875-17.886h-31.475l-6.499 17.886h-16.865l30.669-78.74h16.812l31.528 78.74zm-29.272-31.152-10.85-29.219-10.635 29.219h21.484z"/>
21 |   <path id="path4231" d="m338.37 366.42v-78.74h25.513q14.502 0 18.906 1.1816 6.7676 1.7725 11.333 7.7344 4.5654 5.9082 4.5654 15.308 0 7.251-2.6318 12.192-2.6318 4.9414-6.7139 7.7881-4.0283 2.793-8.2178 3.706-5.6934 1.1279-16.489 1.1279h-10.366v29.702h-15.898zm15.898-65.42v22.344h8.7012q9.3994 0 12.568-1.2354 3.169-1.2354 4.9414-3.8672 1.8262-2.6318 1.8262-6.123 0-4.2969-2.5244-7.0898-2.5244-2.793-6.3916-3.4912-2.8467-0.53711-11.44-0.53711h-7.6807z"/>
22 |  </g>
23 | </svg>
24 | 


--------------------------------------------------------------------------------
/img/ops.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspug/index/58dcfb0d1fd6ce4fc5e4272810410d9e0ec7bdad/img/ops.png


--------------------------------------------------------------------------------
/img/sky.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspug/index/58dcfb0d1fd6ce4fc5e4272810410d9e0ec7bdad/img/sky.png


--------------------------------------------------------------------------------
/img/spug.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspug/index/58dcfb0d1fd6ce4fc5e4272810410d9e0ec7bdad/img/spug.png


--------------------------------------------------------------------------------
/img/sql.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspug/index/58dcfb0d1fd6ce4fc5e4272810410d9e0ec7bdad/img/sql.png


--------------------------------------------------------------------------------
/img/sql2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspug/index/58dcfb0d1fd6ce4fc5e4272810410d9e0ec7bdad/img/sql2.png


--------------------------------------------------------------------------------
/img/wiki.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspug/index/58dcfb0d1fd6ce4fc5e4272810410d9e0ec7bdad/img/wiki.png


--------------------------------------------------------------------------------
/img/wiki2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspug/index/58dcfb0d1fd6ce4fc5e4272810410d9e0ec7bdad/img/wiki2.png


--------------------------------------------------------------------------------
/img/zabbix.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspug/index/58dcfb0d1fd6ce4fc5e4272810410d9e0ec7bdad/img/zabbix.png


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!-- 
  2 | 开源工作台：
  3 | 源码地址：https://github.com/openspug/index
  4 | 创建者: openspug组织@https://github.com/openspug
  5 | 创建时间：2019-05-26
  6 | 联系邮箱：yupozhang@gmail.com
  7 | -->
  8 | 
  9 | <!DOCTYPE html>
 10 | <html lang="en">
 11 | 
 12 | <head>
 13 |   <meta charset="UTF-8">
 14 |   <title>Title</title>
 15 |   <style>
 16 |     html,
 17 |     body {
 18 |       margin: 0;
 19 |       padding: 0;
 20 |       height: 100%;
 21 |       background-color: #F7F7F7;
 22 |     }
 23 | 
 24 |     .container {
 25 |       background-color: #fff;
 26 | 
 27 |     }
 28 | 
 29 |     .container-header {
 30 |       display: flex;
 31 |       align-items: center;
 32 |       font-size: 14px;
 33 |       font-weight: bold;
 34 |       height: 40px;
 35 |       padding-left: 10px;
 36 | 
 37 |     }
 38 | 
 39 |     .container-body {
 40 |       display: flex;
 41 |       border-top: 1px solid #dfdfdf;
 42 |       padding: 20px 10px 0 10px;
 43 |       /*justify-content: space-between;*/
 44 |       flex-direction: row;
 45 |       flex-wrap: wrap;
 46 |     }
 47 | 
 48 |     .container div {
 49 |       display: flex;
 50 |     }
 51 | 
 52 |     .item-block {
 53 |       border: 1px solid #dfdfdf;
 54 |       flex-direction: column;
 55 |       height: 160px;
 56 |       width: 24%;
 57 |       margin-bottom: 20px;
 58 |       margin-right: 10px;
 59 | 
 60 |     }
 61 | 
 62 |     a:link {
 63 |       /* 超链接正常状态下的样式 */
 64 |       color: #000000;
 65 |       /* 黑色 */
 66 |       text-decoration: none;
 67 |       /* 无下划线 */
 68 |     }
 69 | 
 70 |     a:visited {
 71 |       /* 访问过的超链接 */
 72 |       color: #000000;
 73 |       /* 黑色 */
 74 |       text-decoration: none;
 75 |       /* 无下划线 */
 76 |     }
 77 | 
 78 | 
 79 |     .item-top {
 80 |       height: 80px;
 81 |       padding: 20px;
 82 |     }
 83 | 
 84 |     .item-logo {
 85 |       width: 21%;
 86 |       height: 60px;
 87 |       margin-right: 20px;
 88 | 
 89 |     }
 90 | 
 91 |     .item-logo img {
 92 |       width: 100%;
 93 |       height: 100%;
 94 | 
 95 |     }
 96 | 
 97 |     .item-body {
 98 |       flex-direction: column;
 99 |       width: 79%;
100 |     }
101 | 
102 |     .item-bottom {
103 |       height: 40px;
104 |       justify-content: space-around;
105 |       align-items: center;
106 |       color: #888888;
107 |       background-color: #F7F7F7;
108 |       font-size: 13px;
109 |     }
110 | 
111 |     .title {
112 |       font-size: 16px;
113 |       font-weight: bold;
114 |       padding-bottom: 10px;
115 |     }
116 | 
117 |     .notice {
118 |       font-size: 12px;
119 |       color: #888;
120 |     }
121 | 
122 |     .divider {
123 |       height: 20px;
124 |       width: 1px;
125 |       background-color: #dfdfdf;
126 |     }
127 |   </style>
128 | </head>
129 | 
130 | <body style="padding: 10px">
131 |   <div class="container">
132 |     <div class="container-header">内部系统导航</div>
133 |     <div class="container-body">
134 |       <div class="item-block">
135 |         <a href="https://about.gitlab.com/" target="_blank">
136 |           <div class="item-top">
137 |             <div class="item-logo"><img src="img/gitlab.png"></div>
138 |             <div class="item-body">
139 |               <span class="title">Gitlab系统</span>
140 |               <span class="notice">Gitlab内部代码仓库</span>
141 |             </div>
142 |           </div>
143 |         </a>
144 |         <div class="item-bottom">
145 |           <a href="https://about.gitlab.com/" target="_blank">
146 |             <div>官网地址</div>
147 |           </a>
148 |           <div class="divider"></div>
149 |           <a href="https://docs.gitlab.com/ee/README.html" target="_blank">
150 |             <div>帮助文档</div>
151 |           </a>
152 |         </div>
153 |       </div>
154 |       <div class="item-block">
155 |         <a href="https://www.atlassian.com/" target="_blank">
156 |           <div class="item-top">
157 |             <div class="item-logo"><img src="img/wiki.png"></div>
158 |             <div class="item-body">
159 |               <span class="title">WIKI系统</span>
160 |               <span class="notice">文档系统</span>
161 |             </div>
162 |           </div>
163 |         </a>
164 |         <div class="item-bottom">
165 |           <a href="https://www.atlassian.com/zh" target="_blank">
166 |             <div>官网地址</div>
167 |           </a>
168 |           <div class="divider"></div>
169 |           <a href="https://confluence.atlassian.com/kb" target="_blank">
170 |             <div>帮助文档</div>
171 |           </a>
172 |         </div>
173 |       </div>
174 | 
175 |       <div class="item-block">
176 |         <a href="https://www.openldap.org/" target="_blank">
177 |           <div class="item-top">
178 |             <div class="item-logo"><img src="img/ldap.svg"></div>
179 |             <div class="item-body">
180 |               <span class="title">账户系统</span>
181 |               <span class="notice">LDAP账号统一管理系统</span>
182 |             </div>
183 |           </div>
184 |         </a>
185 |         <div class="item-bottom">
186 |           <a href="https://www.openldap.org/" target="_blank">
187 |             <div>官网地址</div>
188 |           </a>
189 |         </div>
190 |       </div>
191 |     </div>
192 |   </div>
193 | 
194 | 
195 |   <div class="container">
196 |     <div class="container-header">运维系统导航</div>
197 |     <div class="container-body">
198 |       <div class="item-block">
199 |         <a href="https://demo.spug.dev" target="_blank">
200 |           <div class="item-top">
201 |             <div class="item-logo"><img src="img/spug.png"></div>
202 |             <div class="item-body">
203 |               <span class="title">开源运维平台</span>
204 |               <span class="notice">Spug开源运维平台</span>
205 |             </div>
206 |           </div>
207 |         </a>
208 |         <div class="item-bottom">
209 |           <a href="https://github.com/openspug/spug" target="_blank">
210 |             <div>Github地址</div>
211 |           </a>
212 |           <div class="divider"></div>
213 |           <a href="https://gitee.com/openspug/spug" target="_blank">
214 |             <div>Gitee地址</div>
215 |           </a>
216 |           <div class="divider"></div>
217 |           <a href="https://demo.spug.dev" target="_blank">
218 |             <div>演示环境</div>
219 |           </a>
220 |         </div>
221 |       </div>
222 | 
223 |       <div class="item-block">
224 |         <a href="https://github.com/openspug" target="_blank">
225 |           <div class="item-top">
226 |             <div class="item-logo"><img src="img/github.png"></div>
227 |             <div class="item-body">
228 |               <span class="title">OpenSpug</span>
229 |               <span class="notice">OpenSpug组织</span>
230 |             </div>
231 |           </div>
232 |         </a>
233 |         <div class="item-bottom">
234 |           <a href="https://github.com/openspug" target="_blank">
235 |             <div>组织地址</div>
236 |           </a>
237 |           <div class="divider"></div>
238 |           <a href="https://www.spug.dev" target="_blank">
239 |             <div>官网地址</div>
240 |           </a>
241 |         </div>
242 |       </div>
243 | 
244 | 
245 |       <div class="item-block">
246 |         <a href="https://grafana.com/" target="_blank">
247 |           <div class="item-top">
248 |             <div class="item-logo"><img src="img/grafana.png"></div>
249 |             <div class="item-body">
250 |               <span class="title">监控系统</span>
251 |               <span class="notice">Grafana 监控平台</span>
252 |             </div>
253 |           </div>
254 |         </a>
255 |         <div class="item-bottom">
256 |           <a href="https://grafana.com/" target="_blank">
257 |             <div>官网地址</div>
258 |           </a>
259 |         </div>
260 |       </div>
261 | 
262 |       <div class="item-block">
263 |         <a href="https://www.zabbix.com/" target="_blank">
264 |           <div class="item-top">
265 |             <div class="item-logo"><img src="img/zabbix.png"></div>
266 |             <div class="item-body">
267 |               <span class="title">监控报警</span>
268 |               <span class="notice">Zabbix监控报警平台</span>
269 |             </div>
270 |           </div>
271 |         </a>
272 |         <div class="item-bottom">
273 |           <a href="https://www.zabbix.com/" target="_blank">
274 |             <div>官网地址</div>
275 |           </a>
276 |         </div>
277 |       </div>
278 | 
279 |       <!--     <div class="item-block">
280 |       <div class="item-top">
281 |         <div class="item-logo"><img src="img/sky.png"></div>
282 |         <div class="item-body">
283 |           <span class="title">链路系统</span>
284 |           <span class="notice">Skywalking链路追踪系统</span>
285 |         </div>
286 |       </div>
287 | 
288 |       <div class="item-bottom">
289 |         <div onclick="window.open('http://xxx/')">测试环境</div>
290 |         <div class="divider"></div>
291 |         <div onclick="window.open('http://xxx/')">正式环境</div>
292 |         <div class="divider"></div>
293 |         <div>帮助文档</div>
294 |       </div>
295 |     </div> -->
296 | 
297 |     </div>
298 |   </div>
299 | </body>
300 | 
301 | </html>
302 | 


--------------------------------------------------------------------------------