Spaces:
Running
Running
| <html lang="en" class=""><head> | |
| <meta charset="UTF-8"> | |
| <title>CodePen Demo</title> | |
| <meta name="robots" content="noindex"> | |
| <link rel="shortcut icon" type="image/x-icon" href="https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico"> | |
| <link rel="mask-icon" href="https://cpwebassets.codepen.io/assets/favicon/logo-pin-b4b4269c16397ad2f0f7a01bcdf513a1994f4c94b8af2f191c09eb0d601762b1.svg" color="#111"> | |
| <link rel="canonical" href="https://codepen.io/uiswarup/pen/RwNraeW"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome-animation/0.2.1/font-awesome-animation.min.css"> | |
| <style id="INLINE_PEN_STYLESHEET_ID"> | |
| body | |
| { | |
| background: #000e29; | |
| } | |
| .alert>.start-icon { | |
| margin-right: 0; | |
| min-width: 20px; | |
| text-align: center; | |
| } | |
| .alert>.start-icon { | |
| margin-right: 5px; | |
| } | |
| .greencross | |
| { | |
| font-size:18px; | |
| color: #25ff0b; | |
| text-shadow: none; | |
| } | |
| .alert-simple.alert-success | |
| { | |
| border: 1px solid rgba(36, 241, 6, 0.46); | |
| background-color: rgba(7, 149, 66, 0.12156862745098039); | |
| box-shadow: 0px 0px 2px #259c08; | |
| color: #0ad406; | |
| text-shadow: 2px 1px #00040a; | |
| transition:0.5s; | |
| cursor:pointer; | |
| } | |
| .alert-success:hover{ | |
| background-color: rgba(7, 149, 66, 0.35); | |
| transition:0.5s; | |
| } | |
| .alert-simple.alert-info | |
| { | |
| border: 1px solid rgba(6, 44, 241, 0.46); | |
| background-color: rgba(7, 73, 149, 0.12156862745098039); | |
| box-shadow: 0px 0px 2px #0396ff; | |
| color: #0396ff; | |
| text-shadow: 2px 1px #00040a; | |
| transition:0.5s; | |
| cursor:pointer; | |
| } | |
| .alert-info:hover | |
| { | |
| background-color: rgba(7, 73, 149, 0.35); | |
| transition:0.5s; | |
| } | |
| .blue-cross | |
| { | |
| font-size: 18px; | |
| color: #0bd2ff; | |
| text-shadow: none; | |
| } | |
| .alert-simple.alert-warning | |
| { | |
| border: 1px solid rgba(241, 142, 6, 0.81); | |
| background-color: rgba(220, 128, 1, 0.16); | |
| box-shadow: 0px 0px 2px #ffb103; | |
| color: #ffb103; | |
| text-shadow: 2px 1px #00040a; | |
| transition:0.5s; | |
| cursor:pointer; | |
| } | |
| .alert-warning:hover{ | |
| background-color: rgba(220, 128, 1, 0.33); | |
| transition:0.5s; | |
| } | |
| .warning | |
| { | |
| font-size: 18px; | |
| color: #ffb40b; | |
| text-shadow: none; | |
| } | |
| .alert-simple.alert-danger | |
| { | |
| border: 1px solid rgba(241, 6, 6, 0.81); | |
| background-color: rgba(220, 17, 1, 0.16); | |
| box-shadow: 0px 0px 2px #ff0303; | |
| color: #ff0303; | |
| text-shadow: 2px 1px #00040a; | |
| transition:0.5s; | |
| cursor:pointer; | |
| } | |
| .alert-danger:hover | |
| { | |
| background-color: rgba(220, 17, 1, 0.33); | |
| transition:0.5s; | |
| } | |
| .danger | |
| { | |
| font-size: 18px; | |
| color: #ff0303; | |
| text-shadow: none; | |
| } | |
| .alert-simple.alert-primary | |
| { | |
| border: 1px solid rgba(6, 241, 226, 0.81); | |
| background-color: rgba(1, 204, 220, 0.16); | |
| box-shadow: 0px 0px 2px #03fff5; | |
| color: #03d0ff; | |
| text-shadow: 2px 1px #00040a; | |
| transition:0.5s; | |
| cursor:pointer; | |
| } | |
| .alert-primary:hover{ | |
| background-color: rgba(1, 204, 220, 0.33); | |
| transition:0.5s; | |
| } | |
| .alertprimary | |
| { | |
| font-size: 18px; | |
| color: #03d0ff; | |
| text-shadow: none; | |
| } | |
| .square_box { | |
| position: absolute; | |
| -webkit-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| border-top-left-radius: 45px; | |
| opacity: 0.302; | |
| } | |
| .square_box.box_three { | |
| background-image: -moz-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); | |
| background-image: -webkit-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); | |
| background-image: -ms-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); | |
| opacity: 0.059; | |
| left: -80px; | |
| top: -60px; | |
| width: 500px; | |
| height: 500px; | |
| border-radius: 45px; | |
| } | |
| .square_box.box_four { | |
| background-image: -moz-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); | |
| background-image: -webkit-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); | |
| background-image: -ms-linear-gradient(-90deg, #290a59 0%, #3d57f4 100%); | |
| opacity: 0.059; | |
| left: 150px; | |
| top: -25px; | |
| width: 550px; | |
| height: 550px; | |
| border-radius: 45px; | |
| } | |
| .alert:before { | |
| content: ''; | |
| position: absolute; | |
| width: 0; | |
| height: calc(100% - 44px); | |
| border-left: 1px solid; | |
| border-right: 2px solid; | |
| border-bottom-right-radius: 3px; | |
| border-top-right-radius: 3px; | |
| left: 0; | |
| top: 50%; | |
| transform: translate(0,-50%); | |
| height: 20px; | |
| } | |
| .fa-times | |
| { | |
| -webkit-animation: blink-1 2s infinite both; | |
| animation: blink-1 2s infinite both; | |
| } | |
| /** | |
| * ---------------------------------------- | |
| * animation blink-1 | |
| * ---------------------------------------- | |
| */ | |
| @-webkit-keyframes blink-1 { | |
| 0%, | |
| 50%, | |
| 100% { | |
| opacity: 1; | |
| } | |
| 25%, | |
| 75% { | |
| opacity: 0; | |
| } | |
| } | |
| @keyframes blink-1 { | |
| 0%, | |
| 50%, | |
| 100% { | |
| opacity: 1; | |
| } | |
| 25%, | |
| 75% { | |
| opacity: 0; | |
| } | |
| } | |
| </style> | |
| <script src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-2c7831bb44f98c1391d6a4ffda0e1fd302503391ca806e7fcc7b9b87197aec26.js"></script> | |
| <script src="https://cpwebassets.codepen.io/assets/editor/iframe/iframeConsoleRunner-6d8bf8b4b479137260842506acbb12717dace0823c023e08b96360e60b0840d9.js"></script> | |
| <script src="https://cpwebassets.codepen.io/assets/editor/iframe/iframeRefreshCSS-44fe83e49b63affec96918c9af88c0d80b209a862cf87ac46bc933074b8c557d.js"></script> | |
| <script src="https://cpwebassets.codepen.io/assets/editor/iframe/iframeRuntimeErrors-4f205f2c14e769b448bcf477de2938c681660d5038bc464e3700256713ebe261.js"></script> | |
| </head> | |
| <body> | |
| <div class="col-sm-12"> | |
| <div class="alert fade alert-simple alert-info alert-dismissible text-left font__family-montserrat font__size-16 font__weight-light brk-library-rendered rendered show" role="alert" data-brk-library="component__alert"> | |
| <i class="start-icon fa fa-info-circle faa-wrench animated"></i> | |
| <strong class="font__weight-semibold">Heads up!</strong> This domain is a "ad-domain",which means this domains ONLY purpose is to generate ad revenue. | |
| </div> | |
| <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-1113541014872557" data-ad-slot="1320463100" data-adsbygoogle-status="done" data-ad-status="filled"><div id="aswift_0_host" tabindex="0" title="Advertisement" aria-label="Advertisement" style="border: none; height: 90px; width: 728px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;"><iframe id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;border:0;width:728px;height:90px;" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" width="728" height="90" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" src="https://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-1113541014872557&output=html&h=90&slotname=1320463100&adk=564459780&adf=2172715854&pi=t.ma~as.1320463100&w=728&lmt=1709331920&format=728x90&url=https%3A%2F%2Fspeedtesting.herokuapp.com%2Fbarcodeprint%2F&wgl=1&uach=WyJXaW5kb3dzIiwiMTUuMC4wIiwieDg2IiwiIiwiMTIyLjAuMjM2NS41OSIsbnVsbCwwLG51bGwsIjY0IixbWyJDaHJvbWl1bSIsIjEyMi4wLjYyNjEuNzAiXSxbIk5vdChBOkJyYW5kIiwiMjQuMC4wLjAiXSxbIk1pY3Jvc29mdCBFZGdlIiwiMTIyLjAuMjM2NS41OSJdXSwwXQ..&dt=1709331920569&bpp=3&bdt=412&idt=405&shv=r20240228&mjsv=m202402280101&ptt=9&saldr=aa&abxe=1&correlator=5094778806670&frm=20&pv=2&ga_vid=1026537979.1709331921&ga_sid=1709331921&ga_hid=101759483&ga_fc=0&u_tz=-480&u_his=2&u_h=720&u_w=1280&u_ah=672&u_aw=1280&u_cd=24&u_sd=1.5&dmc=8&adx=264&ady=31&biw=1257&bih=564&scr_x=0&scr_y=0&eid=44759875%2C44759926%2C44759842%2C44795922%2C95325752%2C95326316%2C31081512%2C95322195%2C95324161%2C95326430%2C95326437&oid=2&pvsid=550990227866505&tmod=926040364&wsm=1&uas=0&nvt=1&fc=896&brdim=0%2C0%2C0%2C0%2C1280%2C0%2C1280%2C672%2C1272%2C564&vis=1&rsz=d%7C%7CeE%7C&abl=CS&pfx=0&fu=0&bc=31&bz=1.01&psd=W251bGwsbnVsbCxudWxsLDNd&ifi=1&uci=a!1&fsb=1&dtd=420" data-google-container-id="a!1" data-google-query-id="CJiUv9Lk04QDFdxUCQkd9e0GWw" data-load-complete="true"></iframe></div></ins> | |
| </div> | |
| </body></html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content= | |
| "width=device-width, initial-scale=1.0"> | |
| <title>Loader Bar</title> | |
| <style> | |
| body { | |
| background-color: #262626; | |
| font-family: Lato, sans-serif; | |
| } | |
| .loader { | |
| width: 150px; | |
| margin: 150px auto 70px; | |
| position: relative; | |
| } | |
| .loader .loading_1 { | |
| position: relative; | |
| width: 100%; | |
| height: 10px; | |
| border: 1px solid yellowgreen; | |
| border-radius: 10px; | |
| animation: turn 4s linear 1.75s infinite; | |
| } | |
| .loader .loading_1:before { | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| width: 0; | |
| height: 100%; | |
| background-color: yellowgreen; | |
| box-shadow: 10px 0px 15px 0px yellowgreen; | |
| animation: load 2s linear infinite; | |
| } | |
| .loader .loading_2 { | |
| position: absolute; | |
| width: 100%; | |
| top: 10px; | |
| color: green; | |
| font-size: 22px; | |
| text-align: center; | |
| animation: bounce 2s linear infinite; | |
| } | |
| @keyframes load { | |
| 0% { | |
| width: 0%; | |
| } | |
| 87.5% { | |
| width: 100%; | |
| } | |
| } | |
| @keyframes turn { | |
| 0% { | |
| transform: rotateY(0deg); | |
| } | |
| 6.25%, | |
| 50% { | |
| transform: rotateY(180deg); | |
| } | |
| 56.25%, | |
| 100% { | |
| transform: rotateY(360deg); | |
| } | |
| } | |
| @keyframes bounce { | |
| 0%, | |
| 100% { | |
| top: 10px; | |
| } | |
| 12.5% { | |
| top: 30px; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <center> | |
| Ads by AdsServColi <a href="https://adssettings.google.com/whythisad"><i class="start-icon fa fa-info-circle faa-pulse animated"></i></a> | |
| <ins class="adsbygoogle adsbygoogle-noablate" data-ad-client="ca-pub-1113541014872557" data-ad-height="90" data-ad-slot="1320463100" data-ad-width="728" data-adsbygoogle-status="done" style="display: inline-block; width: 728px; height: 90px;" data-ad-status="filled"><div id="aswift_1_host" tabindex="0" title="Advertisement" aria-label="Advertisement" style="border: none; height: 90px; width: 728px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;"><iframe id="aswift_1" name="aswift_1" style="left:0;position:absolute;top:0;border:0;width:728px;height:90px;" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" width="728" height="90" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" src="https://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-1113541014872557&output=html&h=90&slotname=1320463100&adk=4028542837&adf=841928469&pi=t.ma~as.1320463100&w=728&lmt=1709323421&url=https%3A%2F%2Fspeedtesting.herokuapp.com%2Fbarcodeprint%2F&wgl=1&uach=WyJXaW5kb3dzIiwiMTUuMC4wIiwieDg2IiwiIiwiMTIyLjAuMjM2NS41OSIsbnVsbCwwLG51bGwsIjY0IixbWyJDaHJvbWl1bSIsIjEyMi4wLjYyNjEuNzAiXSxbIk5vdChBOkJyYW5kIiwiMjQuMC4wLjAiXSxbIk1pY3Jvc29mdCBFZGdlIiwiMTIyLjAuMjM2NS41OSJdXSwwXQ..&dt=1709323421528&bpp=88&bdt=279&idt=320&shv=r20240228&mjsv=m202402260101&ptt=5&saldr=sd&abxe=1&prev_fmts=728x90&correlator=4201145352172&frm=20&pv=1&ga_vid=1691011179.1709323422&ga_sid=1709323422&ga_hid=227056305&ga_fc=0&u_tz=-480&u_his=2&u_h=720&u_w=1280&u_ah=672&u_aw=1280&u_cd=24&u_sd=1.5&dmc=8&adx=264&ady=250&biw=1257&bih=564&scr_x=0&scr_y=0&eid=44759875%2C44759926%2C44759842%2C95325752%2C95320377%2C95324160&oid=2&pvsid=2552136668888746&tmod=676461077&wsm=1&uas=0&nvt=1&fc=896&brdim=0%2C0%2C0%2C0%2C1280%2C0%2C1280%2C672%2C1272%2C564&vis=1&rsz=d%7C%7CeE%7C&abl=CS&pfx=0&fu=0&bc=31&bz=1.01&psd=W251bGwsbnVsbCxudWxsLDNd&ifi=2&uci=a!2&fsb=1&dtd=324" data-google-container-id="a!2" data-google-query-id="CJDX2f3E04QDFVuFpgQdZrIGlA" data-load-complete="true"></iframe></div></ins> | |
| </center> | |
| </body> | |
| <h1></h1> | |
| <p></p> | |
| <em></em> | |
| </html> | |
| <html lang='en' class=''> | |
| <head> | |
| <meta charset='UTF-8'> | |
| <title>CodePen Demo</title> | |
| <meta name="robots" content="noindex"> | |
| <link rel="shortcut icon" type="image/x-icon" href="https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico"> | |
| <link rel="mask-icon" href="https://cpwebassets.codepen.io/assets/favicon/logo-pin-b4b4269c16397ad2f0f7a01bcdf513a1994f4c94b8af2f191c09eb0d601762b1.svg" color="#111"> | |
| <link rel="canonical" href="https://codepen.io/evondev/pen/XWXLggd"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" /> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> | |
| <style id="INLINE_PEN_STYLESHEET_ID"> | |
| body { | |
| background-color: #F0F2F5; | |
| font-family: "Arial"; | |
| } | |
| strong { | |
| font-weight: 600; | |
| } | |
| .notification { | |
| width: 360px; | |
| padding: 15px; | |
| background-color: white; | |
| border-radius: 16px; | |
| position: fixed; | |
| bottom: 15px; | |
| left: 15px; | |
| transform: translateY(200%); | |
| -webkit-animation: noti 2s infinite forwards alternate ease-in; | |
| animation: noti 2s infinite forwards alternate ease-in; | |
| } | |
| .notification-header { | |
| display: flex; | |
| align-items: center; | |
| justify-content: space-between; | |
| margin-bottom: 15px; | |
| } | |
| .notification-title { | |
| font-size: 16px; | |
| font-weight: 500; | |
| text-transform: capitalize; | |
| } | |
| .notification-close { | |
| cursor: pointer; | |
| width: 30px; | |
| height: 30px; | |
| border-radius: 30px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| background-color: #F0F2F5; | |
| font-size: 14px; | |
| } | |
| .notification-container { | |
| display: flex; | |
| align-items: flex-start; | |
| } | |
| .notification-media { | |
| position: relative; | |
| } | |
| .notification-user-avatar { | |
| width: 60px; | |
| height: 60px; | |
| border-radius: 60px; | |
| -o-object-fit: cover; | |
| object-fit: cover; | |
| } | |
| .notification-reaction { | |
| width: 30px; | |
| height: 30px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| border-radius: 30px; | |
| color: white; | |
| background-image: linear-gradient(45deg, #0070E1, #14ABFE); | |
| font-size: 14px; | |
| position: absolute; | |
| bottom: 0; | |
| right: 0; | |
| } | |
| .notification-content { | |
| width: calc(100% - 60px); | |
| padding-left: 20px; | |
| line-height: 1.2; | |
| } | |
| .notification-text { | |
| margin-bottom: 5px; | |
| display: -webkit-box; | |
| -webkit-line-clamp: 3; | |
| -webkit-box-orient: vertical; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| padding-right: 50px; | |
| } | |
| .notification-timer { | |
| color: #1876F2; | |
| font-weight: 600; | |
| font-size: 14px; | |
| } | |
| .notification-status { | |
| position: absolute; | |
| right: 15px; | |
| top: 50%; | |
| /* transform: translateY(-50%); */ | |
| width: 15px; | |
| height: 15px; | |
| background-color: #1876F2; | |
| border-radius: 50%; | |
| } | |
| @-webkit-keyframes noti { | |
| 50% { | |
| transform: translateY(0); | |
| } | |
| 100% { | |
| transform: translateY(0); | |
| } | |
| } | |
| @keyframes noti { | |
| 50% { | |
| transform: translateY(0); | |
| } | |
| 100% { | |
| transform: translateY(0); | |
| } | |
| } | |
| </style> | |
| <script src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-2c7831bb44f98c1391d6a4ffda0e1fd302503391ca806e7fcc7b9b87197aec26.js"></script> | |
| <script src="https://cpwebassets.codepen.io/assets/editor/iframe/iframeConsoleRunner-6d8bf8b4b479137260842506acbb12717dace0823c023e08b96360e60b0840d9.js"></script> | |
| <script src="https://cpwebassets.codepen.io/assets/editor/iframe/iframeRefreshCSS-44fe83e49b63affec96918c9af88c0d80b209a862cf87ac46bc933074b8c557d.js"></script> | |
| <script src="https://cpwebassets.codepen.io/assets/editor/iframe/iframeRuntimeErrors-4f205f2c14e769b448bcf477de2938c681660d5038bc464e3700256713ebe261.js"></script> | |
| </head> | |
| <body> | |
| <div class="notification"> | |
| <div class="notification-header"> | |
| <h3 class="notification-title"> Ads by Carbon<a href="https://www.carbonads.net/?utm_source=fakefacebooknotifaddisplay&utm_medium=ad_via_link&utm_campaign=in_unit&utm_term=carbon"><i class="start-icon fa fa-info-circle faa-pulse animated"></i></a></h3> | |
| <i class="fa fa-times notification-close"></i> | |
| </div> | |
| <div class="notification-container"> | |
| <div class="notification-media"> | |
| </div> | |
| <div class="notification-content"> | |
| <p class="notification-text"> | |
| <script async="" id="_carbonads_js" src="//cdn.carbonads.com/carbon.js?serve=CKYI5K7J&placement=loadingio"></script> | |
| </p> | |
| <span class="notification-timer">a few seconds ago</span> | |
| </div> | |
| <span class="notification-status"></span> | |
| </div> | |
| </div> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.12.11/paper-full.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/simplex-noise/2.4.0/simplex-noise.min.js"></script> | |
| </body> | |
| </html><!-- Google Tag Manager --> | |
| <script> | |
| (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': | |
| new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], | |
| j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= | |
| 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); | |
| })(window,document,'script','dataLayer','GTM-KTCFC3S'); | |
| var subjectFolder = location.pathname; | |
| subjectFolder = subjectFolder.replace("/", ""); | |
| if (subjectFolder.startsWith("python/") == true ) { | |
| if (subjectFolder.includes("/numpy/") == true ) { | |
| subjectFolder = "numpy/" | |
| } else if (subjectFolder.includes("/pandas/") == true ) { | |
| subjectFolder = "pandas/" | |
| } else if (subjectFolder.includes("/scipy/") == true ) { | |
| subjectFolder = "scipy/" | |
| } | |
| } | |
| subjectFolder = subjectFolder.substr(0, subjectFolder.indexOf("/")); | |
| </script> | |
| <!-- End Google Tag Manager --> | |
| <script data-cfasync="false" type="text/javascript"> | |
| var k42 = false; | |
| // GPT slots | |
| var gptAdSlots = []; | |
| window.googletag = window.googletag || { cmd: [] }; | |
| googletag.cmd.push(function() { | |
| googletag.pubads().setTargeting("page_section", subjectFolder); | |
| }); | |
| k42 = true; | |
| </script> | |
| <script data-cfasync="false" type="text/javascript"> | |
| window.snigelPubConf = { | |
| "adengine": { | |
| "activeLots": [ | |
| {placement: "adngin-try_it_leaderboard-0", adUnit: "try_it_leaderboard" }, | |
| ] | |
| } | |
| } | |
| uic_r_a() | |
| </script> | |
| <script async data-cfasync="false" src="https://cdn.snigelweb.com/adengine/w3schools.com/loader.js" type="text/javascript"></script> | |
| <script> | |
| if (window.addEventListener) { | |
| window.addEventListener("resize", browserResize); | |
| } else if (window.attachEvent) { | |
| window.attachEvent("onresize", browserResize); | |
| } | |
| var xbeforeResize = window.innerWidth; | |
| function browserResize() { | |
| var afterResize = window.innerWidth; | |
| if ((xbeforeResize < (970) && afterResize >= (970)) || (xbeforeResize >= (970) && afterResize < (970)) || | |
| (xbeforeResize < (728) && afterResize >= (728)) || (xbeforeResize >= (728) && afterResize < (728)) || | |
| (xbeforeResize < (468) && afterResize >= (468)) ||(xbeforeResize >= (468) && afterResize < (468))) { | |
| xbeforeResize = afterResize; | |
| if (document.getElementById("adngin-try_it_leaderboard-0")) { | |
| adngin.queue.push(function(){ adngin.cmd.startAuction([ | |
| {placement: "adngin-try_it_leaderboard-0", adUnit: "try_it_leaderboard" }, | |
| ]); | |
| }); | |
| } | |
| } | |
| if (window.screen.availWidth <= 768) { | |
| restack(window.innerHeight > window.innerWidth); | |
| } | |
| fixDragBtn(); | |
| showFrameSize(); | |
| } | |
| var fileID = ""; | |
| </script> | |
| <!--[if lt IE 8]> | |
| <style> | |
| #textareacontainer, #iframecontainer {width:48%;} | |
| #container {height:500px;} | |
| #textarea, #iframe {width:90%;height:450px;} | |
| #textareaCode, #textareaCode2, #iframeResult, .codewindow {height:450px;} | |
| .stack {display:none;} | |
| </style> | |
| <![endif]--> | |
| </head> | |
| </script> | |
| <script async data-cfasync="false" src="https://cdn.snigelweb.com/adengine/w3schools.com/loader.js" type="text/javascript"></script> | |
| <script> | |
| if (window.addEventListener) { | |
| window.addEventListener("resize", browserResize); | |
| } else if (window.attachEvent) { | |
| window.attachEvent("onresize", browserResize); | |
| } | |
| var xbeforeResize = window.innerWidth; | |
| function browserResize() { | |
| var afterResize = window.innerWidth; | |
| if ((xbeforeResize < (970) && afterResize >= (970)) || (xbeforeResize >= (970) && afterResize < (970)) || | |
| (xbeforeResize < (728) && afterResize >= (728)) || (xbeforeResize >= (728) && afterResize < (728)) || | |
| (xbeforeResize < (468) && afterResize >= (468)) ||(xbeforeResize >= (468) && afterResize < (468))) { | |
| xbeforeResize = afterResize; | |
| if (document.getElementById("adngin-try_it_leaderboard-0")) { | |
| adngin.queue.push(function(){ adngin.cmd.startAuction([ | |
| {placement: "adngin-try_it_leaderboard-0", adUnit: "try_it_leaderboard" }, | |
| ]); | |
| }); | |
| } | |
| } | |
| if (window.screen.availWidth <= 768) { | |
| restack(window.innerHeight > window.innerWidth); | |
| } | |
| fixDragBtn(); | |
| showFrameSize(); | |
| } | |
| var fileID = ""; | |
| </script> | |
| <!--[if lt IE 8]> | |
| <style> | |
| #textareacontainer, #iframecontainer {width:48%;} | |
| #container {height:500px;} | |
| #textarea, #iframe {width:90%;height:450px;} | |
| #textareaCode, #textareaCode2, #iframeResult, .codewindow {height:450px;} | |
| .stack {display:none;} | |
| </style> | |
| <![endif]--> | |
| </head> | |
| <body> | |
| <!-- Google Tag Manager (noscript) --> | |
| <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KTCFC3S" | |
| height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> | |
| <!-- End Google Tag Manager (noscript) --> | |
| <div id='tryitLeaderboard'> | |
| <!-- TryitLeaderboard --> | |
| <!--<pre>try_it_leaderboard, all: [320,50][728,90][468,60]</pre>--> | |
| <div id="adngin-try_it_leaderboard-0"></div> | |
| <div id="adngin-try_it_leaderboard-0"></div> | |
| <!-- adspace tryit--> | |