EarthSDK
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>EarthSDK官网</title>
    <link rel="stylesheet" href="normalize.css">
    <!-- <link href="//cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"> -->
    <style>
        /* html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        } */

        .container {
            display: grid;
            /* grid-row-gap: 10px; */
            /* grid-column-gap: 10px; */
            /* padding: 10px; */
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-template-rows: 250px 250px;
            place-content: stretch center;
            place-items: center center;
            max-width: 1200px;
            margin: auto;
        }

        @media screen and (max-width: 1199px) {
            .container {
                display: grid;
                /* grid-row-gap: 10px; */
                /* grid-column-gap: 10px; */
                /* padding: 10px; */
                grid-template-columns: 1fr 1fr 1fr;
                grid-template-rows: 250px 250px;
                place-content: stretch center;
                place-items: center center;
                max-width: 900px;
                margin: auto;
            }
        }

        @media screen and (max-width: 899px) {
            .container {
                display: grid;
                /* grid-row-gap: 10px; */
                /* grid-column-gap: 10px; */
                /* padding: 10px; */
                grid-template-columns: 1fr 1fr;
                grid-template-rows: 250px 250px 250px;
                place-content: stretch center;
                place-items: center center;
                max-width: 600px;
                margin: auto;
            }
        }

        @media screen and (max-width: 599px) {
            .container {
                display: grid;
                /* grid-row-gap: 10px; */
                /* grid-column-gap: 10px; */
                /* padding: 10px; */
                grid-template-columns: 1fr;
                grid-template-rows: 250px 250px 250px 250px 250px 250px;
                place-content: stretch center;
                place-items: center center;
                max-width: 300px;
                margin: auto;
            }
        }

        .big-image {
            max-width: 1200px; margin: auto; font-size: 0; display: block;
        }

        @media screen and (max-width: 799px) {
            .big-image {
                display: none;
            }
        }

        .small-image {
            display: none;
        }

        @media screen and (max-width: 799px) {
            .small-image {
                max-width: 600px; margin: auto; font-size: 0; display: block;
            }
        }

        .item {
            min-width: 300px;
            /* background: #DDD; */
            text-align: center;
            box-sizing: border-box;
            padding: 15px;
            color: #CCC;
        }

        a {
            color: rgb(200, 200, 200);
            cursor: pointer;
        }

        a:link {
            text-decoration: none;
        }

        a:hover {
            color: rgb(255, 255, 0);
        }

        .earthsdk-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            padding: 40px 10px 40px 10px;
            box-sizing: border-box;
        }

        .item .icon {
            width: 80px;
            height: 80px;
        }
    </style>
