See the Truth

Developer
Bryan Jones
Size
3,488 Kb
Views
52,624
  1. See the Truth Previews
  2. See the Truth HTML Codes
  3. See the Truth CSS Codes
  4. See the Truth JS Codes

How do I make an see the truth?

Things aren't always what they seem to be... in the wake of the latest Wikileaks release on Year Zero / Vault7 this pen seems rather appropriate. . What is a see the truth? How do you make a see the truth? This script and codes were developed by Bryan Jones on 13 July 2022, Wednesday.

See the Truth Previews
IQ Test

See the Truth - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>See the Truth</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="wrapper"> <div class="glass-wrapper"> <div class="small outer"> <div class="glass"></div> </div> </div> <div id="full-wrapper"></div>
</div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

See the Truth - Script Codes CSS Codes

html,
body { background-color: #212119; margin: 0; height: 100%; overflow: hidden; width: 100%;
}
#full-wrapper { background: url("http://bryanjones.us/sites/default/files/before.jpg") no-repeat #212119; background-size: 100vw; display: block; height: 100%; position: absolute; width: 100%;
}
.wrapper { display: block; height: 100%; position: relative; width: 100%;
}
.outer { background: url("http://bryanjones.us/sites/default/files/after.jpg") no-repeat #212119; background-size: 100vw; border: 5px solid #222; min-height: 200px; margin-left: 30px; margin-top: 30px; position: absolute; min-width: 300px; z-index: 100; width: 30vw; height: 22vw; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.5);
}
.glass-wrapper { height: 100%; position: absolute; width: 100%; display: block;
}
.glass { background-color: transparent; cursor: none; height: inherit; min-height: 200px; min-width: 300px; position: relative; width: inherit; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: inset -20px 0 40px 0px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset -20px 0 40px 0px rgba(255, 255, 255, 0.25); box-shadow: inset -20px 0 40px 0px rgba(255, 255, 255, 0.25);
}

See the Truth - Script Codes JS Codes

/** * Created by Bryan Jones. * * Follow me for neat coding tricks. * https://twitter.com/BryanJonesUS * https://www.minds.com/BryanJones */
$(document).ready(function(){ var xOffset = $('.small').width(); var yOffset = $('.small').height(); // Bind touch detection. $(".wrapper").bind('touchmove', function(e) { var touchobj = e.changedTouches[0]; if (touchobj.clientX < $('.wrapper').width() && touchobj.clientY < $('.wrapper').height()) { // Move the glass. $('.small').css('left', touchobj.clientX - 130); $('.small').css('top', touchobj.clientY - 130);	// Move the background depending on zoom. $('.outer').css('background-position', ((touchobj.clientX - 95) * -1) + 'px ' + ((touchobj.clientY - 95) * -1) + 'px'); } e.preventDefault(); }); // Bind mouse detection. $(".wrapper").mousemove(function(e) {	if (e.pageX < $('.wrapper').width() && e.pageY < $('.wrapper').height()) { // Move the glass. $('.small').css('left', e.pageX - 130); $('.small').css('top', e.pageY - 130);	// Move the background depending on zoom. $('.outer').css('background-position', ((e.pageX - 95) * -1) + 'px ' + ((e.pageY - 95) * -1) + 'px'); } });
});
function touchHandler(event)
{ var touches = event.changedTouches, first = touches[0], type = ""; switch(event.type) { case "touchstart": type = "mousedown"; break; case "touchmove": type = "mousemove"; break; case "touchend": type = "mouseup"; break; default: return; } // initMouseEvent(type, canBubble, cancelable, view, clickCount, // screenX, screenY, clientX, clientY, ctrlKey, // altKey, shiftKey, metaKey, button, relatedTarget); var simulatedEvent = document.createEvent("MouseEvent"); simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY, false, false, false, false, 0/*left*/, null); first.target.dispatchEvent(simulatedEvent); event.preventDefault();
}
See the Truth - Script Codes
See the Truth - Script Codes
Home Page Home
Developer Bryan Jones
Username bartuc
Uploaded July 13, 2022
Rating 4
Size 3,488 Kb
Views 52,624
Do you need developer help for See the Truth?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Bryan Jones (bartuc) Script Codes
Name
Reflections
Loader
Screens
Vermhole
Shine Effect
Planet Awesome
Solar System Maker
Subscribe
Particles
Lens Flare
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!