Index: arms/html/community_devtools/content-container.html =================================================================== diff -u -r791c8a872b9808168a52f0eb01fc32601e4f49bd -r5b1e1b45ad414c58c312b97490f86d353171a883 --- arms/html/community_devtools/content-container.html (.../content-container.html) (revision 791c8a872b9808168a52f0eb01fc32601e4f49bd) +++ arms/html/community_devtools/content-container.html (.../content-container.html) (revision 5b1e1b45ad414c58c312b97490f86d353171a883) @@ -1,912 +1,1667 @@ -<div class="row"> - <div class="col-md-12"> - <section class="widget"> - <header> - <h4 style="font-size: 13px !important; font-weight: 300 !important;"> - <img src="./img/leaf.gif" - style="width: 25px; vertical-align: unset;"> - Java Service Tree Framework DevTools - </h4> - </header> - <div class="body"> - <div class="row"> - <div class="col-sm-4"> - <section class="widget"> - <header> - <h4 style="font-size: 12px !important; font-weight: 300 !important;"> - ALM - <small>Application Lifecycle Manage</small> - </h4> - <div class="widget-controls" style="top: 2px !important;"> - <a data-widgster="toleft" - title="change width to left" - href="#"> - <i class="glyphicon glyphicon-chevron-left"></i> - </a> - <a data-widgster="expand" - title="Expand" - href="#"> - <i class="glyphicon glyphicon-chevron-up"></i> - </a> - <a data-widgster="collapse" - title="Collapse" - href="#"> - <i class="glyphicon glyphicon-chevron-down"></i> - </a> - <a data-widgster="toright" - title="change width to right" - href="#"> - <i class="glyphicon glyphicon-chevron-right"></i> - </a> - <a data-widgster="restore" - title="Restore" - href="#"> - <span class="glyphicon glyphicon-repeat"></span> - </a> - <a data-widgster="fullscreen" - title="Fullscreen" - href="#"> - <i class="glyphicon glyphicon-fullscreen" - style="font-size: 11px"> - </i> - </a> - </div> - </header> - <div class="body"> - <div class="thumbnail" - style="text-align: center; margin-bottom: 0px !important;"> +<div class="col-md-12"> + <section class="widget"> + <header> + <h4 style="font-size: 13px !important; font-weight: 300 !important"> + <img + src="./img/leaf.gif" + style="width: 25px; vertical-align: unset" /> + Java Service Tree Framework DevTools + </h4> + </header> + <div class="body"> + <div class="row"> + <div class="col-lg-4 col-layer"> + <section class="widget"> + <header> + <h4 style="font-size: 12px !important; font-weight: 300 !important"> + ALM + <small>Application Lifecycle Manage</small> + </h4> + <div + class="widget-controls" + style="top: 2px !important"> + <a + data-widgster="toleft" + title="change width to left" + href="#"> + <i class="glyphicon glyphicon-chevron-left"></i> + </a> + <a + data-widgster="expand" + title="Expand" + href="#"> + <i class="glyphicon glyphicon-chevron-up"></i> + </a> + <a + data-widgster="collapse" + title="Collapse" + href="#"> + <i class="glyphicon glyphicon-chevron-down"></i> + </a> + <a + data-widgster="toright" + title="change width to right" + href="#"> + <i class="glyphicon glyphicon-chevron-right"></i> + </a> + <a + data-widgster="restore" + title="Restore" + href="#"> + <span class="glyphicon glyphicon-repeat"></span> + </a> + <a + data-widgster="fullscreen" + title="Fullscreen" + href="#"> + <i + class="glyphicon glyphicon-fullscreen" + style="font-size: 11px"></i> + </a> + </div> + </header> + <div class="body"> + <div + class="thumbnail" + style="text-align: center; margin-bottom: 0px !important"> + <a + href="http://www.a-rms.net" + class="tools" + style=" + background-color: #4d4d4d; + text-decoration-style: dotted; + border: dashed; + border-color: #e5603b; + height: 85px; + width: 85px; + " + target="_blank" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/seal_tree.png" + alt="aRMS" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb="" + style="color: #ffffff"> + A-RMS + </p> + </span> + </a> - <a href="http://www.a-rms.net" - class="tools" - style="background-color: #4d4d4d; text-decoration-style : dotted; border: dashed; border-color: #e5603b; height: 85px; width: 85px;" - target="_blank" - data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/seal_tree.png" - alt="aRMS" - class="tool-img" - data-v-5f164deb=""> - <p class="tool-name" - data-v-5f164deb="" - style="color: #ffffff">A-RMS</p> - </span> - </a> + <a + href="http://www.313.co.kr/jira" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/jira.png" + alt="Jira" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Jira + </p> + </span> + </a> - <a href="http://www.313.co.kr/jira" - class="tools" - target="_blank" - style="text-decoration-style : dotted;" - data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/jira.png" - alt="Jira" - class="tool-img" - data-v-5f164deb=""> - <p class="tool-name" - data-v-5f164deb="">Jira</p> - </span> - </a> + <a + href="http://www.313.co.kr/confluence" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/confluence.png" + alt="Confluence" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Confluecne + </p> + </span> + </a> - <a href="http://www.313.co.kr/confluence" - class="tools" - target="_blank" - style="text-decoration-style : dotted;" - data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/confluence.png" - alt="Confluence" - class="tool-img" - data-v-5f164deb=""> - <p class="tool-name" - data-v-5f164deb="">Confluecne</p> - </span> - </a> + <a + href="http://www.313.co.kr/fecru" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/fecru.png" + alt="Fisheye/Crucible" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Fecru + </p> + </span> + </a> - <a href="http://www.313.co.kr/fecru" - class="tools" - target="_blank" - style="text-decoration-style : dotted;" - data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/fecru.png" - alt="Fisheye/Crucible" - class="tool-img" - data-v-5f164deb=""> - <p class="tool-name" - data-v-5f164deb="">Fecru</p> - </span> - </a> + <a + href="http://www.313.co.kr/php/gnuboard5" + class="tools" + target="_blank" + style="text-decoration-style: dotted; width: 120px" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/gnuboard-bi.png" + alt="GnuBoard" + class="tool-img" + data-v-5f164deb="" + style="width: 100px" /> + <p + class="tool-name" + data-v-5f164deb=""> + GnuBoard + </p> + </span> + </a> + </div> + </div> + </section> + </div> - <a href="http://www.313.co.kr/php/gnuboard5" class="tools" target="_blank" - style="text-decoration-style : dotted; width: 120px;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/gnuboard-bi.png" alt="GnuBoard" class="tool-img" - data-v-5f164deb="" style="width: 100px"> - <p class="tool-name" data-v-5f164deb="">GnuBoard</p> - </span> - </a> + <div class="col-lg-4 col-layer"> + <section class="widget"> + <header> + <h4 style="font-size: 12px !important; font-weight: 300 !important"> + CICD + <small>Continuous Integration/Delivery</small> + </h4> + <div + class="widget-controls" + style="top: 2px !important"> + <a + data-widgster="toleft" + title="change width to left" + href="#"> + <i class="glyphicon glyphicon-chevron-left"></i> + </a> + <a + data-widgster="expand" + title="Expand" + href="#"> + <i class="glyphicon glyphicon-chevron-up"></i> + </a> + <a + data-widgster="collapse" + title="Collapse" + href="#"> + <i class="glyphicon glyphicon-chevron-down"></i> + </a> + <a + data-widgster="toright" + title="change width to right" + href="#"> + <i class="glyphicon glyphicon-chevron-right"></i> + </a> + <a + data-widgster="restore" + title="Restore" + href="#"> + <span class="glyphicon glyphicon-repeat"></span> + </a> + <a + data-widgster="fullscreen" + title="Fullscreen" + href="#"> + <i + class="glyphicon glyphicon-fullscreen" + style="font-size: 11px"></i> + </a> + </div> + </header> + <div class="body"> + <div + class="thumbnail" + style="text-align: center; margin-bottom: 0px !important"> + <a + href="https://github.com/313devgrp" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/github.png" + alt="Github" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Github + </p> + </span> + </a> - </div> - </div> - </section> - </div> + <a + href="http://www.313.co.kr/jenkins" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/jenkins.png" + alt="Jenkins" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Jenkins + </p> + </span> + </a> - <div class="col-sm-4"> - <section class="widget"> - <header> - <h4 style="font-size: 12px !important; font-weight: 300 !important;"> - CICD - <small>Continuous Integration/Delivery</small> - </h4> - <div class="widget-controls" style="top: 2px !important;"> - <a data-widgster="toleft" - title="change width to left" - href="#"> - <i class="glyphicon glyphicon-chevron-left"></i> - </a> - <a data-widgster="expand" - title="Expand" - href="#"> - <i class="glyphicon glyphicon-chevron-up"></i> - </a> - <a data-widgster="collapse" - title="Collapse" - href="#"> - <i class="glyphicon glyphicon-chevron-down"></i> - </a> - <a data-widgster="toright" - title="change width to right" - href="#"> - <i class="glyphicon glyphicon-chevron-right"></i> - </a> - <a data-widgster="restore" - title="Restore" - href="#"> - <span class="glyphicon glyphicon-repeat"></span> - </a> - <a data-widgster="fullscreen" - title="Fullscreen" - href="#"> - <i class="glyphicon glyphicon-fullscreen" - style="font-size: 11px"> - </i> - </a> - </div> - </header> - <div class="body"> - <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;"> + <a + href="http://www.313.co.kr/nexus" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/nexus.png" + alt="Nexus" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Nexus + </p> + </span> + </a> - <a href="https://github.com/313devgrp" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/github.png" alt="Github" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Github</p> - </span> - </a> + <a + href="http://www.313.co.kr/sonar" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/sonar.png" + alt="Sonarqube" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Sonarqube + </p> + </span> + </a> - <a href="http://www.313.co.kr/jenkins" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/jenkins.png" alt="Jenkins" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Jenkins</p> - </span> - </a> + <a + href="https://www.313.co.kr:31443/argocd/" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/argocd.png" + alt="ArgoCD" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + ArgoCD + </p> + </span> + </a> - <a href="http://www.313.co.kr/nexus" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/nexus.png" alt="Nexus" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Nexus</p> - </span> - </a> + <a + href="http://www.313.co.kr/spinnaker/" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/spinnaker.png" + alt="Spinnaker" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Spinnaker + </p> + </span> + </a> + </div> + </div> + </section> + </div> - <a href="http://www.313.co.kr/sonar" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/sonar.png" alt="Sonarqube" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Sonarqube</p> - </span> - </a> + <div class="col-lg-4 col-layer"> + <section class="widget"> + <header> + <h4 style="font-size: 12px !important; font-weight: 300 !important"> + DB + <small>rdbms, nosql, inmemory, s3object</small> + </h4> + <div + class="widget-controls" + style="top: 2px !important"> + <a + data-widgster="toleft" + title="change width to left" + href="#"> + <i class="glyphicon glyphicon-chevron-left"></i> + </a> + <a + data-widgster="expand" + title="Expand" + href="#"> + <i class="glyphicon glyphicon-chevron-up"></i> + </a> + <a + data-widgster="collapse" + title="Collapse" + href="#"> + <i class="glyphicon glyphicon-chevron-down"></i> + </a> + <a + data-widgster="toright" + title="change width to right" + href="#"> + <i class="glyphicon glyphicon-chevron-right"></i> + </a> + <a + data-widgster="restore" + title="Restore" + href="#"> + <span class="glyphicon glyphicon-repeat"></span> + </a> + <a + data-widgster="fullscreen" + title="Fullscreen" + href="#"> + <i + class="glyphicon glyphicon-fullscreen" + style="font-size: 11px"></i> + </a> + </div> + </header> + <div class="body"> + <div + class="thumbnail" + style="text-align: center; margin-bottom: 0px !important"> + <a + href="https://www.313.co.kr:1158/em" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/oracle.png" + alt="Oracle" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Oracle + </p> + </span> + </a> - <a href="https://www.313.co.kr:31443/argocd/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/argocd.png" alt="ArgoCD" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">ArgoCD</p> - </span> - </a> + <a + href="http://www.313.co.kr/phpmyadmin" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/mysql.png" + alt="Mysql" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Mysql + </p> + </span> + </a> - <a href="http://www.313.co.kr/spinnaker/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/spinnaker.png" alt="Spinnaker" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Spinnaker</p> - </span> - </a> + <a + href="http://www.313.co.kr/pgadmin" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/postgres.png" + alt="Postgres" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Postgres + </p> + </span> + </a> - </div> - </div> - </section> - </div> + <a + href="http://www.313.co.kr/minio" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/minio.png" + alt="Minio" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Minio + </p> + </span> + </a> - <div class="col-sm-4"> - <section class="widget"> - <header> - <h4 style="font-size: 12px !important; font-weight: 300 !important;"> - DB - <small>rdbms, nosql, inmemory, s3object</small> - </h4> - <div class="widget-controls" style="top: 2px !important;"> - <a data-widgster="toleft" - title="change width to left" - href="#"> - <i class="glyphicon glyphicon-chevron-left"></i> - </a> - <a data-widgster="expand" - title="Expand" - href="#"> - <i class="glyphicon glyphicon-chevron-up"></i> - </a> - <a data-widgster="collapse" - title="Collapse" - href="#"> - <i class="glyphicon glyphicon-chevron-down"></i> - </a> - <a data-widgster="toright" - title="change width to right" - href="#"> - <i class="glyphicon glyphicon-chevron-right"></i> - </a> - <a data-widgster="restore" - title="Restore" - href="#"> - <span class="glyphicon glyphicon-repeat"></span> - </a> - <a data-widgster="fullscreen" - title="Fullscreen" - href="#"> - <i class="glyphicon glyphicon-fullscreen" - style="font-size: 11px"> - </i> - </a> - </div> - </header> - <div class="body"> - <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;"> + <a + href="http://www.313.co.kr/redis" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/redis.png" + alt="Redis" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Redis + </p> + </span> + </a> + </div> + </div> + </section> + </div> + </div> - <a href="https://www.313.co.kr:1158/em" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/oracle.png" alt="Oracle" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Oracle</p> - </span> - </a> + <div class="row"> + <div class="col-lg-4 col-layer"> + <section class="widget"> + <header> + <h4 style="font-size: 12px !important; font-weight: 300 !important"> + ELK + <small>Elastic Search, Logstash, Kibana</small> + </h4> + <div + class="widget-controls" + style="top: 2px !important"> + <a + data-widgster="toleft" + title="change width to left" + href="#"> + <i class="glyphicon glyphicon-chevron-left"></i> + </a> + <a + data-widgster="expand" + title="Expand" + href="#"> + <i class="glyphicon glyphicon-chevron-up"></i> + </a> + <a + data-widgster="collapse" + title="Collapse" + href="#"> + <i class="glyphicon glyphicon-chevron-down"></i> + </a> + <a + data-widgster="toright" + title="change width to right" + href="#"> + <i class="glyphicon glyphicon-chevron-right"></i> + </a> + <a + data-widgster="restore" + title="Restore" + href="#"> + <span class="glyphicon glyphicon-repeat"></span> + </a> + <a + data-widgster="fullscreen" + title="Fullscreen" + href="#"> + <i + class="glyphicon glyphicon-fullscreen" + style="font-size: 11px"></i> + </a> + </div> + </header> + <div class="body"> + <div + class="thumbnail" + style="text-align: center; margin-bottom: 0px !important"> + <a + href="http://www.313.co.kr/elasticsearch/_cat/indices" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/elasticsearchIndex.png" + alt="ElasticSearch" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + ElasticSearch + </p> + </span> + </a> - <a href="http://www.313.co.kr/phpmyadmin" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/mysql.png" alt="Mysql" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Mysql</p> - </span> - </a> + <a + href="http://www.313.co.kr/elasticsearch/_nodes?pretty=true" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/elasticsearchNode.png" + alt="ElasticSearch" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + ElasticSearch + </p> + </span> + </a> - <a href="http://www.313.co.kr/pgadmin" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/postgres.png" alt="Postgres" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Postgres</p> - </span> - </a> + <a + href="http://www.313.co.kr/kibana" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/kibana.png" + alt="Kibana" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Kibana + </p> + </span> + </a> - <a href="http://www.313.co.kr/minio" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/minio.png" alt="Minio" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Minio</p> - </span> - </a> + <a + href="http://www.313.co.kr/logstash/_node/stats?pretty" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/logstash.png" + alt="Logstash" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Logstash + </p> + </span> + </a> + </div> + </div> + </section> + </div> - <a href="http://www.313.co.kr/redis" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/redis.png" alt="Redis" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Redis</p> - </span> - </a> + <div class="col-lg-4 col-layer"> + <section class="widget"> + <header> + <h4 style="font-size: 12px !important; font-weight: 300 !important"> + Docker + <small>open source platform executable container</small> + </h4> + <div + class="widget-controls" + style="top: 2px !important"> + <a + data-widgster="toleft" + title="change width to left" + href="#"> + <i class="glyphicon glyphicon-chevron-left"></i> + </a> + <a + data-widgster="expand" + title="Expand" + href="#"> + <i class="glyphicon glyphicon-chevron-up"></i> + </a> + <a + data-widgster="collapse" + title="Collapse" + href="#"> + <i class="glyphicon glyphicon-chevron-down"></i> + </a> + <a + data-widgster="toright" + title="change width to right" + href="#"> + <i class="glyphicon glyphicon-chevron-right"></i> + </a> + <a + data-widgster="restore" + title="Restore" + href="#"> + <span class="glyphicon glyphicon-repeat"></span> + </a> + <a + data-widgster="fullscreen" + title="Fullscreen" + href="#"> + <i + class="glyphicon glyphicon-fullscreen" + style="font-size: 11px"></i> + </a> + </div> + </header> + <div class="body"> + <div + class="thumbnail" + style="text-align: center; margin-bottom: 0px !important"> + <a + href="https://hub.docker.com/u/313devgrp" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/dockerhub.png" + alt="DockerHub" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + DockerHub + </p> + </span> + </a> - </div> - </div> - </section> - </div> + <a + href="http://www.313.co.kr:31380/dashboard/" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/k8s.png" + alt="Kubernetes" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Kubernetes + </p> + </span> + </a> - </div> + <a + href="http://www.313.co.kr/portainer/" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/portainer.png" + alt="Portainer" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Portainer + </p> + </span> + </a> - <div class="row"> + <a + href="http://www.313.co.kr/dashboard/" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/traefik.png" + alt="Traefik" + class="tool-img" + data-v-5f164deb="" + style="width: 30px; height: 35px" /> + <p + class="tool-name" + data-v-5f164deb=""> + Traefik + </p> + </span> + </a> + </div> + </div> + </section> + </div> - <div class="col-sm-4"> - <section class="widget"> - <header> - <h4 style="font-size: 12px !important; font-weight: 300 !important;"> - ELK - <small>Elastic Search, Logstash, Kibana</small> - </h4> - <div class="widget-controls" style="top: 2px !important;"> - <a title="Options" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-cog"></i> - </a> - <a data-widgster="expand" - title="Expand" - href="#" - style="display: none;padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-up"></i> - </a> - <a data-widgster="collapse" - title="Collapse" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-down"></i> - </a> - <a data-widgster="close" - title="Close" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-remove"></i> - </a> - </div> - </header> - <div class="body"> - <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;"> + <div class="col-lg-4 col-layer"> + <section class="widget"> + <header> + <h4 style="font-size: 12px !important; font-weight: 300 !important"> + Monitoring + <small>check Host & Application</small> + </h4> + <div + class="widget-controls" + style="top: 2px !important"> + <a + data-widgster="toleft" + title="change width to left" + href="#"> + <i class="glyphicon glyphicon-chevron-left"></i> + </a> + <a + data-widgster="expand" + title="Expand" + href="#"> + <i class="glyphicon glyphicon-chevron-up"></i> + </a> + <a + data-widgster="collapse" + title="Collapse" + href="#"> + <i class="glyphicon glyphicon-chevron-down"></i> + </a> + <a + data-widgster="toright" + title="change width to right" + href="#"> + <i class="glyphicon glyphicon-chevron-right"></i> + </a> + <a + data-widgster="restore" + title="Restore" + href="#"> + <span class="glyphicon glyphicon-repeat"></span> + </a> + <a + data-widgster="fullscreen" + title="Fullscreen" + href="#"> + <i + class="glyphicon glyphicon-fullscreen" + style="font-size: 11px"></i> + </a> + </div> + </header> + <div class="body"> + <div + class="thumbnail" + style="text-align: center; margin-bottom: 0px !important"> + <a + href="http://www.313.co.kr/php/matomo" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/matomo.png" + alt="webalizer" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Matomo + </p> + </span> + </a> - <a href="http://www.313.co.kr/elasticsearch/_cat/indices" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/elasticsearchIndex.png" alt="ElasticSearch" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">ElasticSearch</p> - </span> - </a> + <a + href="http://www.313.co.kr/webalizer/" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/webalizer.png" + alt="webalizer" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Webalizer + </p> + </span> + </a> - <a href="http://www.313.co.kr/elasticsearch/_nodes?pretty=true" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/elasticsearchNode.png" alt="ElasticSearch" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">ElasticSearch</p> - </span> - </a> + <a + href="http://www.313.co.kr/grafana" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/grafana.png" + alt="Grafana" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Grafana + </p> + </span> + </a> - <a href="http://www.313.co.kr/kibana" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/kibana.png" alt="Kibana" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Kibana</p> - </span> - </a> + <a + href="http://www.313.co.kr/elastichq/" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/elastichq.png" + alt="ElasticHQ" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + ElasticHQ + </p> + </span> + </a> - <a href="http://www.313.co.kr/logstash/_node/stats?pretty" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/logstash.png" alt="Logstash" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Logstash</p> - </span> - </a> + <a + href="http://www.313.co.kr/zipkin" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/zipkin.png" + alt="Zipkin" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Zipkin + </p> + </span> + </a> - </div> - </div> - </section> - </div> + <a + href="http://www.313.co.kr:31380" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/prometheus.png" + alt="prometheus" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Prometheus + </p> + </span> + </a> + </div> + </div> + </section> + </div> + </div> - <div class="col-sm-4"> - <section class="widget"> - <header> - <h4 style="font-size: 12px !important; font-weight: 300 !important;"> - Docker - <small>open source platform executable container</small> - </h4> - <div class="widget-controls" style="top: 2px !important;"> - <a title="Options" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-cog"></i> - </a> - <a data-widgster="expand" - title="Expand" - href="#" - style="display: none;padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-up"></i> - </a> - <a data-widgster="collapse" - title="Collapse" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-down"></i> - </a> - <a data-widgster="close" - title="Close" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-remove"></i> - </a> - </div> - </header> - <div class="body"> - <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;"> + <div class="row"> + <div class="col-lg-4 col-layer"> + <section class="widget"> + <header> + <h4 style="font-size: 12px !important; font-weight: 300 !important"> + NFS & Mail & ETC + <small>network file & Mail system</small> + </h4> + <div + class="widget-controls" + style="top: 2px !important"> + <a + data-widgster="toleft" + title="change width to left" + href="#"> + <i class="glyphicon glyphicon-chevron-left"></i> + </a> + <a + data-widgster="expand" + title="Expand" + href="#"> + <i class="glyphicon glyphicon-chevron-up"></i> + </a> + <a + data-widgster="collapse" + title="Collapse" + href="#"> + <i class="glyphicon glyphicon-chevron-down"></i> + </a> + <a + data-widgster="toright" + title="change width to right" + href="#"> + <i class="glyphicon glyphicon-chevron-right"></i> + </a> + <a + data-widgster="restore" + title="Restore" + href="#"> + <span class="glyphicon glyphicon-repeat"></span> + </a> + <a + data-widgster="fullscreen" + title="Fullscreen" + href="#"> + <i + class="glyphicon glyphicon-fullscreen" + style="font-size: 11px"></i> + </a> + </div> + </header> + <div class="body"> + <div + class="thumbnail" + style="text-align: center; margin-bottom: 0px !important"> + <a + href="http://www.313.co.kr/nas/" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/nasServer.png" + alt="Synology" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Synology + </p> + </span> + </a> - <a href="https://hub.docker.com/u/313devgrp" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/dockerhub.png" alt="DockerHub" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">DockerHub</p> - </span> - </a> + <a + href="http://www.313.co.kr/mail/" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/mailServer.png" + alt="Roundcube" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Roundcube + </p> + </span> + </a> - <a href="http://www.313.co.kr:31380/dashboard/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/k8s.png" alt="Kubernetes" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Kubernetes</p> - </span> - </a> + <a + href="http://www.313.co.kr:88/info.htm" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/switch.png" + alt="Roundcube" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Switch + </p> + </span> + </a> + </div> + </div> + </section> + </div> - <a href="http://www.313.co.kr/portainer/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/portainer.png" alt="Portainer" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Portainer</p> - </span> - </a> + <div class="col-lg-4 col-layer"> + <section class="widget"> + <header> + <h4 style="font-size: 12px !important; font-weight: 300 !important"> + Auth N/Z + <small>Open Source Identity and Access Manage</small> + </h4> + <div + class="widget-controls" + style="top: 2px !important"> + <a + data-widgster="toleft" + title="change width to left" + href="#"> + <i class="glyphicon glyphicon-chevron-left"></i> + </a> + <a + data-widgster="expand" + title="Expand" + href="#"> + <i class="glyphicon glyphicon-chevron-up"></i> + </a> + <a + data-widgster="collapse" + title="Collapse" + href="#"> + <i class="glyphicon glyphicon-chevron-down"></i> + </a> + <a + data-widgster="toright" + title="change width to right" + href="#"> + <i class="glyphicon glyphicon-chevron-right"></i> + </a> + <a + data-widgster="restore" + title="Restore" + href="#"> + <span class="glyphicon glyphicon-repeat"></span> + </a> + <a + data-widgster="fullscreen" + title="Fullscreen" + href="#"> + <i + class="glyphicon glyphicon-fullscreen" + style="font-size: 11px"></i> + </a> + </div> + </header> + <div class="body"> + <div + class="thumbnail" + style="text-align: center; margin-bottom: 0px !important"> + <a + href="http://www.313.co.kr/auth" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/keycloak.png" + alt="Keycloak" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Keycloak + </p> + </span> + </a> + </div> + </div> + </section> + </div> - <a href="http://www.313.co.kr/dashboard/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/traefik.png" alt="Traefik" class="tool-img" data-v-5f164deb="" style="width: 30px; height: 35px;"> - <p class="tool-name" data-v-5f164deb="">Traefik</p> - </span> - </a> + <div class="col-lg-4 col-layer"> + <section class="widget"> + <header> + <h4 style="font-size: 12px !important; font-weight: 300 !important"> + RDG + <small>clientless remote desktop gateway</small> + </h4> + <div + class="widget-controls" + style="top: 2px !important"> + <a + data-widgster="toleft" + title="change width to left" + href="#"> + <i class="glyphicon glyphicon-chevron-left"></i> + </a> + <a + data-widgster="expand" + title="Expand" + href="#"> + <i class="glyphicon glyphicon-chevron-up"></i> + </a> + <a + data-widgster="collapse" + title="Collapse" + href="#"> + <i class="glyphicon glyphicon-chevron-down"></i> + </a> + <a + data-widgster="toright" + title="change width to right" + href="#"> + <i class="glyphicon glyphicon-chevron-right"></i> + </a> + <a + data-widgster="restore" + title="Restore" + href="#"> + <span class="glyphicon glyphicon-repeat"></span> + </a> + <a + data-widgster="fullscreen" + title="Fullscreen" + href="#"> + <i + class="glyphicon glyphicon-fullscreen" + style="font-size: 11px"></i> + </a> + </div> + </header> + <div class="body"> + <div + class="thumbnail" + style="text-align: center; margin-bottom: 0px !important"> + <a + href="http://www.313.co.kr/guacamole" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/guacamole.png" + alt="Guacamole" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Guacamole + </p> + </span> + </a> + </div> + </div> + </section> + </div> + </div> - </div> - </div> - </section> - </div> + <div class="row"> + <div class="col-lg-4 col-layer"> + <section class="widget"> + <header> + <h4 style="font-size: 12px !important; font-weight: 300 !important"> + API + <small>Project API Document</small> + </h4> + <div + class="widget-controls" + style="top: 2px !important"> + <a + data-widgster="toleft" + title="change width to left" + href="#"> + <i class="glyphicon glyphicon-chevron-left"></i> + </a> + <a + data-widgster="expand" + title="Expand" + href="#"> + <i class="glyphicon glyphicon-chevron-up"></i> + </a> + <a + data-widgster="collapse" + title="Collapse" + href="#"> + <i class="glyphicon glyphicon-chevron-down"></i> + </a> + <a + data-widgster="toright" + title="change width to right" + href="#"> + <i class="glyphicon glyphicon-chevron-right"></i> + </a> + <a + data-widgster="restore" + title="Restore" + href="#"> + <span class="glyphicon glyphicon-repeat"></span> + </a> + <a + data-widgster="fullscreen" + title="Fullscreen" + href="#"> + <i + class="glyphicon glyphicon-fullscreen" + style="font-size: 11px"></i> + </a> + </div> + </header> + <div class="body"> + <div + class="thumbnail" + style="text-align: center; margin-bottom: 0px !important"> + <a + href="http://www.313.co.kr/313devgrp/analysis/" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/maven.png" + alt="Maven" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Maven + </p> + </span> + </a> - <div class="col-sm-4"> - <section class="widget"> - <header> - <h4 style="font-size: 12px !important; font-weight: 300 !important;"> - Monitoring - <small>check Host & Application</small> - </h4> - <div class="widget-controls" style="top: 2px !important;"> - <a title="Options" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-cog"></i> - </a> - <a data-widgster="expand" - title="Expand" - href="#" - style="display: none;padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-up"></i> - </a> - <a data-widgster="collapse" - title="Collapse" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-down"></i> - </a> - <a data-widgster="close" - title="Close" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-remove"></i> - </a> - </div> - </header> - <div class="body"> - <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;"> + <a + href="http://www.313.co.kr/gitlab" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/gitlab.png" + alt="Maven" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Gitlab + </p> + </span> + </a> - <a href="http://www.313.co.kr/php/matomo" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/matomo.png" alt="webalizer" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Matomo</p> - </span> - </a> + <a + href="http://www.313.co.kr/313devgrp/313DEVGRP-CI-Java-Service-Tree-Framework-Middle-Proxy/build/licenses/report.html" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/open.png" + alt="MiddleProxy" + class="tool-img" + data-v-5f164deb="" + style="width: 30px !important" /> + <p + class="tool-name" + data-v-5f164deb=""> + MiddleProxy + </p> + </span> + </a> + <a + href="http://www.313.co.kr/middle-proxy-api/swagger-ui/" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/swagger.png" + alt="MiddleProxy" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + MiddleProxy + </p> + </span> + </a> - <a href="http://www.313.co.kr/webalizer/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/webalizer.png" alt="webalizer" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Webalizer</p> - </span> - </a> + <a + href="http://www.313.co.kr/313devgrp/313DEVGRP-CI-Java-Service-Tree-Framework-Backend-Core/build/licenses/report.html" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/open.png" + alt="BackendCore" + class="tool-img" + data-v-5f164deb="" + style="width: 30px !important" /> + <p + class="tool-name" + data-v-5f164deb=""> + BackendCore + </p> + </span> + </a> + <a + href="http://www.313.co.kr/backend-core-api/swagger-ui/" + class="tools" + style="text-decoration-style: dotted" + target="_blank" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/swagger.png" + alt="BackendCore" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + BackendCore + </p> + </span> + </a> + </div> + </div> + </section> + </div> - <a href="http://www.313.co.kr/grafana" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/grafana.png" alt="Grafana" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Grafana</p> - </span> - </a> + <div class="col-lg-4 col-layer"> + <section class="widget"> + <header> + <h4 style="font-size: 12px !important; font-weight: 300 !important"> + IAC + <small>Infrastructure as Code</small> + </h4> + <div + class="widget-controls" + style="top: 2px !important"> + <a + data-widgster="toleft" + title="change width to left" + href="#"> + <i class="glyphicon glyphicon-chevron-left"></i> + </a> + <a + data-widgster="expand" + title="Expand" + href="#"> + <i class="glyphicon glyphicon-chevron-up"></i> + </a> + <a + data-widgster="collapse" + title="Collapse" + href="#"> + <i class="glyphicon glyphicon-chevron-down"></i> + </a> + <a + data-widgster="toright" + title="change width to right" + href="#"> + <i class="glyphicon glyphicon-chevron-right"></i> + </a> + <a + data-widgster="restore" + title="Restore" + href="#"> + <span class="glyphicon glyphicon-repeat"></span> + </a> + <a + data-widgster="fullscreen" + title="Fullscreen" + href="#"> + <i + class="glyphicon glyphicon-fullscreen" + style="font-size: 11px"></i> + </a> + </div> + </header> + <div class="body"> + <div + class="thumbnail" + style="text-align: center; margin-bottom: 0px !important"> + <a + href="http://www.313.co.kr/" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/ansible.png" + alt="Ansible" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Ansible + </p> + </span> + </a> - <a href="http://www.313.co.kr/elastichq/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/elastichq.png" alt="ElasticHQ" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">ElasticHQ</p> - </span> - </a> + <a + href="http://www.313.co.kr" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/awx.png" + alt="AWX" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + AWX + </p> + </span> + </a> + </div> + </div> + </section> + </div> - <a href="http://www.313.co.kr/zipkin" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/zipkin.png" alt="Zipkin" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Zipkin</p> - </span> - </a> + <div class="col-lg-4 col-layer"> + <section class="widget"> + <header> + <h4 style="font-size: 12px !important; font-weight: 300 !important"> + BigData + <small>data that contains greater variety</small> + </h4> + <div + class="widget-controls" + style="top: 2px !important"> + <a + data-widgster="toleft" + title="change width to left" + href="#"> + <i class="glyphicon glyphicon-chevron-left"></i> + </a> + <a + data-widgster="expand" + title="Expand" + href="#"> + <i class="glyphicon glyphicon-chevron-up"></i> + </a> + <a + data-widgster="collapse" + title="Collapse" + href="#"> + <i class="glyphicon glyphicon-chevron-down"></i> + </a> + <a + data-widgster="toright" + title="change width to right" + href="#"> + <i class="glyphicon glyphicon-chevron-right"></i> + </a> + <a + data-widgster="restore" + title="Restore" + href="#"> + <span class="glyphicon glyphicon-repeat"></span> + </a> + <a + data-widgster="fullscreen" + title="Fullscreen" + href="#"> + <i + class="glyphicon glyphicon-fullscreen" + style="font-size: 11px"></i> + </a> + </div> + </header> + <div class="body"> + <div + class="thumbnail" + style="text-align: center; margin-bottom: 0px !important"> + <a + href="http://www.313.co.kr/" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/hadoop.png" + alt="Hadoop" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Hadoop + </p> + </span> + </a> - <a href="http://www.313.co.kr:31380" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/prometheus.png" alt="prometheus" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Prometheus</p> - </span> - </a> + <a + href="http://www.313.co.kr" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/sqoop.png" + alt="Sqoop" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Sqoop + </p> + </span> + </a> - </div> - </div> - </section> - </div> + <a + href="http://www.313.co.kr/swagger-ui.html" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/hive.png" + alt="Hive" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Hive + </p> + </span> + </a> - </div> - - <div class="row"> - - <div class="col-sm-4"> - <section class="widget"> - <header> - <h4 style="font-size: 12px !important; font-weight: 300 !important;"> - NFS & Mail & ETC - <small>network file & Mail system</small> - </h4> - <div class="widget-controls" style="top: 2px !important;"> - <a title="Options" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-cog"></i> - </a> - <a data-widgster="expand" - title="Expand" - href="#" - style="display: none;padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-up"></i> - </a> - <a data-widgster="collapse" - title="Collapse" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-down"></i> - </a> - <a data-widgster="close" - title="Close" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-remove"></i> - </a> - </div> - </header> - <div class="body"> - <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;"> - - <a href="http://www.313.co.kr/nas/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/nasServer.png" alt="Synology" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Synology</p> - </span> - </a> - - <a href="http://www.313.co.kr/mail/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/mailServer.png" alt="Roundcube" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Roundcube</p> - </span> - </a> - - <a href="http://www.313.co.kr:88/info.htm" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/switch.png" alt="Roundcube" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Switch</p> - </span> - </a> - - </div> - </div> - </section> - </div> - - <div class="col-sm-4"> - <section class="widget"> - <header> - <h4 style="font-size: 12px !important; font-weight: 300 !important;"> - Auth N/Z - <small>Open Source Identity and Access Manage</small> - </h4> - <div class="widget-controls" style="top: 2px !important;"> - <a title="Options" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-cog"></i> - </a> - <a data-widgster="expand" - title="Expand" - href="#" - style="display: none;padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-up"></i> - </a> - <a data-widgster="collapse" - title="Collapse" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-down"></i> - </a> - <a data-widgster="close" - title="Close" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-remove"></i> - </a> - </div> - </header> - <div class="body"> - <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;"> - - <a href="http://www.313.co.kr/auth" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/keycloak.png" alt="Keycloak" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Keycloak</p> - </span> - </a> - - </div> - </div> - </section> - </div> - - <div class="col-sm-4"> - <section class="widget"> - <header> - <h4 style="font-size: 12px !important; font-weight: 300 !important;"> - RDG - <small>clientless remote desktop gateway</small> - </h4> - <div class="widget-controls" style="top: 2px !important;"> - <a title="Options" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-cog"></i> - </a> - <a data-widgster="expand" - title="Expand" - href="#" - style="display: none;padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-up"></i> - </a> - <a data-widgster="collapse" - title="Collapse" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-down"></i> - </a> - <a data-widgster="close" - title="Close" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-remove"></i> - </a> - </div> - </header> - <div class="body"> - <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;"> - - <a href="http://www.313.co.kr/guacamole" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/guacamole.png" alt="Guacamole" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Guacamole</p> - </span> - </a> - - </div> - </div> - </section> - </div> - - </div> - - <div class="row"> - - <div class="col-sm-4"> - <section class="widget"> - <header> - <h4 style="font-size: 12px !important; font-weight: 300 !important;"> - API - <small>Project API Document</small> - </h4> - <div class="widget-controls" style="top: 2px !important;"> - <a title="Options" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-cog"></i> - </a> - <a data-widgster="expand" - title="Expand" - href="#" - style="display: none;padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-up"></i> - </a> - <a data-widgster="collapse" - title="Collapse" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-down"></i> - </a> - <a data-widgster="close" - title="Close" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-remove"></i> - </a> - </div> - </header> - <div class="body"> - <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;"> - - <a href="http://www.313.co.kr/313devgrp/analysis/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/maven.png" alt="Maven" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Maven</p> - </span> - </a> - - <a href="http://www.313.co.kr/gitlab" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/gitlab.png" alt="Maven" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Gitlab</p> - </span> - </a> - - <a href="http://www.313.co.kr/313devgrp/313DEVGRP-CI-Java-Service-Tree-Framework-Middle-Proxy/build/licenses/report.html" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/open.png" alt="MiddleProxy" class="tool-img" data-v-5f164deb="" style="width: 30px !important;"> - <p class="tool-name" data-v-5f164deb="">MiddleProxy</p> - </span> - </a> - <a href="http://www.313.co.kr/middle-proxy-api/swagger-ui/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/swagger.png" alt="MiddleProxy" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">MiddleProxy</p> - </span> - </a> - - <a href="http://www.313.co.kr/313devgrp/313DEVGRP-CI-Java-Service-Tree-Framework-Backend-Core/build/licenses/report.html" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/open.png" alt="BackendCore" class="tool-img" data-v-5f164deb="" style="width: 30px !important;"> - <p class="tool-name" data-v-5f164deb="">BackendCore</p> - </span> - </a> - <a href="http://www.313.co.kr/backend-core-api/swagger-ui/" class="tools" style="text-decoration-style : dotted;" target="_blank" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/swagger.png" alt="BackendCore" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">BackendCore</p> - </span> - </a> - - </div> - </div> - </section> - </div> - - <div class="col-sm-4"> - <section class="widget"> - <header> - <h4 style="font-size: 12px !important; font-weight: 300 !important;"> - IAC - <small>Infrastructure as Code</small> - </h4> - <div class="widget-controls" style="top: 2px !important;"> - <a title="Options" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-cog"></i> - </a> - <a data-widgster="expand" - title="Expand" - href="#" - style="display: none;padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-up"></i> - </a> - <a data-widgster="collapse" - title="Collapse" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-down"></i> - </a> - <a data-widgster="close" - title="Close" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-remove"></i> - </a> - </div> - </header> - <div class="body"> - <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;"> - - <a href="http://www.313.co.kr/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/ansible.png" alt="Ansible" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Ansible</p> - </span> - </a> - - <a href="http://www.313.co.kr" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/awx.png" alt="AWX" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">AWX</p> - </span> - </a> - - </div> - </div> - </section> - </div> - - <div class="col-sm-4"> - <section class="widget"> - <header> - <h4 style="font-size: 12px !important; font-weight: 300 !important;"> - BigData - <small>data that contains greater variety</small> - </h4> - <div class="widget-controls" style="top: 2px !important;"> - <a title="Options" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-cog"></i> - </a> - <a data-widgster="expand" - title="Expand" - href="#" - style="display: none;padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-up"></i> - </a> - <a data-widgster="collapse" - title="Collapse" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-chevron-down"></i> - </a> - <a data-widgster="close" - title="Close" - href="#" - style="padding: 0px !important;"> - <i class="glyphicon glyphicon-remove"></i> - </a> - </div> - </header> - <div class="body"> - <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;"> - - <a href="http://www.313.co.kr/" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/hadoop.png" alt="Hadoop" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Hadoop</p> - </span> - </a> - - <a href="http://www.313.co.kr" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/sqoop.png" alt="Sqoop" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Sqoop</p> - </span> - </a> - - <a href="http://www.313.co.kr/swagger-ui.html" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/hive.png" alt="Hive" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Hive</p> - </span> - </a> - - <a href="http://www.313.co.kr/swagger-ui.html" class="tools" target="_blank" style="text-decoration-style : dotted;" data-v-5f164deb=""> - <span data-v-5f164deb=""> - <img src="./img/community_devtool/spark.png" alt="Spark" class="tool-img" data-v-5f164deb=""> - <p class="tool-name" data-v-5f164deb="">Spark</p> - </span> - </a> - - </div> - </div> - </section> - </div> - - </div> - - </div> - </section> - </div> -</div> \ No newline at end of file + <a + href="http://www.313.co.kr/swagger-ui.html" + class="tools" + target="_blank" + style="text-decoration-style: dotted" + data-v-5f164deb=""> + <span data-v-5f164deb=""> + <img + src="./img/community_devtool/spark.png" + alt="Spark" + class="tool-img" + data-v-5f164deb="" /> + <p + class="tool-name" + data-v-5f164deb=""> + Spark + </p> + </span> + </a> + </div> + </div> + </section> + </div> + </div> + </div> + </section> +</div>