#41 Update downloads table using DataTables
Merged 3 years ago by areguera. Opened 3 years ago by areguera.
centos/ areguera/centos.org master  into  master

file modified
+1 -1
@@ -7,7 +7,7 @@ 

    {% include header.html -%}

    {{ content }}

    {% include footer.html -%}

-   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

+   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>

  </body>

  

@@ -1,7 +1,18 @@ 

  <!DOCTYPE html>

  <html lang="{{ page.lang | default: 'en' }}">

  

- {% include head.html -%}

+ <head>

+     <meta charset="utf-8">

+     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">

+     <title>{{ page.title }}</title>

+     <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon.png">

+     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">

+     <link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap4.min.css">

+     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,300,400,700,800,900">

+     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">

+     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">

+     <link rel="stylesheet" href="/assets/css/styles.min.css">

+ </head>

  

  <body style="font-family: Montserrat, sans-serif;">

    {% include header.html -%}
@@ -13,8 +24,10 @@ 

      </div>

    </div>

    {% include footer.html -%}

-   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

+   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>

+   <script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>

+   <script src="https://cdn.datatables.net/1.10.21/js/dataTables.bootstrap4.min.js"></script>

    <script src="/assets/js/script.min.js"></script>

  </body>

  

file modified
+1 -1
@@ -1,1 +1,1 @@ 

