mirror of
https://github.com/pi-hole/web.git
synced 2025-12-27 13:59:14 +00:00
162 lines
7.7 KiB
HTML
162 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Pi-hole Admin Console</title>
|
|
<!-- Tell the browser to be responsive to screen width -->
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
|
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
|
|
<meta name="theme-color" content="#367fa9">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-icon-180x180.png">
|
|
<link rel="icon" type="image/png" sizes="192x192" href="img/android-icon-192x192.png">
|
|
<link rel="icon" type="image/png" sizes="96x96" href="img/favicon-96x96.png">
|
|
<meta name="msapplication-TileColor" content="#367fa9">
|
|
<meta name="msapplication-TileImage" content="img/ms-icon-144x144.png">
|
|
|
|
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
|
<link href="css/font-awesome-4.5.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
|
<link href="css/ionicons-2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
|
|
<link href="css/dataTables.bootstrap.min.css" rel="stylesheet" type="text/css" />
|
|
|
|
<link href="css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
|
|
<link href="css/skin-blue.min.css" rel="stylesheet" type="text/css" />
|
|
<link rel="icon" type="image/png" href="img/pihole-160x160.jpg" />
|
|
<style type="text/css">
|
|
.glow { text-shadow: 0px 0px 5px #fff; }
|
|
h3 { transition-duration: 500ms }
|
|
</style>
|
|
|
|
<!--[if lt IE 9]>
|
|
<script src="js/html5shiv.min.js"></script>
|
|
<script src="js/respond.min.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
<body class="skin-blue sidebar-mini">
|
|
<div class="wrapper">
|
|
<header class="main-header">
|
|
<!-- Logo -->
|
|
<a href="http://pi-hole.net" class="logo">
|
|
<!-- mini logo for sidebar mini 50x50 pixels -->
|
|
<span class="logo-mini"><b>P</b>H</span>
|
|
<!-- logo for regular state and mobile devices -->
|
|
<span class="logo-lg"><b>Pi</b>-hole</span>
|
|
</a>
|
|
<!-- Header Navbar: style can be found in header.less -->
|
|
<nav class="navbar navbar-static-top" role="navigation">
|
|
<!-- Sidebar toggle button-->
|
|
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
</a>
|
|
<div class="navbar-custom-menu">
|
|
<ul class="nav navbar-nav">
|
|
<!-- User Account: style can be found in dropdown.less -->
|
|
<li class="dropdown user user-menu">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
|
<img src="img/pihole-160x160.jpg" class="user-image" alt="Pi-hole logo" />
|
|
<span class="hidden-xs">Pi-hole</span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<!-- User image -->
|
|
<li class="user-header">
|
|
<img src="./img/pihole-160x160.jpg" alt="User Image" />
|
|
<p>
|
|
Open Source Ad Blocker
|
|
<small>Designed For Raspberry Pi</small>
|
|
</p>
|
|
</li>
|
|
<!-- Menu Body -->
|
|
<li class="user-body">
|
|
<div class="col-xs-4 text-center">
|
|
<a href="https://github.com/jacobsalmela/pi-hole">Github</a>
|
|
</div>
|
|
<div class="col-xs-4 text-center">
|
|
<a href="http://jacobsalmela.com/block-millions-ads-network-wide-with-a-raspberry-pi-hole-2-0/">Details</a>
|
|
</div>
|
|
<div class="col-xs-4 text-center">
|
|
<a href="https://github.com/pi-hole/pi-hole/releases">Updates</a>
|
|
</div>
|
|
</li>
|
|
<!-- Menu Footer-->
|
|
<li class="user-footer">
|
|
<div>
|
|
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
|
|
<input type="hidden" name="cmd" value="_s-xclick">
|
|
<input type="hidden" name="hosted_button_id" value="3J2L3Z4DHW9UY">
|
|
<input style="display: block; margin: 0 auto;" type="image" src="img/donate.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
|
|
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
|
|
</form>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<!-- Left side column. contains the logo and sidebar -->
|
|
<aside class="main-sidebar">
|
|
<!-- sidebar: style can be found in sidebar.less -->
|
|
<section class="sidebar">
|
|
<!-- Sidebar user panel -->
|
|
<div class="user-panel">
|
|
<div class="pull-left image">
|
|
<img src="img/pihole-160x160.jpg" class="img-circle" alt="Pi-hole logo" />
|
|
</div>
|
|
<div class="pull-left info">
|
|
<p>Status</p>
|
|
<?php
|
|
$pistatus = exec('pgrep dnsmasq | wc -l');
|
|
if ($pistatus > "0") {
|
|
echo '<a href="#"><i class="fa fa-circle" style="color:#7FFF00"></i> Active</a>';
|
|
} else {
|
|
echo '<a href="#"><i class="fa fa-circle" style="color:#FF0000"></i> Offline</a>';
|
|
}
|
|
?>
|
|
</div>
|
|
</div>
|
|
<!-- sidebar menu: : style can be found in sidebar.less -->
|
|
<ul class="sidebar-menu">
|
|
<li class="header">MAIN NAVIGATION</li>
|
|
<!-- Home Page -->
|
|
<li>
|
|
<a href="index.php">
|
|
<i class="fa fa-home"></i> <span>Main Page</span>
|
|
</a>
|
|
</li>
|
|
<!-- Query Log -->
|
|
<li>
|
|
<a href="queries.php">
|
|
<i class="fa fa-file-text-o"></i> <span>Query Log</span>
|
|
</a>
|
|
</li>
|
|
<!-- Whitelist -->
|
|
<!--
|
|
<li>
|
|
<a href="list.php?l=white">
|
|
<i class="fa fa-pencil-square-o"></i> <span>Whitelist</span>
|
|
</a>
|
|
</li>
|
|
-->
|
|
<!-- Blacklist -->
|
|
<!--
|
|
<li>
|
|
<a href="list.php?l=black">
|
|
<i class="fa fa-pencil-square-o"></i> <span>Blacklist</span>
|
|
</a>
|
|
</li>
|
|
-->
|
|
<!-- Donate -->
|
|
<li>
|
|
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=3J2L3Z4DHW9UY">
|
|
<i class="fa fa-paypal"></i> <span>Donate</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<!-- /.sidebar -->
|
|
</aside>
|
|
<!-- Content Wrapper. Contains page content -->
|
|
<div class="content-wrapper">
|
|
<!-- Main content -->
|
|
<section class="content">
|