<?php
ini_set("display_errors","0");
set_magic_quotes_runtime(0);
header("Expires: Thu, 01 Jan 1970 00:00:01 GMT");
header("Pragma: no-cache");
header("Cache-Control: no-cache");
include("include/dbcommon.php");
if(!@$_SESSION["UserID"])
{
header("Location: login.php");
return;
}
?>
<!DOCTYPE html>
<html lang='en' class=''>
<head>
<meta charset="utf-8">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css'>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.zoom {
zoom: 2;
}
.zoom-moz {
-moz-transform: scale(5);
-moz-transform-origin: 0 0;
}
body {
margin: 0;
}
video {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
transform: translateX(-50%) translateY(-50%);
background: url('http://10.1.110.161/b.jpg') no-repeat;
background-size: cover;
transition: 1s opacity;
}
.stopfade {
opacity: .5;
}
</style>
<style>
function drweb_print_styles(){
wp_enqueue_style(
'drweb-print-style',
get_stylesheet_directory_uri() . 'print.css',
array(),
'20130821',
'print' // print styles only
);
}
add_action( 'wp_enqueue_scripts', 'drweb_print_styles' );
</style>
<style class="cp-pen-styles">
.card {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
display: grid;
font-family: Times New Roman;
height: 346px;
margin: 0.0px auto;
width: 221px;
}
.front {
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(4, 1fr);
}
.front .blue {
background-color: #4cc9c8;
grid-column: 8 / span 5;
grid-row: 1 / span 4;
}
.front .yellow {
background-color: #f1ef1c;
grid-column: 1 / span 7;
grid-row: 1 / span 4;
}
.front .pink {
background-color: transparent;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
grid-row: 1 / span 3;
grid-column: 1 / span 11;
position: relative;
z-index: 2;
}
front .dots {
background: radial-gradient(#fa001a00 20%, transparent 19%), radial-gradient(#fa001a00 20%, transparent 19%), transparent;
background-size: 6px 6px;
background-position: 0 0, 3px 3px;
grid-column: 1 / span 12;
grid-row: 3 / span 2;
margin: 0 0 15px 20px;
z-index: 1;
}
.front .back-background {
color: white;
display: flex;
flex-direction: column;
grid-column: 1 / span 12;
grid-row: 1 / span 6;
justify-content: center;
text-align: center;
z-index: 3;
background-repeat: no-repeat;
height: 100%;
background: url(../.jpg);
background-size: cover;
}
.front .personal-intro p {
letter-spacing: 1px;
text-transform: uppercase;
}
.front .personal-intro p:first-of-type {
font-size: 18px;
}
.front .personal-intro p:last-of-type {
font-size: 8px;
margin-top: 5px;
}
.back {
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(12, 1fr);
}
.back .front {
background-color: #fff4f400;
grid-column: 1 / span 12;
grid-row: 1 / span 13;
background-repeat: no-repeat;
height: 100%;
background: url(../.jpg);
background-size: cover;
}
.back .top.dots {
background-position: 0 0, 3px 0px;
grid-column: 10 / span 3;
grid-row: 4 / span 6;
background-color: #fff4f400;
margin: 2px;
margin-right: 7px;
margin-bottom: 1px;
margin-top: 7px;
margin-left: -4px;
}
.back .personal-info {
grid-column: 4 / span 7;
grid-row: 3 / span 7;
margin: 6px;
padding-left: 2px;
}
.top{
grid-column: 3 / span 8;
grid-row: 1 / span 2;
margin: 1px;
padding-left: 23px;
text-align: center;
font-family: initial;
}
.Location{
grid-column: 1 / span 19;
grid-row: 8 / span 2;
padding-left: 0px;
text-align: center;
FONT-SIZE: 17PX;
margin-top: 51px;
font-weight: 900;
}
.EmpNo{
grid-column: 1 / span 14;
grid-row: 8 / span 3;
padding-left: 0px;
text-align: center;
FONT-SIZE: 15PX;
margin-top: 100px;
font-weight: 900;
color: #ffffff;
}
.Dept{
grid-column: 1 / span 23;
grid-row: 8 / span 9;
padding-left: 1px;
text-align: center;
FONT-SIZE: 14px;
margin-top: 77px;
font-weight: 900;
}
.Prof{
grid-column: 1 / span 26;
grid-row: 8 / span 2;
padding-left: 1px;
text-align: center;
FONT-SIZE: 13PX;
margin-top: 23px;
font-weight: 900;
color: #882f13;
}
.ArName{
grid-column: 1 / span 20;
grid-row: 7 / span 3;
padding-left: 0px;
text-align: center;
FONT-SIZE: 17PX;
margin-top: 1px;
font-weight: 900;
}
.EnName{
grid-column: 1 / span 20;
grid-row: 7 / span 3;
padding-left: 3px;
text-align: center;
FONT-SIZE: 12PX;
margin-top: 24px;
font-weight: 900;
}
.back .personal-info p {
font-size: 10px;
margin: 1px;
}
.back .personal-info p:first-of-type {
font-size: 18px;
font-weight: normal;
letter-spacing: 0px;
text-transform: uppercase;
font-family: Times New Roman;
}
.back .personal-info p:nth-of-type(2) {
font-size: 11px;
margin-bottom: 2px;
}
.back .bottom.dots {
background-size: 6px 6px;
background-position: 0 0, 3px 3px;
grid-column: 1 / span 8;
grid-row: 11 / span 2;
z-index: 2;
}
.back .pink {
background-color: #fa001a00;
grid-column: 8 / span 5;
grid-row: 10 / span 3;
}
</style>
<style>
@media print {
.dontPrint {
display:none;
}
}
.style1 {
color: #FF0000;
font-size: larger;
font-weight: bolder;
}
</style>
</head>
<script type="text/javascript">
function zoom() {
document.body.style.zoom = "100%"
}
</script>
<body onLoad="zoom()">
<body>
<DIV class="dontPrint">
<input type="button" value="Print" onClick="window.print()" style="
position: fixed;
border-radius: 4px;
background-color: #f4511e;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 28px;
padding: 5px;
width: 100px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
}
.button span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.button span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
.button:hover span {
padding-right: 25px;
}
.button:hover span:after {
opacity: 1;
right: 0;
}
">
</DIV>
<?php
$id = $_REQUEST['id'];
$sql = "SELECT * FROM card WHERE id='".$id."'";
$results = CustomQuery($sql);
$data = db_fetch_array($results);
$CardNo = $data['CardNo'];
$SectionName = $data['SectionName'];
//$newViews = $data['views']+1;
// CustomQuery("update url_redirects set views = ".$newViews." where short='".$short."'");
// echo file_get_contents($url);
// CustomQuery("update url_redirects set views = ".$newViews." where short='".$short."'");
/// if(!empty($data)) {
// header("Location: ".$data['url']."");
// } else {
// $html = "Error: cannot find short URL";
// }
?>
<div class="card back">
<div class="front"><img src="././images/visitor.jpg" width="100%" height="100%"></div>
<div class="top dots">
</div>
<div class="ArName">
<p style="
padding: 6px;
font-size: 17px;
font-weight: 900;
color: black;
font-family: sans-serif;
"><?php echo $SectionName;?></p>
</div>
<div class="EnName">
<p></p>
</div>
<div class="Prof">
<p style="
padding: 13px;
font-size: 25px;
font-weight: 900;
color: black;
font-family: sans-serif;
"><?php echo $CardNo;?></p>
</div>
<div class="Location">
<p></p>
</div>
<div class="Dept">
<p></p>
</div>
<div class="EmpNo">
<p></p>
</div>
<div class="bottom dots"></div>
<div class="pink"></div>
</div>
<div class="card front">
<div class="blue"></div>
<div class="yellow"></div>
<div class="pink"></div>
<div class="dots"></div>
<div class="back-background">
<img src="././images/b.jpg" width="100%" height="100%">
</div>
</div>
<DIV class="dontPrint">
<h2 align="center"> <div class="zoom">Develoved By Asro</div></h1></h2>
</DIV>
<SCRIPT language=javascript>
msg = "...Welcome to Sharjah Cooperative Society Archive System.";
msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</SCRIPT>
<script>
var vid = document.getElementById("bgvid");
var pauseButton = document.querySelector("#polina button");
if (window.matchMedia('(prefers-reduced-motion)').matches) {
vid.removeAttribute("autoplay");
vid.pause();
pauseButton.innerHTML = "Paused";
}
function vidFade() {
vid.classList.add("stopfade");
}
vid.addEventListener('ended', function()
{
// only functional if "loop" is removed
vid.pause();
// to capture IE10
vidFade();
});
pauseButton.addEventListener("click", function() {
vid.classList.toggle("stopfade");
if (vid.paused) {
vid.play();
pauseButton.innerHTML = "Pause";
} else {
vid.pause();
pauseButton.innerHTML = "Paused";
}
})
</script>
<video poster="b.jpg" id="bgvid" playsinline autoplay muted loop>
<!-- WCAG general accessibility recommendation is that media such as background video play through only once. Loop turned on for the purposes of illustration; if removed, the end of the video will fade in the same way created by pressing the "Pause" button -->
<source src=".mp4" type="video/mp4">
</video>
</body></html>
Comments
Post a Comment