A Pen by unduh ilmu

Developer
Unduh Ilmu
Size
9,739 Kb
Views
20,240
  1. A Pen by unduh ilmu Previews
  2. A Pen by unduh ilmu HTML Codes
  3. A Pen by unduh ilmu CSS Codes
  4. A Pen by unduh ilmu JS Codes

How do I make an a pen by unduh ilmu?

What is a a pen by unduh ilmu? How do you make a a pen by unduh ilmu? This script and codes were developed by Unduh Ilmu on 16 October 2022, Sunday.

A Pen by unduh ilmu Previews
IQ Test

A Pen by unduh ilmu - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by unduh ilmu</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html lang="en" class="no-js">	<head>	<meta charset="UTF-8" />	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">	<meta name="viewport" content="width=device-width, initial-scale=1.0">	<title>DEMO | Membuat Menu Responsive</title>	<meta name="description" content="Responsive Retina-Friendly Menu with different, size-dependent layouts" />	<meta name="keywords" content="responsive menu, retina-ready, icon font, media queries, css3, transition, mobile" />	<meta name="author" content="jasawebster" />	<link rel="shortcut icon" href="../favicon.ico">	<link rel="stylesheet" type="text/css" href="css/default.css" />	<link rel="stylesheet" type="text/css" href="css/component.css" />	<script src="js/modernizr.custom.js"></script>	</head>	<body>	<div class="container">	<!-- Codrops top bar -->	<div class="codrops-top clearfix">	<a class="codrops-icon codrops-icon-prev" href="http://scriptstorage.net/demo/FlyoutSlider/index.html"><span>Previous Demo</span></a>	<span class="right"><a class="codrops-icon codrops-icon-drop" href="http://scriptstorage.net/forum.php?mod=viewthread&tid=1608&fromuid=2"><span>Back to the Codrops Article</span></a></span>	</div>	<header>	<h1>Membuat Menu Responsive <span>Ramah disegala layout</span></h1>	</header>	<div class="main clearfix">	<nav id="menu" class="nav">	<ul>	<li>	<a href="#">	<span class="icon">	<i aria-hidden="true" class="icon-home"></i>	</span>	<span>Home</span>	</a>	</li>	<li>	<a href="http://scriptstorage.net">	<span class="icon">	<i aria-hidden="true" class="icon-services"></i>	</span>	<span>Layanan</span>	</a>	</li>	<li>	<a href="#">	<span class="icon">	<i aria-hidden="true" class="icon-portfolio"></i>	</span>	<span>Portofolio</span>	</a>	</li>	<li>	<a href="#">	<span class="icon">	<i aria-hidden="true" class="icon-blog"></i>	</span>	<span>Blog</span>	</a>	</li>	<li>	<a href="#">	<span class="icon">	<i aria-hidden="true" class="icon-team"></i>	</span>	<span>Produk</span>	</a>	</li>	<li>	<a href="#">	<span class="icon">	<i aria-hidden="true" class="icon-contact"></i>	</span>	<span>Kontak</span>	</a>	</li>	</ul>	</nav>	</div>	</div><!-- /container -->	<script>	// The function to change the class	var changeClass = function (r,className1,className2) {	var regex = new RegExp("(?:^|\\s+)" + className1 + "(?:\\s+|$)");	if( regex.test(r.className) ) {	r.className = r.className.replace(regex,' '+className2+' '); } else{	r.className = r.className.replace(new RegExp("(?:^|\\s+)" + className2 + "(?:\\s+|$)"),' '+className1+' '); } return r.className;	};	// Creating our button in JS for smaller screens	var menuElements = document.getElementById('menu');	menuElements.insertAdjacentHTML('afterBegin','<button type="button" id="menutoggle" class="navtoogle" aria-hidden="true"><i aria-hidden="true" class="icon-menu"> </i> Menu</button>');	// Toggle the class on click to show / hide the menu	document.getElementById('menutoggle').onclick = function() {	changeClass(this, 'navtoogle active', 'navtoogle');	}	</script>	</body>
</html> <script src="js/index.js"></script>
</body>
</html>

A Pen by unduh ilmu - Script Codes CSS Codes

