Explorar el Código

Update ips.html

蘭雅sRGB hace 3 años
padre
commit
a56bfa77d6
Se han modificado 1 ficheros con 57 adiciones y 15 borrados
  1. 57 15
      templates/ips.html

+ 57 - 15
templates/ips.html

@@ -1,17 +1,59 @@
-<!DOCTYPE html><html><body>
-<form action="/ips/" method="post">
-<fieldset>
-{% if ips %}
-<legend>批量ip查询地址: <a href="/ips/">点击返回</a> </legend>   
-<textarea type="text" name ="ips" cols=120 rows=100>
-{{ ips }}</textarea>
-{% else %}
-  <legend>批量ip查询地址:</legend>   
-  <textarea type="text" name ="ips" cols=120 rows=20 placeholder="输入多行包含ip地址的日志,例:
+<!DOCTYPE html><html><head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>262235.xyz/ips | 批量ip查询地址</title>
+<meta name="keywords" content="开源WebAIP,开源IP定位,IP地址查询,极速批量IP地址查询,IP地址精确查询,IP精准定位,高精度IP定位,国外IP定位">
+<link rel="icon" href="/logo/favicon.png" type="image/png">
+<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+<style type="text/css">
+body { padding-top: 40px; padding-bottom: 40px; background-color: #f5f5f5;
+  font-family: "PingFang SC", "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; }
+a, input, button { outline: none !important; }
+a:focus, a:hover, .btn-link:focus, .btn-link:hover { text-decoration: underline; text-underline-position: under; }
+ .main { max-width: 950px; padding: 19px 29px 29px; margin: 0 auto 20px; background-color: #fff;
+  border: 1px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px;
+  border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
+  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05); box-shadow: 0 1px 2px rgba(0,0,0,.05); }
+ .label-site { font-size: 14px;  vertical-align: middle; margin-right: 6px; }
+ .text { width: 100%; height: 150px; }
+ .btn-code { padding: 6px 16px; }
+  </style>
+</head>
+<body>
+<nav class="navbar navbar-inverse navbar-fixed-top">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="navbar-brand" href="https://262235.xyz/ip/">Python Flask WebAPI</a>
+    </div>
+    <div id="navbar" class="collapse navbar-collapse">
+      <ul class="nav navbar-nav">
+        <li class="active"><a href="/">首页</a></li>
+        <li><a href="https://github.com/hongwenjun/ip">github源码</a></li>
+        <li><a href="https://hub.docker.com/r/hongwenjun/ip">docker镜像</a></li>
+        <li><a href="https://262235.xyz/index.php/archives/342/">搭建WebAPI参考文章</a></li>
+      </ul>
+    </div><!--/.nav-collapse -->
+  </div>
+</nav>
+
+  <div class="main">
+  <form action="/ips/" method="post">
+    <fieldset>
+  {% if ips %}
+    <legend><h3><span class="label label-success label-site">262235.xyz/ips </span> 批量ip查询地址: <a class="label label-warning label-site" href="/ips/">重新查询</a></h3></legend>
+    <textarea type="text" name ="ips" cols=120 rows=40 class="form-control text">{{ ips }}</textarea>
+  {% else %}
+    <legend><h3><span class="label label-success label-site">262235.xyz/ips </span> 批量ip查询地址:  <a class="label label-info label-site" href="/">返回主页</a></h3></legend>
+    <textarea type="text" name ="ips" cols=120 rows=20 class="form-control text" placeholder="输入多行包含ip地址的日志,例:
   http://192.168.1.189:5000/ips/
   172.67.158.52  cloudflare.com"></textarea>
-  <br>
-  <input type="submit" value="点击查询">
-{%  endif  %}
-</fieldset>
-</form></body></html>
+    <br><input type="submit" value="点击查询"  class="btn btn-primary btn-code" >
+  {%  endif  %}
+    </fieldset>
+    </form>
+</div></body></html>