- .brands{color:#313437;background-color:#fff}.brands a{display:block;text-align:center;padding:40px 0}.brands a img{display:inline-block;margin:10px 20px;vertical-align:middle}.breadcrumb-item a,.breadcrumb-item span a,.centos-banner p,.navigation-clean.navbar-dark .navbar-nav .nav-link:focus,.navigation-clean.navbar-dark .navbar-nav .nav-link:hover{color:#fff}.footer-basic{padding:40px 0;background-color:#fff;color:#4b4c4d}.footer-basic ul{padding:0;list-style:none;text-align:center;font-size:18px;line-height:1.6;margin-bottom:0}.footer-basic li{padding:0 10px}.footer-basic ul a,.footer-clean ul a{color:inherit;text-decoration:none;opacity:.8}.footer-basic ul a:hover,.footer-clean ul a:hover,.highlight-clean .buttons .btn:hover{opacity:1}.footer-basic .social{text-align:center;padding-bottom:25px}.footer-basic .social>a{font-size:24px;width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;border-radius:50%;border:1px solid #ccc;margin:0 8px;color:inherit;opacity:.75}.footer-basic .social>a:hover,.footer-clean .item.social>a:hover,.footer-dark .item.social>a:hover{opacity:.9}.footer-basic .copyright{margin-top:15px;text-align:center;font-size:13px;color:#aaa;margin-bottom:0}.jumbotron.text-white{margin-top:1.5em;margin-bottom:1.3em}#carousel-1{margin-bottom:1.5em}.breadcrumb,.footer-dark{margin-top:1.5em}.footer-clean{padding:50px 0;color:#4b4c4d}.footer-clean h3,.footer-dark h3{margin-top:0;margin-bottom:12px;font-weight:700;font-size:16px}.footer-clean ul,.footer-dark ul{padding:0;list-style:none;line-height:1.6;font-size:14px;margin-bottom:0}.footer-clean .item.social{text-align:right}@media (max-width:768px){.footer-clean .item.social{text-align:center}}.footer-clean .item.social>a{font-size:24px;width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;border-radius:50%;border:1px solid #ccc;margin-left:10px;margin-top:22px;color:inherit;opacity:.75}.footer-clean .copyright{margin-top:14px;margin-bottom:0;font-size:13px;opacity:.6}.footer-dark{padding:50px 0;color:#f0f9ff;background-color:#282d32}.footer-dark ul a{color:inherit;text-decoration:none;opacity:.6}.footer-dark ul a:hover{opacity:.8}.footer-dark .item.text{margin-bottom:36px}.footer-dark .item.text p{opacity:.6;margin-bottom:0}.footer-dark .item.social,.highlight-clean .buttons{text-align:center}@media (max-width:991px){.footer-clean .item.social>a{margin-top:40px}.footer-dark .item.social{text-align:center;margin-top:20px}}.footer-dark .item.social>a{font-size:20px;width:36px;height:36px;line-height:36px;display:inline-block;text-align:center;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.4);margin:0 8px;color:#fff;opacity:.75}.footer-dark .copyright{text-align:center;padding-top:24px;opacity:.3;font-size:13px;margin-bottom:0}.highlight-clean{color:#313437;background-color:#fff;padding:50px 0}.highlight-clean p{color:#7d8285}.highlight-clean h2{font-weight:700;margin-bottom:25px;line-height:1.5;padding-top:0;margin-top:0;color:inherit}.highlight-clean .intro{font-size:16px;max-width:500px;margin:0 auto 25px}.highlight-clean .buttons .btn{padding:16px 32px;margin:6px;border:none;background:#ddd;box-shadow:none;text-shadow:none;opacity:.9;text-transform:uppercase;font-weight:700;font-size:13px;letter-spacing:.4px;line-height:1;outline:0}.highlight-clean .buttons .btn:active{transform:translateY(1px)}.highlight-clean .buttons .btn-primary{background-color:#055ada;color:#fff}.navigation-clean{background:#fff;padding-top:.75rem;padding-bottom:.75rem;color:#333;border-radius:0;box-shadow:none;border:none;margin-bottom:0}.navigation-clean .navbar-brand{font-weight:700;color:inherit}.navigation-clean .navbar-brand:hover{color:#222}.navigation-clean.navbar-dark .navbar-brand:hover{color:#f0f0f0}.navigation-clean .navbar-brand img{height:100%;display:inline-block;margin-right:10px;width:auto}.navigation-clean .navbar-toggler{border-color:#ddd;color:#888}.navigation-clean .navbar-toggler:focus,.navigation-clean .navbar-toggler:hover{background:0 0}.navigation-clean.navbar-dark .navbar-toggler{border-color:#555;color:#eee}.navigation-clean .form-inline,.navigation-clean .navbar-collapse{border-top-color:#ddd}.navigation-clean.navbar-dark .form-inline,.navigation-clean.navbar-dark .navbar-collapse{border-top-color:#333}.navigation-clean .navbar-nav>.active>a,.navigation-clean .navbar-nav>.show>a{background:0 0;box-shadow:none}.navigation-clean.navbar-dark .navbar-nav a.active,.navigation-clean.navbar-dark .navbar-nav a.active:focus,.navigation-clean.navbar-dark .navbar-nav a.active:hover,.navigation-clean.navbar-light .navbar-nav .nav-link.active,.navigation-clean.navbar-light .navbar-nav .nav-link.active:focus,.navigation-clean.navbar-light .navbar-nav .nav-link.active:hover{color:#8f8f8f;box-shadow:none;background:0 0;pointer-events:none}.navigation-clean.navbar .navbar-nav .nav-link{padding-left:18px;padding-right:18px}.navigation-clean.navbar-light .navbar-nav .nav-link{color:#465765}.navigation-clean.navbar-light .navbar-nav .nav-link:focus,.navigation-clean.navbar-light .navbar-nav .nav-link:hover{color:#37434d!important;background-color:transparent}.navigation-clean .navbar-nav>li>.dropdown-menu{margin-top:-5px;box-shadow:none;background-color:#fff;border-radius:2px}@media (min-width:768px){.navigation-clean{padding-top:1rem;padding-bottom:1rem}.navigation-clean .navbar-nav .show .dropdown-menu{box-shadow:0 4px 8px rgba(0,0,0,.1)}}.navigation-clean .dropdown-menu .dropdown-item,.navigation-clean .dropdown-menu .dropdown-item:focus{line-height:2;color:#37434d}.navigation-clean .dropdown-menu .dropdown-item:focus,.navigation-clean .dropdown-menu .dropdown-item:hover{background:#eee;color:inherit}.navigation-clean.navbar-dark{color:#fff;background-color:#37434d}.navigation-clean.navbar-dark .navbar-nav .nav-link{color:#dfe8ee}.navigation-clean.navbar-dark .dropdown-menu .dropdown-item,.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:focus{color:#f2f5f8}.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:focus,.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:hover{background:rgba(255,255,255,.15)}@media (max-width:767px){.brands a{padding:30px 0}.footer-clean .item,.footer-dark .item:not(.social){text-align:center;padding-bottom:20px}.footer-clean .item.social>a{margin-top:10px}.footer-dark .item.text{margin-bottom:0}.navigation-clean .navbar-nav .show .dropdown-menu .dropdown-item{color:#37434d;padding-top:.8rem;padding-bottom:.8rem;line-height:1}.navigation-clean.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item{color:#fff}}#myInput{background-image:url(/assets/img/search-solid.png);background-position:10px;background-repeat:no-repeat;width:100%;padding:12px 20px 12px 50px;border:1px solid #ddd;margin-top:12px;border-top:0;border-left:0;border-right:0}#myTable td{border-bottom:1px solid #ddd}.scrolled{background-color:rgba(0,0,0,.9)!important;-webkit-transition:background-color .5s linear;-moz-transition:background-color .5s linear;-ms-transition:background-color .5s linear;transition:background-color .5s linear}body,html{scroll-padding-top:90px}#table-container-table th{cursor:pointer}#table-container-table th.sorting_asc{background:url(/assets/img/arrow_asc.gif ) right center no-repeat rgba(0,0,0,0);padding-right:30px}#table-container-table th.sorting_desc{background:url(/assets/img/arrow_desc.gif ) right center no-repeat rgba(0,0,0,0);padding-right:30px}.dataTables_info{white-space:nowrap}.breadcrumb{background-color:transparent;padding-left:0;padding-top:0;border-radius:0;font-size:small;margin-top:0}.breadcrumb a,.section-nav a{color:gray}.centos-banner{background-image:url(/assets/img/centos-motif.png);background-color:transparent;background-size:cover}.btn .btn-light .btn-lg{color:#000;font-weight:600}.btn-group-lg>.btn,.btn-lg{margin-right:15px;margin-bottom:15px}.centos-banner-home{padding-top:222px;padding-bottom:150px;margin-bottom:50px}.centos-banner-page{padding-top:168px;padding-bottom:96px}.centos-banner h1{font-weight:600;color:#fff}.centos-content{background-color:#fff;margin-top:50px}.centos-content h2{font-weight:700;border-bottom:1px solid #000}.section-nav{position:sticky;top:72px;align-self:start;padding-top:25px;font-size:small;margin-top:-25px}.section-nav ul{padding-left:1.5em}.footer-clean{margin-top:50px;background-color:#f1f1f1}div#table-container-table_filter.dataTables_filter{margin-top:1em;margin-bottom:1em;font-size:1.25em}nav.navbar.navbar-dark{background-color:#000}.card{margin:10px;border:none}div.card img{height:50px;object-fit:contain} 

\ No newline at end of file

+ .brands{color:#313437;background-color:#fff}.brands a{display:block;text-align:center;padding:40px 0}.brands a img{display:inline-block;margin:10px 20px;vertical-align:middle}.breadcrumb-item a,.breadcrumb-item span a,.centos-banner p,.navigation-clean.navbar-dark .navbar-nav .nav-link:focus,.navigation-clean.navbar-dark .navbar-nav .nav-link:hover{color:#fff}.footer-basic{padding:40px 0;background-color:#fff;color:#4b4c4d}.footer-basic ul{padding:0;list-style:none;text-align:center;font-size:18px;line-height:1.6;margin-bottom:0}.footer-basic li{padding:0 10px}.footer-basic ul a,.footer-clean ul a{color:inherit;text-decoration:none;opacity:.8}.footer-basic ul a:hover,.footer-clean ul a:hover,.highlight-clean .buttons .btn:hover{opacity:1}.footer-basic .social{text-align:center;padding-bottom:25px}.footer-basic .social>a{font-size:24px;width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;border-radius:50%;border:1px solid #ccc;margin:0 8px;color:inherit;opacity:.75}.footer-basic .social>a:hover,.footer-clean .item.social>a:hover,.footer-dark .item.social>a:hover{opacity:.9}.footer-basic .copyright{margin-top:15px;text-align:center;font-size:13px;color:#aaa;margin-bottom:0}.jumbotron.text-white{margin-top:1.5em;margin-bottom:1.3em}#carousel-1{margin-bottom:1.5em}.breadcrumb,.footer-dark{margin-top:1.5em}.footer-clean{padding:50px 0;color:#4b4c4d}.footer-clean h3,.footer-dark h3{margin-top:0;margin-bottom:12px;font-weight:700;font-size:16px}.footer-clean ul,.footer-dark ul{padding:0;list-style:none;line-height:1.6;font-size:14px;margin-bottom:0}.footer-clean .item.social{text-align:right}@media (max-width:768px){.footer-clean .item.social{text-align:center}}.footer-clean .item.social>a{font-size:24px;width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;border-radius:50%;border:1px solid #ccc;margin-left:10px;margin-top:22px;color:inherit;opacity:.75}.footer-clean .copyright{margin-top:14px;margin-bottom:0;font-size:13px;opacity:.6}.footer-dark{padding:50px 0;color:#f0f9ff;background-color:#282d32}.footer-dark ul a{color:inherit;text-decoration:none;opacity:.6}.footer-dark ul a:hover{opacity:.8}.footer-dark .item.text{margin-bottom:36px}.footer-dark .item.text p{opacity:.6;margin-bottom:0}.footer-dark .item.social,.highlight-clean .buttons{text-align:center}@media (max-width:991px){.footer-clean .item.social>a{margin-top:40px}.footer-dark .item.social{text-align:center;margin-top:20px}}.footer-dark .item.social>a{font-size:20px;width:36px;height:36px;line-height:36px;display:inline-block;text-align:center;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.4);margin:0 8px;color:#fff;opacity:.75}.footer-dark .copyright{text-align:center;padding-top:24px;opacity:.3;font-size:13px;margin-bottom:0}.highlight-clean{color:#313437;background-color:#fff;padding:50px 0}.highlight-clean p{color:#7d8285}.highlight-clean h2{font-weight:700;margin-bottom:25px;line-height:1.5;padding-top:0;margin-top:0;color:inherit}.highlight-clean .intro{font-size:16px;max-width:500px;margin:0 auto 25px}.highlight-clean .buttons .btn{padding:16px 32px;margin:6px;border:none;background:#ddd;box-shadow:none;text-shadow:none;opacity:.9;text-transform:uppercase;font-weight:700;font-size:13px;letter-spacing:.4px;line-height:1;outline:0}.highlight-clean .buttons .btn:active{transform:translateY(1px)}.highlight-clean .buttons .btn-primary{background-color:#055ada;color:#fff}.navigation-clean{background:#fff;padding-top:.75rem;padding-bottom:.75rem;color:#333;border-radius:0;box-shadow:none;border:none;margin-bottom:0}.navigation-clean .navbar-brand{font-weight:700;color:inherit}.navigation-clean .navbar-brand:hover{color:#222}.navigation-clean.navbar-dark .navbar-brand:hover{color:#f0f0f0}.navigation-clean .navbar-brand img{height:100%;display:inline-block;margin-right:10px;width:auto}.navigation-clean .navbar-toggler{border-color:#ddd;color:#888}.navigation-clean .navbar-toggler:focus,.navigation-clean .navbar-toggler:hover{background:0 0}.navigation-clean.navbar-dark .navbar-toggler{border-color:#555;color:#eee}.navigation-clean .form-inline,.navigation-clean .navbar-collapse{border-top-color:#ddd}.navigation-clean.navbar-dark .form-inline,.navigation-clean.navbar-dark .navbar-collapse{border-top-color:#333}.navigation-clean .navbar-nav>.active>a,.navigation-clean .navbar-nav>.show>a{background:0 0;box-shadow:none}.navigation-clean.navbar-dark .navbar-nav a.active,.navigation-clean.navbar-dark .navbar-nav a.active:focus,.navigation-clean.navbar-dark .navbar-nav a.active:hover,.navigation-clean.navbar-light .navbar-nav .nav-link.active,.navigation-clean.navbar-light .navbar-nav .nav-link.active:focus,.navigation-clean.navbar-light .navbar-nav .nav-link.active:hover{color:#8f8f8f;box-shadow:none;background:0 0;pointer-events:none}.navigation-clean.navbar .navbar-nav .nav-link{padding-left:18px;padding-right:18px}.navigation-clean.navbar-light .navbar-nav .nav-link{color:#465765}.navigation-clean.navbar-light .navbar-nav .nav-link:focus,.navigation-clean.navbar-light .navbar-nav .nav-link:hover{color:#37434d!important;background-color:transparent}.navigation-clean .navbar-nav>li>.dropdown-menu{margin-top:-5px;box-shadow:none;background-color:#fff;border-radius:2px}@media (min-width:768px){.navigation-clean{padding-top:1rem;padding-bottom:1rem}.navigation-clean .navbar-nav .show .dropdown-menu{box-shadow:0 4px 8px rgba(0,0,0,.1)}}.navigation-clean .dropdown-menu .dropdown-item,.navigation-clean .dropdown-menu .dropdown-item:focus{line-height:2;color:#37434d}.navigation-clean .dropdown-menu .dropdown-item:focus,.navigation-clean .dropdown-menu .dropdown-item:hover{background:#eee;color:inherit}.navigation-clean.navbar-dark{color:#fff;background-color:#37434d}.navigation-clean.navbar-dark .navbar-nav .nav-link{color:#dfe8ee}.navigation-clean.navbar-dark .dropdown-menu .dropdown-item,.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:focus{color:#f2f5f8}.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:focus,.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:hover{background:rgba(255,255,255,.15)}@media (max-width:767px){.brands a{padding:30px 0}.footer-clean .item,.footer-dark .item:not(.social){text-align:center;padding-bottom:20px}.footer-clean .item.social>a{margin-top:10px}.footer-dark .item.text{margin-bottom:0}.navigation-clean .navbar-nav .show .dropdown-menu .dropdown-item{color:#37434d;padding-top:.8rem;padding-bottom:.8rem;line-height:1}.navigation-clean.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item{color:#fff}}#myTable td{border-bottom:1px solid #ddd}#myTable input{width:100%;margin:0}table.dataTable tfoot th{padding:10px}.scrolled{background-color:rgba(0,0,0,.9)!important;-webkit-transition:background-color .5s linear;-moz-transition:background-color .5s linear;-ms-transition:background-color .5s linear;transition:background-color .5s linear}body,html{scroll-padding-top:90px}#table-container-table th{cursor:pointer}#table-container-table th.sorting_asc{background:url(/assets/img/arrow_asc.gif ) right center no-repeat rgba(0,0,0,0);padding-right:30px}#table-container-table th.sorting_desc{background:url(/assets/img/arrow_desc.gif ) right center no-repeat rgba(0,0,0,0);padding-right:30px}.dataTables_info{white-space:nowrap}.breadcrumb{background-color:transparent;padding-left:0;padding-top:0;border-radius:0;font-size:small;margin-top:0}.breadcrumb a,.section-nav a{color:gray}.centos-banner{background-image:url(/assets/img/centos-motif.png);background-color:transparent;background-size:cover}.btn .btn-light .btn-lg{color:#000;font-weight:600}.btn-group-lg>.btn,.btn-lg{margin-right:15px;margin-bottom:15px}.centos-banner-home{padding-top:222px;padding-bottom:150px;margin-bottom:50px}.centos-banner-page{padding-top:168px;padding-bottom:96px}.centos-banner h1{font-weight:600;color:#fff}.centos-content{background-color:#fff;margin-top:50px}.centos-content h2{font-weight:700;border-bottom:1px solid #000}.section-nav{position:sticky;top:72px;align-self:start;padding-top:25px;font-size:small;margin-top:-25px}.section-nav ul{padding-left:1.5em}.footer-clean{margin-top:50px;background-color:#f1f1f1}div#table-container-table_filter.dataTables_filter{margin-top:1em;margin-bottom:1em;font-size:1.25em}nav.navbar.navbar-dark{background-color:#000}.card{margin:10px;border:none}div.card img{height:50px;object-fit:contain} 

\ No newline at end of file

file modified
+1 -1
@@ -1,1 +1,1 @@ 

- function myFunction(){for(var e=document.getElementById("myInput").value.toUpperCase(),t=document.getElementById("myTable").tBodies[0].getElementsByTagName("tr"),n=0;n<t.length;n++){var a=t[n].getElementsByTagName("td");t[n].style.display="none";for(var l=0;l<a.length;l++)a[l].innerHTML.toUpperCase().indexOf(e)>-1&&(t[n].style.display="")}} 

\ No newline at end of file

+ $(document).ready((function(){$("#myTable tfoot th.searchable").each((function(){var t=$(this).text();$(this).html('<input type="text" placeholder="Search '+t+'" />')}));$("#myTable").DataTable({autoWidth:!1,initComplete:function(){this.api().columns().every((function(){var t=this;$("input",this.footer()).on("keyup change clear",(function(){t.search()!==this.value&&t.search(this.value).draw()}))}))}})})); 

\ No newline at end of file

file modified
+10 -4
@@ -21,9 +21,7 @@ 

  

  Please note that you can also directly use then the "Deploy Link" function to deploy in specific region, one click away. 

  

- <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for image...">

- 

- <table id="myTable" class="table table-borderless table-hover">

+ <table id="myTable" class="table table-borderless table-hover" style="width:100%">

  <thead class="thead-dark">

    <tr>

      <th class="col-0 text-nowrap">Version</th>
@@ -44,5 +42,13 @@ 

    </tr>

  {% endfor %}

  </tbody>

+ <tfoot>

+   <tr>

+     <th class="searchable"></th>

+     <th class="searchable"></th>

+     <th class="searchable"></th>

+     <th class="searchable"></th>

+     <th></th>

+   </tr>

+ </tfoot>

  </table>

- 

file modified
+10 -2
@@ -10,8 +10,6 @@ 

  guidelines](http://wiki.centos.org/HowTos/CreatePublicMirrors) to make sure

  that your mirror is consistent with the other mirror sites.

  

- <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for mirror...">

- 

  <table id="myTable" class="table table-borderless table-hover">

  <thead class="thead-dark">

    <tr>
@@ -35,4 +33,14 @@ 

    </tr>

  {% endfor %}

  </tbody>

+ <tfoot>

+   <tr>

+     <th class="searchable">Location</th>

+     <th class="searchable">Region</th>

+     <th class="searchable">Sponsor</th>

+     <th class=""></th>

+     <th class=""></th>

+     <th class=""></th>

+   </tr>

+ </tfoot>

  </table>

file modified
+10 -2
@@ -12,8 +12,6 @@ 

  searching for mirrors providing AltArch content (like ppc64, ppc64le, aarch64,

  armfhp) please use [this link](/download/mirrors-altarch/).

  

- <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for mirror...">

- 

  <table id="myTable" class="table table-borderless table-hover">

  <thead class="thead-dark">

    <tr>
@@ -37,4 +35,14 @@ 

    </tr>

  {% endfor %}

  </tbody>

+ <tfoot>

+   <tr>

+     <th class="searchable">Location</th>

+     <th class="searchable">Region</th>

+     <th class="searchable">Sponsor</th>

+     <th class=""></th>

+     <th class=""></th>

+     <th class=""></th>

+   </tr>

+ </tfoot>

  </table>