@font-face {	font-family: 'icomoon';	src: url('../fonts/icomoon.eot');	src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),	url('../fonts/icomoon.woff') format('woff'),	url('../fonts/icomoon.ttf') format('truetype'),	url('../fonts/icomoon.svg#icomoon') format('svg');	font-weight: normal;	font-style: normal;
}
/* Windows Chrome ugly fix http://stackoverflow.com/questions/13674808/chrome-svg-font-rendering-breaks-layout/14345363#14345363 */
@media screen and (-webkit-min-device-pixel-ratio:0) {	@font-face {	font-family: 'icomoon';	src: url('../fonts/icomoon.svg#icomoon') format('svg');	};
}
.icon-team, .icon-blog, .icon-home, .icon-portfolio, .icon-services, .icon-contact, .icon-menu {	font-family: 'icomoon';	speak: none;	font-style: normal;	font-weight: normal;	font-variant: normal;	text-transform: none;	line-height: 1;	-webkit-font-smoothing: antialiased;
}
.icon-team:before {	content: "\e000";
}
.icon-blog:before {	content: "\e001";
}
.icon-home:before {	content: "\e002";
}
.icon-portfolio:before {	content: "\e003";
}
.icon-services:before {	content: "\e004";
}
.icon-contact:before {	content: "\e005";
}
.icon-menu:before {	content: "\f0c9";
}
a, li {	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Global CSS that are applied for all screen sizes */
.nav ul {	max-width: 1240px;	margin: 0;	padding: 0;	list-style: none;	font-size: 1.5em;	font-weight: 300;
}
.nav li span {	display: block;
}
.nav a {	display: block;	color: rgba(249, 249, 249, .9);	text-decoration: none;	-webkit-transition: color .5s, background .5s, height .5s;	-moz-transition: color .5s, background .5s, height .5s;	-o-transition: color .5s, background .5s, height .5s;	-ms-transition: color .5s, background .5s, height .5s;	transition: color .5s, background .5s, height .5s;
}
.nav i{	/* Make the font smoother for Chrome */	-webkit-transform: translate3d(0, 0, 0);	-moz-transform: translate3d(0, 0, 0);	-o-transform: translate3d(0, 0, 0);	-ms-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0);
}
/* Remove the blue Webkit background when element is tapped */
a, button {	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* Hover effect for the whole navigation to make the hovered item stand out */
.no-touch .nav ul:hover a {	color: rgba(249, 249, 249, .5);
}
.no-touch .nav ul:hover a:hover {	color: rgba(249, 249, 249, 0.99);
}
/* Adding some background color to the different menu items */
.nav li:nth-child(6n+1) {	background: rgb(208, 101, 3);
}
.nav li:nth-child(6n+2) {	background: rgb(233, 147, 26);
}
.nav li:nth-child(6n+3) {	background: rgb(22, 145, 190);
}
.nav li:nth-child(6n+4) {	background: rgb(22, 107, 162);
}
.nav li:nth-child(6n+5) {	background: rgb(27, 54, 71);
}
.nav li:nth-child(6n+6) {	background: rgb(21, 40, 54);
}
/* For screen bigger than 800px */
@media (min-width: 50em) {	/* Transforms the list into a horizontal navigation */	.nav li {	float: left;	width: 16.66666666666667%;	text-align: center;	-webkit-transition: border .5s;	-moz-transition: border .5s;	-o-transition: border .5s;	-ms-transition: border .5s;	transition: border .5s;	}	.nav a {	display: block;	width: auto;	}	/* hover, focused and active effects that add a little colored border to the different items */	.no-touch .nav li:nth-child(6n+1) a:hover,	.no-touch .nav li:nth-child(6n+1) a:active,	.no-touch .nav li:nth-child(6n+1) a:focus {	border-bottom: 4px solid rgb(174, 78, 1);	}	.no-touch .nav li:nth-child(6n+2) a:hover,	.no-touch .nav li:nth-child(6n+2) a:active,	.no-touch .nav li:nth-child(6n+2) a:focus {	border-bottom: 4px solid rgb(191, 117, 20);	}	.no-touch .nav li:nth-child(6n+3) a:hover,	.no-touch .nav li:nth-child(6n+3) a:active,	.no-touch .nav li:nth-child(6n+3) a:focus {	border-bottom: 4px solid rgb(12, 110, 149);	}	.no-touch .nav li:nth-child(6n+4) a:hover,	.no-touch .nav li:nth-child(6n+4) a:active,	.no-touch .nav li:nth-child(6n+4) a:focus {	border-bottom: 4px solid rgb(10, 75, 117);	}	.no-touch .nav li:nth-child(6n+5) a:hover,	.no-touch .nav li:nth-child(6n+5) a:active,	.no-touch .nav li:nth-child(6n+5) a:focus {	border-bottom: 4px solid rgb(16, 34, 44);	}	.no-touch .nav li:nth-child(6n+6) a:hover,	.no-touch .nav li:nth-child(6n+6) a:active,	.no-touch .nav li:nth-child(6n+6) a:focus {	border-bottom: 4px solid rgb(9, 18, 25);	}	/* Placing the icon */	.icon {	padding-top: 1.4em;	}	.icon + span {	margin-top: 2.1em;	-webkit-transition: margin .5s;	-moz-transition: margin .5s;	-o-transition: margin .5s;	-ms-transition: margin .5s;	transition: margin .5s;	}	/* Animating the height of the element*/	.nav a {	height: 9em;	}	.no-touch .nav a:hover ,	.nav a:active ,	.nav a:focus {	height: 10em;	}	/* Making the text follow the height animation */	.no-touch .nav a:hover .icon + span {	margin-top: 3.2em;	-webkit-transition: margin .5s;	-moz-transition: margin .5s;	-o-transition: margin .5s;	-ms-transition: margin .5s;	transition: margin .5s;	}	/* Positioning the icons and preparing for the animation*/	.nav i {	position: relative;	display: inline-block;	margin: 0 auto;	padding: 0.4em;	border-radius: 50%;	font-size: 1.8em;	box-shadow: 0 0 0 30px transparent;	background: rgba(255,255,255,0.1);	-webkit-transform: translate3d(0, 0, 0);	-moz-transform: translate3d(0, 0, 0);	-o-transform: translate3d(0, 0, 0);	-ms-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0);	-webkit-transition: box-shadow .6s ease-in-out;	-moz-transition: box-shadow .6s ease-in-out;	-o-transition: box-shadow .6s ease-in-out;	-ms-transition: box-shadow .6s ease-in-out;	transition: box-shadow .6s ease-in-out;	}	/* Animate the box-shadow to create the effect */	.no-touch .nav a:hover i,	.no-touch .nav a:active i,	.no-touch .nav a:focus i {	box-shadow: 0 0 0 0 rgba(255,255,255,0.2);	-webkit-transition: box-shadow .4s ease-in-out;	-moz-transition: box-shadow .4s ease-in-out;	-o-transition: box-shadow .4s ease-in-out;	-ms-transition: box-shadow .4s ease-in-out;	transition: box-shadow .4s ease-in-out;	}
}
@media (min-width: 50em) and (max-width: 61.250em) {	/* Size and font adjustments to make it fit into the screen*/	.nav ul {	font-size: 1.2em;	}
}
/* The "tablet" and "mobile" version */
@media (max-width: 49.938em) {	/* Instead of adding a border, we transition the background color */	.no-touch .nav ul li:nth-child(6n+1) a:hover,	.no-touch .nav ul li:nth-child(6n+1) a:active,	.no-touch .nav ul li:nth-child(6n+1) a:focus {	background: rgb(227, 119, 20);	}	.no-touch .nav li:nth-child(6n+2) a:hover,	.no-touch .nav li:nth-child(6n+2) a:active,	.no-touch .nav li:nth-child(6n+2) a:focus {	background: rgb(245, 160, 41);	}	.no-touch .nav li:nth-child(6n+3) a:hover,	.no-touch .nav li:nth-child(6n+3) a:active,	.no-touch .nav li:nth-child(6n+3) a:focus {	background: rgb(44, 168, 219);	}	.no-touch .nav li:nth-child(6n+4) a:hover,	.no-touch .nav li:nth-child(6n+4) a:active,	.no-touch .nav li:nth-child(6n+4) a:focus {	background: rgb(31, 120, 176);	}	.no-touch .nav li:nth-child(6n+5) a:hover,	.no-touch .nav li:nth-child(6n+5) a:active,	.no-touch .nav li:nth-child(6n+5) a:focus {	background: rgb(39, 70, 90);	}	.no-touch .nav li:nth-child(6n+6) a:hover,	.no-touch .nav li:nth-child(6n+6) a:active,	.no-touch .nav li:nth-child(6n+6) a:focus {	background: rgb(32, 54, 68);	}	.nav ul li {	-webkit-transition: background 0.5s;	-moz-transition: background 0.5s;	-o-transition: background 0.5s;	-ms-transition: background 0.5s;	transition: background 0.5s;	}
}
/* CSS specific to the 2x3 columns version */
@media (min-width:32.5em) and (max-width: 49.938em) {	/* Creating the 2 column layout using floating elements once again */	.nav li {	display: block;	float: left;	width: 50%;	}	/* Adding some padding to make the elements look nicer*/	.nav a {	padding: 0.8em;	}	/* Displaying the icons on the left, and the text on the right side using inlin-block*/	.nav li span,	.nav li span.icon {	display: inline-block;	}	.nav li span.icon {	width: 50%;	}	.nav li .icon + span {	font-size: 1em;	}	.icon + span {	position: relative;	top: -0.2em;	}	/* Adaptating to the icons to animate the size and border of the rounded background in a more discreet way */	.nav li i {	display: inline-block;	padding: 8% 9%;	border: 4px solid transparent;	border-radius: 50%;	font-size: 1.5em;	background: rgba(255,255,255,0.1);	-webkit-transition: border .5s;	-moz-transition: border .5s;	-o-transition: border .5s;	-ms-transition: border .5s;	transition: border .5s;	}	/* Transition effect on the border color */	.no-touch .nav li:hover i,	.no-touch .nav li:active i,	.no-touch .nav li:focus i {	border: 4px solid rgba(255,255,255,0.1);	}
}
/* Adapting the font size and width for smaller screns*/
@media (min-width: 32.5em) and (max-width: 38.688em) {	.nav li span.icon {	width: 50%;	}	.nav li .icon + span {	font-size: 0.9em;	}
}
/* Styling the toggle menu link and hiding it */
.nav .navtoogle{	display: none;	width: 100%;	padding: 0.5em 0.5em 0.8em;	font-family: 'Lato',Calibri,Arial,sans-serif;	font-weight: normal;	text-align: left;	color: rgb(7, 16, 15);	font-size: 1.2em;	background: none;	border: none;	border-bottom: 4px solid rgb(221, 221, 221);	cursor: pointer;
}
.icon-menu {	position: relative;	top: 3px;	line-height: 0;	font-size: 1.6em;
}
@media (max-width: 32.438em) {	/* Unhiding the styled menu link */	.nav .navtoogle{	margin: 0;	display: block;	}	/* Animating the height of the navigation when the button is clicked */	/* When JavaScript is disabled, we hide the menu */	.no-js .nav ul {	max-height: 30em;	overflow: hidden;	}	/* When JavaScript is enabled, we hide the menu */	.js .nav ul {	max-height: 0em;	overflow: hidden;	}	/* Displaying the menu when the user has clicked on the button*/	.js .nav .active + ul {	max-height: 30em;	overflow: hidden;	-webkit-transition: max-height .4s;	-moz-transition: max-height .4s;	-o-transition: max-height .4s;	-ms-transition: max-height .4s;	transition: max-height .4s;	}	/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/	.nav li span {	display: inline-block;	height: 100%;	}	.nav a {	padding: 0.5em;	}	.icon + span {	margin-left: 1em;	font-size: 0.8em;	}	/* Adding a left border of 8 px with a different color for each menu item*/	.nav li:nth-child(6n+1) {	border-left: 8px solid rgb(174, 78, 1);	}	.nav li:nth-child(6n+2) {	border-left: 8px solid rgb(191, 117, 20);	}	.nav li:nth-child(6n+3) {	border-left: 8px solid rgb(13, 111, 150);	}	.nav li:nth-child(6n+4) {	border-left: 8px solid rgb(10, 75, 117);	}	.nav li:nth-child(6n+5) {	border-left: 8px solid rgb(16, 34, 44);	}	.nav li:nth-child(6n+6) {	border-left: 8px solid rgb(9, 18, 25);	}	/* make the nav bigger on touch screens */	.touch .nav a {	padding: 0.8em;	}
}
/* General Demo Style */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {	font-family: 'codropsicons';	src:url('../fonts/codropsicons/codropsicons.eot');	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),	url('../fonts/codropsicons/codropsicons.woff') format('woff'),	url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),	url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');	font-weight: normal;	font-style: normal;
}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 15px; padding: 0; margin: 0;}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
body {	font-family: 'Lato', Calibri, Arial, sans-serif;	color: #89867e;	background: #f9f9f9;
}
a {	color: #333;	text-decoration: none;
}
a:hover {	color: #fff;
}
.main,
.container > header {	width: 100%;	margin: 0 auto;	padding: 2em;
}
.main {	max-width: 82.667em;	min-height: 40em;
}
.container > header {	text-align: center;	font-size: 16px;	padding: 4em 2em 3em;	background: rgba(0,0,0,0.01);
}
.container > header h1 {	font-size: 2.625em;	line-height: 1.3;	margin: 0;	font-weight: 300;
}
.container > header span {	display: block;	font-size: 60%;	color: #ceccc6;	padding: 0 0 0.6em 0.1em;
}
/* Header Style */
.codrops-top {	background: #fff;	background: rgba(255, 255, 255, 0.4);	text-transform: uppercase;	position: relative;	width: 100%;	font-size: 0.7em;	line-height: 2.2;
}
.codrops-top a {	padding: 0 1em;	letter-spacing: 0.1em;	color: #888;	display: inline-block;
}
.codrops-top a:hover {	background: rgba(255,255,255,0.9);
}
.codrops-top span.right {	float: right;
}
.codrops-top span.right a {	float: left;	display: block;
}
.codrops-icon:before {	font-family: 'codropsicons';	margin: 0 4px;	speak: none;	font-style: normal;	font-weight: normal;	font-variant: normal;	text-transform: none;	line-height: 1;	-webkit-font-smoothing: antialiased;
}
.codrops-icon-drop:before {	content: "\e001";
}
.codrops-icon-prev:before {	content: "\e004";
}
.codrops-icon-archive:before {	content: "\e002";
}
.codrops-icon-next:before {	content: "\e000";
}
.codrops-icon-about:before {	content: "\e003";
}
@media screen and (max-width: 25em) {	.codrops-icon span {	display: none;	}	.container > header {	font-size: 75%;	}
}

