bootstrap version of site
[Bans.Verniy.xyz-Modern.git] / main.html
blob11632f28a2e5e9a0f107655fa4bdc25170f98587
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <base href="http://bans.verniy.xyz/">
5 <!-- Global site tag (gtag.js) - Google Analytics -->
6 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-111544917-1"></script>
8 <base href = "http://bans.verniy.xyz">
9 <!-- Latest compiled and minified CSS -->
10 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
12 <!-- jQuery library -->
13 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
15 <!-- Popper JS -->
16 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
18 <!-- Latest compiled JavaScript -->
19 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
22 <script>
23 window.dataLayer = window.dataLayer || [];
24 function gtag(){dataLayer.push(arguments);}
25 gtag('js', new Date());
27 gtag('config', 'UA-111544917-1');
28 </script>
30 <title>Simple 4Chan Ban Log - A Guideline for the Unusual 4Chan Poster</title>
31 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
32 <meta name="viewport" content="width=device-width, initial-scale=0.5">
33 <script type="text/javascript" src = "Scripts/TableFunctions.js?1575"></script>
34 <!--<link rel="stylesheet" href="../Scripts/IndexStyle.css" type="text/css"> -->
35 </head>
36 <body itemscope="" itemtype="http://schema.org/DataCatalog">
37 <nav class="navbar navbar-expand-sm bg-secondary">
38 <ul class="navbar-nav">
39 <li class="nav-item">
40 <a class="nav-link text-success" href="/">Home</a>
41 </li>
42 <li class="nav-item">
43 <a class="nav-link text-success" href="/main">Listing</a>
44 </li>
45 <li class="nav-item">
46 <a class="nav-link text-success" href="http://verniy.xyz">Root</a>
47 </li>
48 </ul>
49 </nav>
51 <div class="jumbotron jumbotron-fluid p-5 m-0">
52 <h2 itemprop="name" class="display-4">The 4Chan Ban Logger</h2>
53 <meta itemprop="description" content="An easy to read log of 4chan's ban page for both the ban evader and the innocent alike. Contains information what 4chan moderators ban by archiving the 4chan ban page at 4chan.org/bans. Updated every 15 minutes to stay up to date. Common bans such as GR15, GR5 etc. from every board(/a/, /pol/, /e/, /h/)">
54 <meta itemprop="keywords" content="4chan,bans,logger,shitposter,GR3,ban evasion,/a/,/c/,/h/,/d/,/e/">
55 <meta itemprop="version" content="Jan-03" id="versionInfo"/>
56 <div id='searchcard' class='container-fluid p-3 bg-light card' style="opacity:0.7" onmouseenter='toggleOpacity(1)' onmouseleave='toggleOpacity(0)'>
57 <div class="input-group input-group-md" style="display:auto"><div class="input-group-prepend"><span class="input-group-text bg-light">Search for Board</span></div>
58 <input id="refinement" type="text" class='form-control' placeholder=''/></div>
59 <!-- -->
60 <div class="input-group input-group-md"><div class="input-group-prepend"><span class="input-group-text bg-light">Search Comment</span></div>
61 <input id="commentrefine" type="text" class='form-control' placeholder='' />
62 </div>
63 <div class="input-group input-group-md mb-3"><div class="input-group-prepend"><span class="input-group-text bg-light">Find Specific Rule</span></div>
64 <input id="rulerefine" type="text" class='form-control' placeholder='eg. Global 5'/>
65 </div>
67 <div class="input-group input-group-md" style="display:auto"><div class="input-group-prepend">
68 <span id="count" class ='input-group-text bg-light'></span>
69 <input id="set" onclick="refineFunction()" type="button" value="Refine" class=''/> <span id="pages" class='input-group-text bg-light font-italic'></span> <input id="refresh" onclick="refreshFunction()" type ="button" value = "Refresh" class =''>
70 </div>
71 </div>
72 </div>
73 </div>
75 <script>
76 var card = document.getElementById("searchcard");
77 function toggleOpacity(swtch){
78 <!-- if(swtch == 0){ -->
79 <!-- card.style.opacity = 0.7; -->
80 <!-- } -->
81 <!-- else{ -->
82 <!-- card.style.opacity = 1.0; -->
83 <!-- } -->
85 card.style.opacity = 1.0;
86 </script>
88 <div class='pb-4 border-bottom pl-0' style="background-color:rgb(250,250,255)">
89 <div class="page_table d-flex flex-row flex-wrap justify-content-left">
90 </div>
91 </div>
93 <div class="p-2"><a href = "/pages?file=1" itemprop="url">View Non-Javascript Pages</a></div>
94 <br>
95 <div itemprop="dataset" class="container-fluid" itemscope="" itemtype="http://schema.org/DataSet">
96 <meta itemprop="measurementTechnique" content="Page Logging">
97 <meta itemprop="sameAs" content="/Logs">
98 <meta itemprop="version" content="40" id="versionInfo"/>
100 <meta itemprop='variableMeasured' content='Board'>
101 <meta itemprop='variableMeasured' content='Name'>
102 <meta itemprop='variableMeasured' content='Comment'>
103 <meta itemprop='variableMeasured' content='Action'>
104 <meta itemprop='variableMeasured' content='Duration'>
105 <meta itemprop='variableMeasured' content='Reason'>
106 <meta itemprop='variableMeasured' content='Time'>
107 <table class="table table-bordered table-striped " style="">
108 <thead class=" thead-light ">
109 <tr>
110 <th style="font-size:1vw;width:1vw">Board</th>
111 <th style="font-size:1vw;width:1vw">Name</th>
112 <th style="font-size:1vw;width:1vw">Trip</th>
113 <th style="font-size:1vw;width:1vw">Comment</th>
114 <th style="font-size:1vw;width:1vw">Type</th>
115 <th style="font-size:1vw;width:1vw">Length</th>
116 <th style="font-size:1vw;width:1vw">Reason</th>
117 <th style="font-size:1vw;width:1vw">Date</th>
118 </tr>
119 </thead>
120 <tbody id="bansTable">
121 <tr>
122 <td colspan=8>...Loading Entries...</td>
123 </tr>
124 </tbody>
125 </table>
126 </div>
127 <div itemprop="about" class='p-4'>
129 <span itemprop="accountablePerson">Verniy 2017-2018</span><br/>
130 <meta itemprop="author" content="ECHibiki">
131 Inquiries to be sent to the gmail account of ECVerniy
132 </p>
133 </div>
134 <div class='py-0 px-2'>
135 <div class="page_table border-left d-flex flex-row flex-wrap justify-content-around ">
136 </div>
137 </div>
138 </body>
139 </html>