index.html

﻿<!DOCTYPE html>
<html lang="zh-CN">
  <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
      <title>Fate/Grand Order 召唤目录</title>
      <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
      <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
      <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
      <!--[if lt IE 9]>
          <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
          <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
          <![endif]-->
  </head>
  <body>
      <!-- Main jumbotron for a primary marketing message or call to action -->
      <h3>Fate/Grand Order 召唤目录</h3>
      <hr>
      <p>卡池列表：</p>
      <p id="index"></p>
      <hr>

    <div id="bannerList">
    </div>

          <p align="center">作者：<a href="https://github.com/konatasick/test_simulator" target="_blank">konatasick@github</a>,修改自原作者：<a href="https://github.com/kirliavc/test_simulator" target="_blank">kirliavc@github</a></p>
          <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
          <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
          <!-- Include all compiled plugins (below), or include individual files as needed -->
          <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
      <script src="js/index.js"></script>
      <script language="javascript">
    var x = "";
    for (i of myObj.sites) {
        var link = ""
        if (i.hasOwnProperty("pool_type")) {
            if (i.pool_type === "fukubukuro") {
            link = "fukubukuro.html?" + i.info;

            }
        } else {
            link = "pool.html?" + i.info;
        }

    container = "<div class=\"container\"><a href=\"" + link + "\"><img src=\"" + i.img + "\" class=\"img-thumbnail\"></a><p></p></div>";
    x = container + x;
}

    document.getElementById("bannerList").innerHTML = x;
      </script>
</body>

</html>