A Pen by unduh ilmu - Script Codes JS Codes

/* Modernizr 2.6.2 (Custom Build) | MIT & BSD * Build: https://modernizr.com/download/#-touch-shiv-cssclasses-teststyles-prefixes-load */
;window.Modernizr=function(a,b,c){function w(a){j.cssText=a}function x(a,b){return w(m.join(a+";")+(b||""))}function y(a,b){return typeof a===b}function z(a,b){return!!~(""+a).indexOf(b)}function A(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:y(f,"function")?f.bind(d||b):f}return!1}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n={},o={},p={},q=[],r=q.slice,s,t=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["&#173;",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},u={}.hasOwnProperty,v;!y(u,"undefined")&&!y(u.call,"undefined")?v=function(a,b){return u.call(a,b)}:v=function(a,b){return b in a&&y(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=r.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(r.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(r.call(arguments)))};return e}),n.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:t(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c};for(var B in n)v(n,B)&&(s=B.toLowerCase(),e[s]=n[B](),q.push((e[s]?"":"no-")+s));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)v(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},w(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,f,g="_html5shiv",h=0,i={},j;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e.testStyles=t,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+q.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};
A Pen by unduh ilmu - Script Codes
A Pen by unduh ilmu - Script Codes
Home Page Home
Developer Unduh Ilmu
Username unduhilmu
Uploaded October 16, 2022
Rating 3
Size 9,739 Kb
Views 20,240
Do you need developer help for A Pen by unduh ilmu?

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!

Unduh Ilmu (unduhilmu) Script Codes
Name
Create amazing blog posts 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!