</head>
<body style="background-image: url('images/bg.jpg')">
    <header style="position: sticky; width: 100%; height: 103px; background: rgba(0, 0, 0, 0.9); top: 0px; color:rgb(255, 255, 255)">
        <div style="width: 100%; height: 20px;"></div>
        <div style="max-width: 1144px; height: 62px; margin: auto; line-height: 62px;">
            <img style="vertical-align: middle; margin-left: 20px;" src="images/logo.png" alt=""></img>
            <span style="margin-left: 20px; font-size: 30px; vertical-align: middle;">EarthSDK</span>
        </div>
    </header>
    <div style="width: 100%">
        <div class="big-image">
            <img class="earthsdk-img" src="images/earthsdk.png" alt="">
        </div>
        <div class="small-image">
            <img class="earthsdk-img" src="images/mobile.png" alt="">
        </div>
    </div>
    <div style="width: 100%;">
        <div class="container">
            <div class="item">
                <svg t="1569663549182" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2640" width="48" height="48"><path d="M512 512m-67.368421 0a2.5 2.5 0 1 0 134.736842 0 2.5 2.5 0 1 0-134.736842 0Z" p-id="2641" fill="rgb(198, 240, 255)"></path><path d="M813.810526 53.894737 309.894737 336.842105 91.621053 878.484211c-61.978947 126.652632-13.473684 169.768421 105.094737 91.621053L700.631579 687.157895l218.273684-544.336842C978.189474 16.168421 932.378947-24.252632 813.810526 53.894737zM652.126316 646.736842 132.042105 937.768421 358.4 377.263158 878.484211 86.231579 652.126316 646.736842z" p-id="2642" fill="rgb(198, 240, 255)"></path></svg>
                <h2>使用指南</h2>
                <p>
                    <a target="_blank" href="//zhuanlan.zhihu.com/p/80749051">知乎</a> |
                    <a target="_blank" href="//github.com/cesiumlab/XbsjEarthUI/wiki">GITHUB</a>
                </p>
            </div>
            <div class="item">
                <svg t="1569667502577" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3056" width="48" height="48"><path d="M825.083528 1024H195.991279C101.548351 1024 23.272378 954.889178 23.272378 861.167366V140.051418C23.272378 73.499394 23.621305-6.98645 179.289303 0.480589h465.957212C832.410996-4.962673 790.911937 163.313222 790.911937 163.313222s209.798217-31.915196 209.356243 162.832634v535.02151c0 95.3734-79.066875 162.832634-175.184652 162.832634zM674.602913 70.266003L134.905779 68.707462C68.097876 67.753728 82.636504 151.17056 139.581402 140.051418h535.021511c56.572709 2.907726 62.550993-71.599835 0-69.785415z m255.879852 279.141658c-1.605065-70.76241-15.399315-141.803962-139.570828-139.570829H139.581402c-22.121976-0.093047-46.52361 24.564466-46.523609 46.52361v604.806924c0 45.686185 70.273912 93.047219 116.309024 93.04722h604.806924c51.478374 1.977253 116.12293-63.92344 116.309024-116.309024V349.407661z m-209.356243 441.974291a69.785414 69.785414 0 1 1 0-139.570829 69.785414 69.785414 0 0 1 0 139.570829z m-127.939926-325.665267h-395.450682a34.892707 34.892707 0 0 1 0-69.785415h395.450682a34.892707 34.892707 0 0 1 0 69.785415z m-395.450682 139.570829h209.356243a34.892707 34.892707 0 0 1 0 69.785414h-209.356243a34.892707 34.892707 0 0 1 0-69.785414z" p-id="3057" fill="rgb(198, 240, 255)"></path></svg>
                <h2>视景器</h2>
                <p>
                    <a target="_blank" href="//earthsdk.com/v/v1.1.17/Apps/Demos/Viewer/index.html">1.1.17</a> |
                    <a target="_blank" href="//earthsdk.com/v/last/Apps/Demos/Viewer/index.html">最新版</a>
                </p>
            </div>
            <div class="item">
                <svg t="1569667719584" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4012" width="48" height="48"><path d="M817.404 589.25c0-18.864-6.288-35.032-19.762-49.404l-385.347-384.45c-13.474-13.473-32.337-25.15-54.793-35.031-23.355-9.88-44.014-14.372-62.877-14.372H70.063c-18.863 0-35.031 7.186-48.505 20.66C8.084 140.126 0.898 156.295 0.898 175.158V398.82c0 18.863 4.491 40.421 14.372 62.877 9.88 23.355 20.66 41.32 35.032 54.793l385.347 385.35c13.474 13.473 29.642 19.761 48.505 19.761 18.864 0 35.032-6.288 49.404-19.761l264.084-264.085c12.576-13.473 19.762-29.642 19.762-48.505zM221.867 327.86c-13.474 13.473-29.642 19.761-48.506 19.761-18.863 0-35.031-6.288-48.505-19.761-13.474-13.474-19.761-29.642-19.761-48.506 0-18.863 6.287-35.031 19.761-48.505 13.474-13.474 29.642-19.761 48.505-19.761 18.864 0 35.032 6.287 48.506 19.761 13.473 13.474 19.761 29.642 19.761 48.505 0.898 18.864-6.288 35.032-19.761 48.506z m782.372 211.986L618.89 155.396c-13.473-13.473-32.337-25.15-54.793-35.031-23.354-9.88-44.014-14.372-62.877-14.372H379.958c18.863 0 40.42 4.491 62.877 14.372 23.354 9.88 41.32 20.66 54.793 35.031l385.347 384.45c13.474 14.372 19.762 30.54 19.762 49.403s-6.288 35.032-19.762 48.505L630.568 891.06c10.78 10.779 20.66 18.863 28.744 24.252 8.084 5.39 18.863 7.186 31.439 7.186 18.863 0 35.031-6.287 49.403-19.761l264.085-264.983c13.473-13.473 19.761-29.642 19.761-48.505 0-18.863-6.288-35.031-19.761-49.403z m0 0" fill="rgb(198, 240, 255)" p-id="4013"></path></svg>
                <h2>示例集</h2>
                <p>
                    <a target="_blank" href="//earthsdk.com/v/v1.1.17/Apps/Examples/">1.1.17</a> |
                    <a target="_blank" href="//earthsdk.com/v/last/Apps/Examples/">最新版</a>
                </p>
            </div>
            <div class="item">
                <svg t="1569667838455" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4763" width="48" height="48"><path d="M864.7 17h-64c-17.7 0-38.2 25.2-38.2 42.9s20.5 49.7 38.2 49.7H836c38.1 0 64 25.9 64 64v693.7c0 38.1-25.9 64-64 64H204.3c-38.1 0-80.4-25.9-80.4-64V173.6c0-38.1 25.9-64 64-64h51.7c17.7 0 24.6-32 24.6-49.7 0-17.7-6.9-42.9-24.6-42.9h-80.3c-89.9 0-128 70.2-128 143.7v728.5c0 79 47.7 134.8 134.8 134.8h691.7c87.2 0 134.8-46.3 134.8-134.8V160.7C992.7 87.2 947.7 17 864.7 17z m-463 94.7H625c25.9 0 47.7-25.9 47.7-55.8 0-30-21.8-55.8-49-55.8h-222c-27.2 0-49 25.9-49 55.8s21.8 55.8 49 55.8z m0 0" fill="rgb(198, 240, 255)" p-id="4764"></path><path d="M785.9 337.1c0 23.7-19.2 43-42.9 43H279.1c-23.7 0-42.9-19.2-42.9-43 0-23.7 19.2-42.9 42.9-42.9H743c23.7 0 42.9 19.2 42.9 42.9z m0 0M785.9 514.6c0 23.7-19.2 43-42.9 43H279.1c-23.7 0-42.9-19.2-42.9-43 0-23.7 19.2-42.9 42.9-42.9H743c23.7 0 42.9 19.2 42.9 42.9z m0 0M785.9 707.9c0 23.7-19.2 43-42.9 43H279.1c-23.7 0-42.9-19.2-42.9-43 0-23.7 19.2-42.9 42.9-42.9H743c23.7 0 42.9 19.2 42.9 42.9z m0 0" fill="rgb(198, 240, 255)" p-id="4765"></path></svg>
                <h2>API文档</h2>
                <p>
                    <a target="_blank" href="//earthsdk.com/v/last/XbsjEarth/Documentation/">EarthSDK</a> |
                    <a target="_blank" href="http://earthsdk.com/c/1.60/Build/Documentation/index.html">Cesium</a> |
                    <a target="_blank" href="//earthsdk.com/v/last/XbsjEarthUI/Documentation/">XbsjEarthUI</a>
                </p>
            </div>
            <div class="item">
                <svg t="1569667918417" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5551" width="48" height="48"><path d="M128 85.333333a42.666667 42.666667 0 0 0-42.666667 42.666667v768a42.666667 42.666667 0 0 0 42.666667 42.666667h768a42.666667 42.666667 0 0 0 42.666667-42.666667V128a42.666667 42.666667 0 0 0-42.666667-42.666667H128z m0-85.333333h768a128 128 0 0 1 128 128v768a128 128 0 0 1-128 128H128a128 128 0 0 1-128-128V128a128 128 0 0 1 128-128z" fill="rgb(198, 240, 255)" p-id="5552"></path><path d="M753.365333 522.368L662.869333 431.786667a42.666667 42.666667 0 0 1 60.330667-60.330667l120.661333 120.704a42.666667 42.666667 0 0 1 0 60.330667L723.2 673.194667a42.666667 42.666667 0 0 1-60.330667-60.330667l90.453334-90.496zM291.328 522.368L381.866667 612.864a42.666667 42.666667 0 1 1-60.330667 60.330667L200.832 552.533333a42.666667 42.666667 0 0 1 0-60.330666l120.704-120.704A42.666667 42.666667 0 1 1 381.866667 431.829333L291.328 522.368z" fill="rgb(198, 240, 255)" p-id="5553"></path><path d="M426.673489 750.538066m11.042946-41.212836l110.429459-412.128352q11.042946-41.212835 52.255782-30.16989l0 0q41.212835 11.042946 30.169889 52.255782l-110.429459 412.128352q-11.042946 41.212835-52.255782 30.16989l0 0q-41.212835-11.042946-30.169889-52.255782Z" fill="rgb(198, 240, 255)" p-id="5554"></path></svg>
                <h2>UI源码</h2>
                <p>
                    <a target="_blank" href="//github.com/cesiumlab/XbsjEarthUI">GITHUB</a> |
                    <a target="_blank" href="//gitee.com/cesiumlab/XbsjEarthUI">GITEE</a>
                </p>
            </div>
            <div class="item">
                <svg t="1569667995431" class="icon" viewBox="0 0 1150 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6354" width="48" height="48"><path d="M495.419714 704.512a121.476315 121.476315 0 0 0 157.247281 0l248.64791-204.8a71.507416 71.507416 0 0 0 11.183461-95.910831 61.301933 61.301933 0 0 0-89.812854-11.954338l-183.457079 154.290338V68.262831a64.051775 64.051775 0 1 0-127.838921 0v477.874338L325.389692 389.798831a61.301933 61.301933 0 0 0-89.812854 11.942832 71.49591 71.49591 0 0 0 11.18346 95.910831zM1086.670411 614.4a66.19182 66.19182 0 0 0-63.913708 68.262831V819.2a70.679011 70.679011 0 0 1-18.719641 48.323596 61.923236 61.923236 0 0 1-45.194067 19.996764H191.797961a61.923236 61.923236 0 0 1-45.205573-19.996764 70.679011 70.679011 0 0 1-18.71964-48.323596V682.662831A66.203326 66.203326 0 0 0 63.95904 614.4 66.203326 66.203326 0 0 0 0.033827 682.662831v204.8C0.033827 962.870652 57.274276 1024 127.872748 1024h894.883955a123.857978 123.857978 0 0 0 90.39964-39.993528A141.369528 141.369528 0 0 0 1150.595624 887.462831v-204.8a66.203326 66.203326 0 0 0-63.925213-68.262831z m0 0" p-id="6355" fill="rgb(198, 240, 255)"></path></svg>
                <h2>版本下载</h2>
                <p>
                    <a target="_blank" href="//earthsdk.com/v/v1.1.17.zip">1.1.17</a> |
                    <a target="_blank" href="//earthsdk.com/v/last.zip">最新版</a>
                </p>
            </div>
        </div>
    </div>
    <footer style="width: 100%; height: 50px; background: rgba(0, 0, 0, 0.9); text-align: center; font-size: 14px; line-height: 50px; color:rgb(255, 255, 255)">
        <span style="vertical-align: middle;">© 2017-2019 北京西部世界科技有限公司</span>
    </footer>
</body>
</html>