CINXE.COM

<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5,minimum-scale=1"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Roboto+Condensed:wght@400;700&display=swap" as="style" id="fonts"> <script>fonts.addEventListener('load',function(){this.onload=null;this.rel='stylesheet';});</script> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Roboto+Condensed:wght@400;700&display=swap"></noscript> <title>Feed | 148 Apps</title> <meta name="description" content="Feed - All the content you could possibly need. Updated daily."> <script defer src="https://static.steelserve.com/smweb/js/doubleclick.js"></script> <script defer src="https://static.steelserve.com/smweb/js/checkblock.js"></script> <script defer src="https://static.steelserve.com/static.148apps.com/js/index-paging-3.js"></script> <script defer src="https://static.steelserve.com/static.148apps.com/js/get-button-3.js"></script> <script defer src="https://static.steelserve.com/static.148apps.com/js/index-foot.js"></script> <style>html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;font-family:sans-serif;background:#141C22;color:#fff;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;font-size:0.7em;box-sizing:border-box;max-width:99.9%;}td,th{border:1px solid #ccc;vertical-align:middle;padding:2px 4px;line-height:1.2em;}body{margin:0;padding:0;font-family:'Lato',sans-serif;font-weight:400;font-size:100%;line-height:1.125em;-webkit-text-size-adjust:100%;-ms-text-size-adjust:none;}textarea:focus,input:focus{outline:none;}strong{font-weight:900;}em{font-style:italic;}ul{list-style:disc;}ul,ol{padding-left:20px;}p,ul,ol{margin:1.2em 0;}.inner-width{width:600px;margin:0 auto;overflow:visible;}.o-hidden{overflow:hidden;}.o-scroll{overflow:scroll;}.o-auto{overflow:auto;}.upper{text-transform:uppercase;}.thinner{font-weight:normal;}.body iframe{width:100%;}a{color:#fff;text-decoration:none;}a:hover{color:#0099ff;}.itm-dsktp{display:none;}.itm-mbl{display:block;}@media only screen{.inner-width{width:auto;min-width:320px;max-width:1140px;}}@media only screen and (min-width:820px){table{font-size:0.8em;}.itm-dsktp{display:block;}.itm-mbl{display:none;}}header{position:relative;z-index:32000;height:130px;box-shadow:rgba(0,0,0,0.4) 0px 6px 0px;background:#fff;min-width:320px;}body.fixed{padding-top:130px;}body.fixed header{position:fixed;width:100%;top:0;left:0;height:90px;}header #h-row-1{height:40px;position:relative;z-index:30000;}header #h-row-1 #hr1-main-nav{overflow:scroll;position:relative;z-index:1000;scrollbar-width:none;-ms-overflow-style:none;}header #h-row-1 #hr1-main-nav ul{list-style:none;margin:0;width:max-content;padding:0 210px 0 14px;overflow:hidden;}header #h-row-1 #hr1-main-nav ul li{float:left;position:relative;text-transform:uppercase;}header #h-row-1 #hr1-main-nav ul li::after{content:'';background:#ccc;position:absolute;top:11px;right:-1px;width:2px;height:18px;}header #h-row-1 #hr1-main-nav ul li:last-of-type::after{display:none;}header #h-row-1 #hr1-main-nav ul li a{color:#243642;display:block;height:40px;line-height:40px;font-weight:700;padding:0 12px;font-size:0.8em;}header #h-row-1 #hr1-main-nav ul li:first-of-type a{padding-left:0;}header #h-row-1 #hr1-smgn{position:absolute;top:0;right:0;height:39px;z-index:5000;background:#243642;box-shadow:rgba(0,0,0,0.3) -5px 0px 5px;border-bottom:1px solid #fff;width:112px;}header #h-row-1 #hr1-smgn #hr1s-head{height:39px;line-height:39px;font-size:0.6em;text-transform:uppercase;text-align:center;cursor:pointer;}header #h-row-1 #hr1-smgn #hr1s-head span{margin-left:6px;}header #h-row-1 #hr1-smgn #hr1s-head span svg{height:11px;fill:#f60;vertical-align:text-bottom;}header #h-row-1 #hr1-smgn #hr1s-drop{display:none;position:absolute;top:39px;right:0;background:#243642;margin:0;list-style:none;border-top:#8fa1ad 1px solid;border-bottom:#8fa1ad 1px solid;padding:0;font-size:0.8em;width:max-content;}header #h-row-1 #hr1-smgn #hr1s-drop.on{display:block;}header #h-row-1 #hr1-smgn #hr1s-drop li{border-top:#8fa1ad 1px solid;border-bottom:#8fa1ad 1px solid;}header #h-row-1 #hr1-smgn #hr1s-drop li a{display:block;background:#385b6f;padding:8px 16px;color:#fff;font-weight:700;white-space:nowrap;}header #h-row-1 #hr1-smgn #hr1s-drop li a img,header #h-row-1 #hr1-smgn #hr1s-drop li a span{height:18px;width:18px;display:block;float:left;margin-right:12px;}header #h-row-1 #hr1-smgn #hr1s-drop li a span{background:#fff;}body.fixed header #h-row-1{display:none;}header #h-row-2{height:50px;position:relative;z-index:27000;}header #h-row-2 #hr2-menu{display:block;background:#494949;width:50px;height:50px;position:absolute;left:0;top:0;}header #h-row-2 #hr2-menu svg{fill:#fff;width:20px;display:block;height:auto;padding-top:17px;margin:0 auto;}header #h-row-2 #hr2-mid-area{margin-left:50px;height:49px;background:#eee;}header #h-row-2 #hr2-mid-area #hr2m-logo{display:block;height:49px;float:left;}header #h-row-2 #hr2-mid-area #hr2m-logo svg{height:43px;padding:4px 0 0 6px;}header #h-row-2 #hr2-mid-area #hr2m-search-area{float:right;height:49px;width:50px;cursor:pointer;}header #h-row-2 #hr2-mid-area #hr2m-search-area svg{fill:#4a4a4a;padding:12px;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-search-form{position:absolute;left:0;top:50px;height:40px;width:100%;background:#243642;display:none;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-search-form.on{display:block;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-search-form #search-input-wrap{position:relative;margin-left:10px;margin-right:60px;overflow:hidden;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-search-form #search-input-wrap label{position:absolute;top:-100px;width:1px;height:1px;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-search-form #search-input-wrap #search-input{display:block;border-radius:3px;box-sizing:border-box;width:100%;height:25px;border:none;font-size:.9em;margin-top:8px;padding:5px;appearance:none;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-search-form #submit-input-wrap{position:absolute;top:0;right:0;margin-right:10px;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-search-form #submit-input-wrap #submit-input{background:#f60;color:#fff;border:none;font-size:.9em;font-weight:400;float:right;height:25px;line-height:25px;margin-top:8px;cursor:pointer;padding:0 10px;appearance:none;border-radius:3px;text-align:center;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-social{display:none;}header #h-row-3{height:40px;position:relative;z-index:24000;background:#fff;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none;}header #h-row-3::-webkit-scrollbar{display:none;}header #h-row-3 #hr3-trending{overflow:hidden;width:max-content;font-size:0.78em;font-weight:900;}header #h-row-3 #hr3-trending #trndg-head{float:left;height:40px;line-height:40px;padding-left:14px;text-transform:uppercase;color:#f60;}header #h-row-3 #hr3-trending ul{float:left;list-style:none;margin:0;padding:0;width:max-content;}header #h-row-3 #hr3-trending ul li{float:left;position:relative;}header #h-row-3 #hr3-trending ul li a{height:40px;line-height:40px;padding:0 12px;color:#243642;}header #h-row-3 #hr3-trending ul li::after{content:'';background:#f60;position:absolute;top:11px;right:-1px;width:2px;height:17px;}header #h-row-3 #hr3-trending ul li:last-of-type::after{display:none;}#sidenav-backer{background:#000;position:fixed;top:0;left:0;right:0;bottom:0;z-index:32500;background-color:rgba(0,0,0,0.5);}#sidenav{height:100%;width:320px;position:fixed;z-index:32700;top:0;left:0;background:#fff;overflow-x:hidden;transition:0.3s;box-shadow:6px 0 10px -4px #444;margin-left:-350px;transition:margin-left 0.3s;}#sidenav.open{margin-left:0px;}#sidenav a{color:#000;}#sidenav #sn-top-row{margin-top:42px;overflow:hidden;}#sub-ibx{border-top:2px solid #ccc;border-bottom:2px solid #ccc;margin-right:10px;width:180px;height:36px;padding:25px 20px;float:left;text-transform:uppercase;color:#333;}#sidenav #sn-close{width:90px;height:90px;float:right;background:#4a4a4a;cursor:pointer;}#sidenav #sn-close svg{fill:#fff;padding:30px;}#sn-main{padding:10px 0;}#sn-main ul,#sn-hghlts ul,#sn-bot ul{list-style:none;}#sn-main ul{margin-bottom:10px;}#sn-main ul li a{color:#222;display:inline-block;text-transform:uppercase;font-weight:700;padding:1px 0;border-bottom:2px solid #fff;margin:5px 0;}#sn-main ul li::before{content:'+';color:#f60;padding-right:7px;}#sn-hghlts{position:relative;}#sn-hghlts ul{padding:0;margin-top:0;}#sn-hghlts ul li a{display:block;background:#243642;padding:10px 20px;color:#fff;text-transform:uppercase;}#sn-hghlts ul li:nth-child(even) a{background:#57646c;}#sn-bot ul li a{color:#555;padding:4px 0;display:inline-block;}#sn-soc-prm .prm{min-height:1px;background:#f1f1f1;}#sn-soc-prm .prm div{padding:20px;}#sn-soc-prm .site-social{margin:0 auto;padding:20px 0;width:fit-content;overflow:hidden;}#sn-soc-prm .site-social a{display:block;width:40px;float:left;margin-right:6px;}#sn-soc-prm .site-social a svg{fill:#999;}@media (hover:hover) and (pointer:fine){header #h-row-1 #hr1-smgn #hr1s-drop li a:hover{background:#c1cacf;color:#0b2f47;}#sn-main ul li a:hover{border-bottom:2px solid #f60;}}@media only screen and (min-width:821px){header{ height:174px; font-size:1.2em;}body.fixed{padding-top:174px;}body.fixed header{height:132px;}header #h-row-1{height:42px;}header #h-row-1 #hr1-main-nav ul{padding-left:25px;}header #h-row-1 #hr1-main-nav ul li a{height:42px;line-height:42px;padding:0 14px;}header #h-row-1 #hr1-main-nav ul li::after{top:12px;height:19px;}header #h-row-1 #hr1-smgn{height:41px;width:160px;}header #h-row-1 #hr1-smgn #hr1s-drop.on{top:41px;}header #h-row-1 #hr1-smgn #hr1s-head{height:41px;line-height:41px;font-size:0.7em;}header #h-row-1 #hr1-smgn #hr1s-head span svg{height:16px;}header #h-row-2{height:90px;}header #h-row-2 #hr2-menu{width:90px;height:90px;}header #h-row-2 #hr2-menu svg{width:34px;padding-top:32px;}header #h-row-2 #hr2-mid-area{margin-left:90px;height:89px;}header #h-row-2 #hr2-mid-area #hr2m-logo{height:89px;}header #h-row-2 #hr2-mid-area #hr2m-logo svg{height:80px;padding:6px 0 0 12px;}header #h-row-2 #hr2-mid-area #hr2m-search-area{height:89px;width:90px;}header #h-row-2 #hr2-mid-area #hr2m-search-area svg{padding:25px;}header #h-row-3{height:42px;}header #h-row-3 #hr3-trending #trndg-head{height:42px;line-height:42px;padding-left:25px;}header #h-row-3 #hr3-trending ul li a{height:42px;line-height:42px;padding:0 16px;}header #h-row-3 #hr3-trending ul li::after{top:12px;height:18px;}#sidenav{width:500px;margin-left:-520px;font-size:1.3em;}#sub-ibx{padding:22px 20px 28px 40px;width:340px;}#sub-ibx strong{display:block;line-height:24px;}#sn-main,#sn-bot{padding:10px 20px;}#sn-hghlts ul li a{padding:18px 40px;}#sn-soc-prm .prm div{padding:30px 0;margin:0 auto;}#sn-soc-prm .site-social{padding-bottom:30px;}#sn-soc-prm .site-social a{width:50px;margin-right:8px;}#sn-main ul{margin-bottom:20px;}#sn-main ul li a{font-size:1.1em;padding:8px 0;}#sn-bot ul li a{padding:7px 0;}}@media only screen and (min-width:1010px){header #h-row-2 #hr2-mid-area #hr2m-search-area{position:relative;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-search-form{display:block;top:0;right:0;left:auto;background:none;width:360px;height:89px;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-search-form #search-input-wrap{margin:27px 85px 0 0;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-search-form #search-input-wrap #search-input{margin:0;padding:5px;height:38px;border:3px solid #ddd;background:#f6f6f6;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-search-form #submit-input-wrap{margin-right:0;overflow:hidden;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-search-form #submit-input-wrap #submit-input{margin:0;width:90px;height:89px;background:none;text-indent:-2000px;}}@media only screen and (min-width:1230px){header #h-row-1 #hr1-smgn{box-shadow:none;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-social{display:block;position:absolute;top:27px;height:38px;left:-476px;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-social a{display:block;height:38px;width:38px;float:left;margin-left:7px;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-social a svg{fill:#4a4a4a;padding:0;}}@media only screen and (min-width:1360px){header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-search-form{width:420px;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-social{left:-536px;}}@media only screen and (min-width:1500px){header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-search-form{width:500px;}header #h-row-2 #hr2-mid-area #hr2m-search-area #hr2ms-social{left:-616px;}}#mid-main,#mid-main-lower{position:relative;margin-top:15px;z-index:20000;color:#222;}#mid-main-lower{margin-top:0;}#mid-main.skin{margin-top:150px;}#mid-main-lower.skin{margin-top:300px;}.view-area{position:relative;background:#eaeaea;z-index:10;}.view-area.pad{padding-top:10px;}.item-unit{position:relative;padding:10px 0;}.item-unit .abs{overflow:hidden;margin:0 auto;}.top-wide-item{padding:20px 0;}.top-wide-item .abs{width:320px;height:100px;}.top-wide-item .abs div{margin-left:auto;margin-right:auto;}#mid-main.scroll{margin-top:109px;}#mid-main.scroll.skin{margin-top:244px;}@media only screen and (min-width:468px){.top-wide-item .abs{width:468px;height:60px;}}@media only screen and (min-width:630px){#mid-main-lower.skin{margin-top:0;}}@media only screen and (min-width:728px){.top-wide-item .abs{width:728px;height:90px;}}@media only screen and (min-width:821px){#mid-main.scroll{margin-top:119px;}#mid-main.scroll.skin{margin-top:254px;}#mid-main.skin{margin-top:170px;}}@media only screen and (min-width:1140px){.top-wide-item .abs{width:1100px;}}</style> <link rel="icon" href="https://static.steelserve.com/static.148apps.com/favicon.ico"> <meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@148apps"><link rel="alternate" type="application/rss+xml" href="/feed/index.rss"><link rel="canonical" href="https://www.148apps.com/feed/"><meta property="fb:app_id" content="35778237736"><meta property="og:url" content="https://www.148apps.com/feed/"><meta property="og:type" content="website"><meta property="og:title" content="Feed"><meta name="twitter:title" content="Feed"><meta property="og:description" content="Feed - All the content you could possibly need. Updated daily."><meta name="twitter:description" content="Feed - All the content you could possibly need. Updated daily."><meta property="og:image" content="https://static.steelserve.com/static.148apps.com/img/general/148Apps-SOCIAL-CARD-gen-1200x600.jpg"><meta name="twitter:image" content="https://static.steelserve.com/static.148apps.com/img/general/148Apps-SOCIAL-CARD-gen-1200x600.jpg">  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-139713-6"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-139713-6'); function pageView(uri){ gtag('event', 'page_view',{ 'page_location': window.location.protocol + '//' + window.location.hostname + uri, 'page_path': uri, 'page_title': document.title, 'is_inf': true }); const site_bg = document.getElementById('site-background'); if (site_bg !== null && window.getComputedStyle(site_bg).display == 'block'){ eventLog('site',site_bg.getAttribute('data-pos'),site_bg.getAttribute('data-id')); tpPxlRefresh(site_bg); } const mob_bg = document.getElementById('mobile-background'); if (mob_bg !== null && window.getComputedStyle(mob_bg).display == 'block'){ eventLog('mobile',mob_bg.getAttribute('data-pos'),mob_bg.getAttribute('data-id')); tpPxlRefresh(mob_bg); } function eventLog(ev_label,ev_positon,ev_id){ gtag('event','item_pos_'+ev_positon+'_id_'+ev_id+'_viewed',{ 'event_category': 'item_views', 'event_label': ev_label+'-background--'+ev_id, 'non_interaction': true }); } function tpPxlRefresh(skin_el){ const skin_el_id = skin_el.getAttribute('id'); const pixel = document.querySelector('#'+skin_el_id+' > img'); if (pixel === null) return; const pixel_src = pixel.getAttribute('src'); pixel.src = pixel_src.replace(/ts-\d+--/i,'ts-'+(Date.now())+'--'); } } </script> <script data-cfasync="false"> window.ramp = window.ramp || {}; window.ramp.que = window.ramp.que || []; </script></head> <body> <header> <div id="h-row-1"> <nav id="hr1-main-nav"> </nav> <div id="hr1-smgn"> <div id="hr1s-head">Our Network <span><svg version="1.1" id="Layer_1_arwd" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve" role="img"> <title>Arrow Down</title> <g> <g> <path class="st0-arwd" d="M199.5,312.3c-8.3,0-16.3-3.3-22.2-9.2L11.2,137c-12.3-12.3-12.3-32.1,0-44.4s32.1-12.3,44.4,0l143.9,143.9 L343.4,92.7c12.3-12.3,32.1-12.3,44.4,0s12.3,32.1,0,44.4L221.7,303.2C215.8,309,207.8,312.3,199.5,312.3"/> </g> </g> </svg></span></div> <ul id="hr1s-drop"> <li> <a href="https://www.pocketgamer.com" target="_blank"> <img src="https://www.pocketgamer.com/favicon.ico" alt="favicon" loading="lazy"> PocketGamer.com </a> </li> <li> <a href="https://www.appspy.com" target="_blank"> <img src="https://www.appspy.com/favicon.ico" alt="favicon" loading="lazy"> AppSpy.com </a> </li> <li> <a href="https://www.148apps.com" target="_blank"> <img src="https://www.148apps.com/favicon.ico" alt="favicon" loading="lazy"> 148Apps.com </a> </li> <li> <a href="https://www.pocketgamer.fr" target="_blank"> <img src="https://www.pocketgamer.fr/favicon.ico" alt="favicon" loading="lazy"> PocketGamer.fr </a> </li> <li> <a href="https://www.pocketgamer.biz" target="_blank"> <img src="https://www.pocketgamer.biz/favicon.ico" alt="favicon" loading="lazy"> PocketGamer.biz </a> </li> <li> <a href="https://www.pcgamesinsider.biz" target="_blank"> <img src="https://www.pcgamesinsider.biz/favicon.ico" alt="favicon" loading="lazy"> PCGamesInsider.biz </a> </li> <li> <a href="https://www.thesimsnews.com" target="_blank"> <img src="https://www.thesimsnews.com/favicon.ico" alt="favicon" loading="lazy"> The Sims News </a> </li> <li> <a href="https://www.pocketgamer.fun" target="_blank"> <img src="https://www.pocketgamer.fun/favicon.ico" alt="favicon" loading="lazy"> PocketGamer.fun </a> </li> <li> <a href="https://www.blockchaingamer.biz" target="_blank"> <img src="https://www.blockchaingamer.biz/favicon.ico" alt="favicon" loading="lazy"> BlockchainGamer.biz </a> </li> <li> <a href="https://www.pgconnects.com" target="_blank"> <img src="https://www.pgconnects.com/favicon.ico" alt="favicon" loading="lazy"> PG Connects </a> </li> <li> <a href="https://www.bigindiepitch.com" target="_blank"> <img src="https://www.bigindiepitch.com/favicon.ico" alt="favicon" loading="lazy"> BigIndiePitch.com </a> </li> <li> <a href="https://www.mobilegamesawards.com" target="_blank"> <img src="https://www.mobilegamesawards.com/favicon.ico" alt="favicon" loading="lazy"> MobileGamesAwards.com </a> </li> <li> <a href="https://u.gg" target="_blank"> <img src="https://static.bigbrain.gg/assets/ugg/favicon/favicon-32x32.png" alt="favicon" loading="lazy"> U.GG </a> </li> <li> <a href="https://www.icy-veins.com" target="_blank"> <img src="https://static.icy-veins.com/images/common/favicon-high-resolution.png" alt="favicon" loading="lazy"> Icy Veins </a> </li> <li> <a href="https://www.thesimsresource.com" target="_blank"> <img src="https://www.thesimsresource.com/favicon.ico" alt="favicon" loading="lazy"> The Sims Resource </a> </li> <li> <a href="https://www.nfltng.com" target="_blank"> <img src="https://www.nfltng.com/favicon.ico" alt="favicon" loading="lazy"> NFL Tuesday Night Gaming </a> </li> <li> <a href="https://www.fantasyfootballscout.co.uk" target="_blank"> <img src="https://www.fantasyfootballscout.co.uk/favicon.ico" alt="favicon" loading="lazy"> Fantasy Football Scout </a> </li> <li> <a href="https://gameknot.com" target="_blank"> <img src="https://gameknot.com/favicon.ico" alt="favicon" loading="lazy"> GameKnot </a> </li> <li> <a href="https://www.addictinggames.com" target="_blank"> <img src="https://www.addictinggames.com/favicon.ico" alt="favicon" loading="lazy"> Addicting Games </a> </li> <li> <a href="https://www.youtube.com/@ArcadeCloud" target="_blank"> <img src="https://www.youtube.com/s/desktop/5a5c78c3/img/favicon_32x32.png" alt="favicon" loading="lazy"> Arcade Cloud </a> </li> <li> <a href="https://www.youtube.com/@WisecrackEDU" target="_blank"> <img src="https://www.youtube.com/s/desktop/5a5c78c3/img/favicon_32x32.png" alt="favicon" loading="lazy"> Wisecrack </a> </li> <li> <a href="https://ev.io" target="_blank"> <img src="https://ev.io/favicon/favicon-32x32.png" alt="favicon" loading="lazy"> EV.IO </a> </li> <li> <a href="https://luminosity.gg" target="_blank"> <img src="https://cdn.prod.website-files.com/6480abafd0c11bcd50017824/649c650ceb076fc1821756a1_favicon.svg" alt="favicon" loading="lazy"> Luminosity </a> </li> </ul> </div> </div> <div id="h-row-2"> <a href="/browse/" id="hr2-menu"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="122.879px" height="103.609px" viewBox="0 0 122.879 103.609" style="enable-background:new 0 0 122.879 103.609;" xml:space="preserve" role="img"> <title>Menu</title> <g> <path class="menu-svg" fill-rule="evenodd" clip-rule="evenodd" d="M10.368,0h102.144c5.703,0,10.367,4.665,10.367,10.367v0 c0,5.702-4.664,10.368-10.367,10.368H10.368C4.666,20.735,0,16.07,0,10.368v0C0,4.665,4.666,0,10.368,0L10.368,0z M10.368,82.875 h102.144c5.703,0,10.367,4.665,10.367,10.367l0,0c0,5.702-4.664,10.367-10.367,10.367H10.368C4.666,103.609,0,98.944,0,93.242l0,0 C0,87.54,4.666,82.875,10.368,82.875L10.368,82.875z M10.368,41.438h102.144c5.703,0,10.367,4.665,10.367,10.367l0,0 c0,5.702-4.664,10.368-10.367,10.368H10.368C4.666,62.173,0,57.507,0,51.805l0,0C0,46.103,4.666,41.438,10.368,41.438 L10.368,41.438z"/> </g> </svg> </a> <div id="hr2-mid-area"> <a href="/" id="hr2m-logo"> <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 406.7 114.5" role="img"> <title>148 Apps</title> <defs> <style> .st0 { fill: none; } .st1 { fill: #c93c00; } .st2 { fill: #ff8c00; } .st3 { clip-path: url(#clippath-1); } .st4 { clip-path: url(#clippath-3); } .st5 { clip-path: url(#clippath-4); } .st6 { clip-path: url(#clippath-2); } .st7 { clip-path: url(#clippath-6); } .st8 { clip-path: url(#clippath-5); } .st9 { fill: #992800; } .st10 { fill: #fff; } .st11 { fill: #f60; } .st12 { fill: #494949; } .st13 { clip-path: url(#clippath); } </style> <clipPath id="clippath"> <rect class="st0" x="-94.3" y="-152.5" width="595.3" height="419.5"/> </clipPath> <clipPath id="clippath-1"> <path class="st0" d="M44.4,19.2l-23,7.7c-5.3,1.8-8.1,7.5-6.4,12.7l7.7,23.1c1.8,5.2,7.5,8.1,12.7,6.3l19.9-6.7,2-22.6c.2-2.2,1.1-4.3,2.4-5.9l-2.8-8.2c-1.4-4.2-5.3-6.8-9.5-6.8s-2.1.2-3.2.5"/> </clipPath> <clipPath id="clippath-2"> <rect class="st0" x="-94.3" y="-152.5" width="595.3" height="419.5"/> </clipPath> <clipPath id="clippath-3"> <path class="st0" d="M97.6,61.9h0v-.2c0,0,0,.1,0,.2M59,40.5l-2.1,24.2c-.5,5.5,3.6,10.4,9.2,10.9l24.1,2.1c5.2.5,9.9-3.2,10.8-8.2-2-2-3.3-4.7-3.3-7.6h0v-26c0-.4,0-.9,0-1.3-1.1-.6-2.4-.9-3.7-1.1l-24.1-2.1c-.3,0-.6,0-.9,0-5.2,0-9.6,3.9-10,9.1"/> </clipPath> <clipPath id="clippath-4"> <rect class="st0" x="-94.3" y="-152.5" width="595.3" height="419.5"/> </clipPath> <clipPath id="clippath-5"> <path class="st0" d="M109.3,26.6c-5.6,0-10.1,4.5-10.1,10v24.3c0,5.5,4.5,10,10.1,10h24.2c5.6,0,10.1-4.5,10.1-10v-24.3c0-5.5-4.5-10-10.1-10h-24.2Z"/> </clipPath> <clipPath id="clippath-6"> <rect class="st0" x="-94.3" y="-152.5" width="595.3" height="419.5"/> </clipPath> </defs> <g class="st13"> <path class="st12" d="M173.2,52.9h-14.9l7.3-22.8h.3l7.3,22.8ZM196.6,72.1l-4.6-.7-19.6-56.3h-13.3l-13.7,39.1v7.6c0,5.8-4.8,10.7-10.7,10.9v7.2h22.1v-7.8l-4.5-.8,2.8-8.9h21l2.8,8.9-4.5.8v7.8h22.1v-7.8ZM229.8,57.2c0,4.2-.7,7.5-2.2,10-1.5,2.5-3.8,3.7-6.9,3.7s-3.7-.4-5.1-1.1c-1.4-.7-2.5-1.7-3.3-3.1v-21.1c.8-1.5,1.9-2.6,3.3-3.4s3-1.2,5-1.2c3.1,0,5.4,1.4,6.9,4.2,1.5,2.8,2.3,6.5,2.3,11v.9ZM242.7,56.3c0-7.6-1.6-13.7-4.9-18.4-3.3-4.7-7.9-7-13.9-7s-5,.6-6.9,1.7c-2,1.1-3.7,2.7-5.1,4.8l-.6-5.6h-18.9v7.8l6.9,1.3v48.3l-6.3,1.3v7.8h25.5v-7.8l-6.3-1.3v-13.9c1.4,1.8,3.1,3.2,5,4.1,2,.9,4.2,1.4,6.7,1.4,5.9,0,10.5-2.2,13.8-6.5,3.3-4.3,4.9-10.1,4.9-17.2v-.9ZM278.4,57.2c0,4.2-.7,7.5-2.2,10-1.5,2.5-3.8,3.7-6.9,3.7s-3.7-.4-5.1-1.1c-1.4-.7-2.5-1.7-3.3-3.1v-21.1c.8-1.5,1.9-2.6,3.3-3.4s3-1.2,5-1.2c3.1,0,5.4,1.4,6.9,4.2,1.5,2.8,2.3,6.5,2.3,11v.9ZM286.5,74.4c3.3-4.3,4.9-10.1,4.9-17.2v-.9c0-7.6-1.6-13.7-4.9-18.4-3.3-4.7-7.9-7-13.9-7s-5,.6-6.9,1.7c-2,1.1-3.7,2.7-5.1,4.8l-.6-5.6h-18.9v7.8l6.9,1.3v48.3l-6.3,1.3v7.8h25.5v-7.8l-6.3-1.3v-13.9c1.4,1.8,3.1,3.2,5,4.1,2,.9,4.2,1.4,6.7,1.4,5.9,0,10.5-2.2,13.8-6.5M321.9,48.3h8.7v-12c-2-1.6-4.6-2.9-8-3.9s-6.9-1.5-10.6-1.5c-6.1,0-10.9,1.5-14.2,4.4-3.3,2.9-5,6.4-5,10.4s1.4,7,4.3,9.3c2.9,2.3,7.2,4,12.8,5.1,3.7.8,6.3,1.7,7.7,2.8,1.4,1,2.1,2.3,2.1,3.7s-.7,2.9-2.1,3.9c-1.4.9-3.4,1.4-6,1.4s-2.8-.2-4.2-.5c-1.3-.3-2.4-.8-3.2-1.4l-1.8-6.3h-9.1v10.8c2.5,2,5.3,3.6,8.4,4.6,3.1,1.1,6.5,1.6,10.2,1.6,6.1,0,11-1.4,14.7-4.1,3.7-2.7,5.6-6.3,5.6-10.6s-1.4-7.2-4.3-9.5c-2.9-2.3-7.3-4-13.3-5.2-3.8-.7-6.4-1.6-7.7-2.6-1.3-1-1.9-2.2-1.9-3.6s.7-2.8,2-3.8c1.3-1,3.1-1.5,5.4-1.5s3.1.2,4.5.7c1.3.5,2.5,1.1,3.4,1.8l1.4,6Z"/> <path class="st11" d="M369.9,64.7v15.4h4.8v-11c.2-.3.5-.5.9-.7.4-.2.8-.2,1.2-.2.6,0,1.1.2,1.4.6.3.4.5,1.1.5,2v9.4h4.8v-10.3c0-.1,0-.2,0-.3,0-.1,0-.3,0-.4.2-.3.5-.5.9-.7.4-.2.8-.2,1.2-.2s1.1.2,1.4.6c.3.4.5,1.1.5,2v9.4h4.8v-9.4c0-2.1-.4-3.7-1.3-4.8-.9-1-2-1.5-3.5-1.5s-1.9.2-2.6.7c-.7.4-1.4,1.1-1.8,1.9-.4-.9-.9-1.5-1.6-1.9-.7-.4-1.5-.6-2.5-.6s-1.8.2-2.5.6c-.7.4-1.3,1-1.8,1.7l-.2-2h-4.5ZM358.3,72.3c0-1.2.2-2.2.6-3,.4-.8,1.1-1.1,2-1.1s1.6.4,2,1.1c.4.8.6,1.8.6,3v.3c0,1.3-.2,2.3-.6,3-.4.7-1.1,1.1-2,1.1s-1.6-.4-2.1-1.1c-.4-.7-.6-1.7-.6-3v-.3ZM353.5,72.6c0,2.3.7,4.2,2,5.7,1.3,1.4,3.1,2.2,5.5,2.2s4.1-.7,5.5-2.2c1.3-1.4,2-3.3,2-5.7v-.3c0-2.3-.7-4.2-2-5.6-1.3-1.5-3.1-2.2-5.5-2.2s-4.2.7-5.5,2.2c-1.3,1.5-2,3.3-2,5.6v.3ZM344.6,75.6c-.4-.7-.5-1.7-.5-3v-.3c0-1.2.2-2.2.5-3,.4-.7,1-1.1,1.9-1.1s1.1.2,1.5.7c.3.5.5,1.1.5,1.8h4.4c0-2-.5-3.4-1.7-4.5-1.2-1.1-2.7-1.6-4.7-1.6s-4.1.7-5.4,2.2c-1.3,1.5-1.9,3.3-1.9,5.6v.3c0,2.3.6,4.2,1.9,5.6,1.3,1.4,3.1,2.2,5.4,2.2s3.4-.5,4.6-1.6c1.2-1.1,1.8-2.4,1.7-4.1h0c0,0-4.4,0-4.4,0,0,.7-.2,1.2-.5,1.5-.3.4-.8.5-1.4.5-.9,0-1.6-.4-2-1.1M337.6,76.1h-4.8v4h4.8v-4Z"/> <path class="st2" d="M59.9,33.7l-2.8-8.2c-1.8-5.2-7.5-8.1-12.7-6.3l-22.9,7.7c-5.3,1.8-8.1,7.5-6.4,12.7l7.7,23.1c1.8,5.2,7.5,8.1,12.7,6.3l19.9-6.7,2-22.6c.2-2.2,1.1-4.3,2.4-5.9"/> </g> <g class="st3"> <polygon class="st1" points="49.8 67.4 42.5 60.1 39.3 26.8 70.8 58.9 49.8 67.4"/> </g> <polygon class="st10" points="39.3 26.8 29.5 32.4 31.2 37.5 34.5 36.4 42.5 60.1 49.6 57.7 39.3 26.8"/> <g class="st6"> <path class="st11" d="M97.6,61.7c0,0,0,.1,0,.2h0v-.2ZM97.7,34.6c-1.1-.6-2.4-.9-3.7-1.1l-24.1-2.1c-5.5-.5-10.4,3.6-10.9,9.1l-2.1,24.2c-.5,5.5,3.6,10.4,9.2,10.9l24.1,2.1c5.2.5,9.9-3.2,10.8-8.2-2-2-3.3-4.7-3.3-7.6h0v-26c0-.4,0-.9,0-1.3"/> </g> <g class="st4"> <polygon class="st9" points="65.7 62.7 82.4 79.3 95.1 79.4 103.5 71.1 104.5 55.2 88.1 38.8 80.2 44.4 65.7 62.7"/> </g> <path class="st10" d="M78.9,48.8l.7-.9h.1c0,0-.9,10.1-.9,10.1l-6.3-.6,6.4-8.7ZM88.1,38.8l-7.5-.7h0c0,0-14.9,19.9-14.9,19.9v4.6s12.6,1.1,12.6,1.1l-.6,6.8,7.5.7.6-6.9,3.3.3.5-5.8-3.3-.3,1.7-19.8Z"/> <g class="st5"> <path class="st2" d="M133.5,26.6h-24.2c-5.6,0-10.1,4.5-10.1,10v24.3h.1-.1c0,5.5,4.5,10,10.1,10h24.2c5.6,0,10.1-4.5,10.1-10v-24.3c0-5.5-4.5-10-10.1-10"/> </g> <g class="st8"> <polygon class="st1" points="145.5 50.1 130.4 35 122.8 34.5 114.6 39.8 118.9 48.8 112.7 62.1 124.2 73.6 140.6 72.7 145.3 68.1 145.5 50.1"/> </g> <g class="st7"> <path class="st10" d="M124.1,44.2c-.5.7-1.3,1-2.3,1s-1.8-.4-2.3-1.1c-.5-.7-.8-1.7-.8-2.8s.3-2.1.8-2.8c.5-.7,1.3-1,2.3-1s1.8.3,2.4,1c.5.7.8,1.6.8,2.8s-.3,2.2-.8,2.9M124.5,58.3c-.7.8-1.6,1.1-2.7,1.1s-2.1-.4-2.8-1.1-1-1.8-1-3.1.3-2.3,1-3.1c.7-.7,1.6-1.1,2.7-1.1s2.1.4,2.8,1.1c.7.7,1.1,1.8,1.1,3.1s-.3,2.3-1,3.1M129.5,34.2c-2-1.6-4.5-2.4-7.8-2.4s-5.8.8-7.7,2.4c-2,1.6-2.9,3.9-2.9,6.8s.4,3,1.2,4.3c.8,1.2,2,2.2,3.4,2.9-1.7.8-3,1.8-3.9,3.1-.9,1.3-1.4,2.9-1.4,4.6,0,3,1.1,5.4,3.2,7,2.1,1.6,4.8,2.5,8.2,2.5s6.1-.8,8.2-2.4c2.1-1.6,3.1-4,3.1-7s-.5-3.2-1.4-4.6-2.2-2.4-3.9-3.1c1.4-.7,2.6-1.7,3.4-2.9.8-1.2,1.2-2.7,1.2-4.3,0-2.9-1-5.2-2.9-6.8"/> </g> </svg> </a> <div id="hr2m-search-area"> <div id="hr2ms-social"> <a href="https://www.facebook.com/pages/148Apps/35778237736" target="_blank" rel="noopener noreferrer"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve" role="img"> <title>Facebook</title> <g> <path d="M373.3,200c0,95.7-77.6,173.3-173.3,173.3c-95.7,0-173.3-77.6-173.3-173.3S104.3,26.7,200,26.7 C295.7,26.7,373.3,104.3,373.3,200 M398,200C398,90.6,309.4,2,200,2S2,90.6,2,200s88.6,198,198,198S398,309.4,398,200"/> <path d="M148.6,164.1h22.1v-21.4c0-9.5,0.2-24,7.1-33.1c7.2-9.6,17.2-16.1,34.3-16.1c27.8,0,39.6,4,39.6,4l-5.5,32.7 c0,0-9.2-2.7-17.8-2.7c-8.6,0-16.3,3.1-16.3,11.7v24.9h35.2l-2.5,31.9h-32.7v110.9h-41.4V196h-22.1V164.1z"/> </g> </svg> </a> <a href="https://www.twitter.com/148apps" target="_blank" rel="noopener noreferrer"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve" role="img"> <title>X</title> <g> <path d="M269.5,282.1h-24.8l-49.4-70.6l0,0l-7.2-10.4l-57.7-82.5h24.8l46.5,66.6l7.2,10.4L269.5,282.1z M291.6,293.7 l-74.2-108l0,0l68.2-79.3h-16.2l-59.2,68.9l-47.3-68.9h-54.6l71.5,104.1l-71.5,83.2h16.2l62.6-72.7l50,72.7H291.6z M373.3,200.1 c0,95.7-77.6,173.3-173.3,173.3S26.7,295.8,26.7,200.1S104.3,26.8,200,26.8S373.3,104.3,373.3,200.1 M398.1,200.1 C398.1,90.7,309.4,2,200,2S1.9,90.7,1.9,200.1s88.7,198,198.1,198S398.1,309.4,398.1,200.1"/> </g> </svg> </a> <a href="/index.rss" target="_blank" rel="noopener noreferrer"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve" role="img"> <title>RSS</title> <g> <path d="M120.5,191.3c49.2,0,88.9,40.1,88.9,89.3v2.3H245v-2.3c0.3-68.6-55.6-124.8-124.5-124.8h-1.6v35.6H120.5z M117.9,257.6c0,14.9,12,26.8,26.8,26.8c14.9,0,26.8-12,26.8-26.8c0-14.6-12-26.5-26.8-26.8C129.9,230.8,117.9,242.8,117.9,257.6 M274.1,282.9h35.6v-2.3c0-104.5-84.7-189.5-189.2-189.5h-1.6v35.6h1.6c84.7,0,153.6,68.9,153.6,154V282.9z M373.9,199.9 c0,96-77.8,173.8-173.8,173.8c-96,0-173.8-77.8-173.8-173.8S104.2,26.2,200.1,26.2C296.1,26.2,373.9,104,373.9,199.9 M398.7,199.9 c0-109.7-88.9-198.6-198.6-198.6S1.5,90.3,1.5,199.9s88.9,198.6,198.6,198.6S398.7,309.6,398.7,199.9"/> </g> </svg> </a> </div> <svg enable-background="new 0 0 100 100" id="magnifying-glass" version="1.1" viewBox="0 0 100 100" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" role="img"> <title>Search</title> <path d="m17.9 43.4c0-15.6 8.8-24.3 24.4-24.3s24.4 8.7 24.4 24.3-8.8 24.4-24.4 24.4c-15.6-0.1-24.4-8.8-24.4-24.4m77.9 38l-17.9-18c3.3-5.9 5.3-12.8 5.3-20 0-22.5-18.3-40.9-40.8-40.9s-40.9 18.3-40.9 40.9c0 22.5 18.3 40.9 40.8 40.9 8.4 0 16.2-2.6 22.7-7l17.4 17.4c1.8 1.8 4.2 2.8 6.7 2.8s4.8-0.9 6.7-2.8c3.6-3.6 3.6-9.6 0-13.3"/> </svg> <form id="hr2ms-search-form" action="/search-sub/" method="post" autocomplete="off"> <div id="search-input-wrap"><label for="search-input">Search</label><input type="text" name="search-pg" id="search-input" value="" placeholder="Search for games + more..."></div> <div id="submit-input-wrap"><input type="submit" name="submit" id="submit-input" value="GO"></div> </form> </div> </div> </div> <div id="h-row-3"> <nav id="hr3-trending"> </nav> </div> </header><div id="sidenav"></div> <script>window.addEventListener('scroll',function(){ if (document.body.classList.contains('fixed')){ if (window.scrollY >= 40 && window.innerWidth < 821) return; if (window.scrollY >= 42 && window.innerWidth >= 821) return; document.body.classList.remove('fixed'); } else { if (window.scrollY < 40 && window.innerWidth < 821) return; if (window.scrollY < 42 && window.innerWidth >= 821) return; document.body.classList.add('fixed'); } },{passive:true}); (function(){ document.getElementById('hr1s-head').addEventListener('click',function(){ e = document.getElementById('hr1s-drop'); if (e.classList.contains('on')) { e.classList.remove('on'); } else { e.classList.add('on'); } }); })(); (function(){ document.getElementById('magnifying-glass').addEventListener('click',function(){ e = document.getElementById('hr2ms-search-form'); if (e.classList.contains('on')) { e.classList.remove('on'); } else { e.classList.add('on'); } }); })(); (async function(){ const ver = 1636712444; getPutHtml('/partials/row1.html','hr1-main-nav',ver); getPutHtml('/partials/row3.html','hr3-trending',ver); document.addEventListener('mousemove',sideNavGet,false); document.getElementById('hr2-menu').addEventListener('click',sideNavOpen,false); async function sideNavGet(){ const sidenav = document.getElementById('sidenav'); if (typeof sidenav.dataset.active !== 'undefined') return; sidenav.dataset.active = 1; document.removeEventListener('mousemove',sideNavGet,false); await getPutHtml('/partials/sidenav.html','sidenav',ver); document.getElementById('sn-close').addEventListener('click',sideNavClose); } async function sideNavOpen(event){ event.preventDefault(); const sidenav = document.getElementById('sidenav'); if (typeof sidenav.dataset.active === 'undefined') await sideNavGet(); sidenav.classList.add('open'); sidenav.insertAdjacentHTML('beforebegin','<div id="sidenav-backer"></div>'); document.getElementById('sidenav-backer').addEventListener('click',sideNavClose); } function sideNavClose(){ const sidenav = document.getElementById('sidenav'); const sidenav_backer = document.getElementById('sidenav-backer'); sidenav.classList.remove('open'); if (sidenav_backer !== null){ document.getElementById('sidenav-backer').removeEventListener('click',sideNavClose); sidenav_backer.remove(); } } })(); function httpGet(resource){ return new Promise(function(resolve){ const static = 'https://static.148apps.com'; resource = resource.substr(0,4) == 'http' ? resource : static+resource; let http = new XMLHttpRequest(); http.open('GET',resource); http.onload = function(){ if (http.status === 200){ resolve(http.responseText); } else { resolve(null); } }; http.send(); }); } async function getPutHtml(resource,el_id,ver,insert_point = 'afterbegin'){ let html = sessionStorage.getItem(resource+'_ver') != ver ? null : sessionStorage.getItem(resource); if (html === null){ html = await httpGet('/html'+resource); sessionStorage.setItem(resource,html); sessionStorage.setItem(resource+'_ver',ver); } document.getElementById(el_id).insertAdjacentHTML(insert_point,html); }</script> <script async src="https://static.steelserve.com/static.148apps.com/js/alerts-12.js"></script> <div id="mid-main" class="inner-width skin"> <style> .view-area.latest:last-of-type{padding-bottom:15px;}.view-area.latest h1{padding:0 10px;margin-bottom:-10px;font-size:1.3em;font-weight:900;overflow:visible;}.view-area.latest h1.pad{padding-top:10px;}.view-area.latest h1 .index-rss{display:block;position:absolute;top:-15px;right:0px;width:25px;height:25px;padding:10px;}.view-area.latest h1 .index-rss svg{fill:#dc6700;}.view-area.latest .fence{padding:10px;width:300px;margin:0 auto;}.content-block{position:relative;display:block;width:300px;margin:10px 0 0 0;overflow:hidden;background:#fff;}.content-block figure{position:relative;width:140px;height:70px;float:left;overflow:hidden;margin:10px 0 0 10px;background:#000;}.content-block figure img{width:100%;height:auto;display:block;}.content-block figure .type{background:rgba(255,72,0,.7);color:#fff;height:22px;line-height:22px;font-weight:700;font-size:.7em;padding:0 8px;display:block;position:absolute;bottom:0;left:0;}.content-block .text{float:left;width:150px;}.content-block .text h2{font-size:1.05em;line-height:1.3em;margin:10px;color:#000;font-weight:700;}.content-block .text .strap{color:#888;margin-top:10px;}.content-block .text .info .score{display:block;overflow:hidden;height:16px;margin-top:7px;}.content-block .text .info .score .st0-staron,.content-block .text .info .score .st1-starhalf{fill:#3AB3FF;}.content-block .text .info .score .st0-staroff,.content-block .text .info .score .st0-starhalf{fill:#CCCCCC;}.content-block .text .info .score svg,.content-block .text .info .score img{position:relative;width:17px;height:18px;float:left;display:block;}.content-block .text .info .author{color:#999;font-weight:700;font-size:.75em;margin-top:5px;}.content-block .text .info .author span{color:#000;}.content-block.item-unit{padding:0;background:none;min-width:300px;}.content-block.item-unit .abs{width:300px;height:250px;overflow:hidden;margin:10px auto;background:#f1f1f1;}@media only screen{.view-area.latest .fence{width:auto;}.content-block{width:100%;padding:10px;box-sizing:border-box;border-radius:5px;}.content-block .text{width:55%;padding-left:10px;box-sizing:border-box;margin:0;}.content-block figure{width:45%;aspect-ratio:2/1;height:unset;margin:0;}.content-block .text h2{margin:-2px 0 0 0;}}@media only screen and (min-width:500px){.content-block figure .type{height:25px;line-height:25px;font-size:.8em;}.content-block .text{font-size:1.1em;}}@media only screen and (min-width:700px){.content-block .text h2{font-size:1.25em;}}@media only screen and (min-width:821px){.view-area.latest h1{padding:0 20px;}.view-area.latest h1 .index-rss{right:10px;top:-10px;}.view-area.latest h1.pad{padding-top:20px;}.view-area.latest .fence{padding:20px;}.content-block .text h2{font-size:1.5em;}}@media only screen and (min-width:1010px){.fence{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:20px;}.content-block{padding:0;margin:0;flex:1;min-width:22.5%;max-width:35%;display:flex;flex-flow:column;}.content-block figure{width:100%;float:none;flex:0 1 auto;}.content-block .text{width:100%;float:none;padding:10px;flex:1 1 auto;display:flex;flex-flow:column;}.content-block .text h2{margin:0;font-size:1em;flex:1 1 auto;}.content-block .text .info{flex:0 1 auto;}}</style> <div class="page-1"> <aside class="top-wide-item view-area item-unit"> <div class="item-pos-2 abs"><div class="itm-dsktp">  <div data-pw-desk="leaderboard_atf" id="pwDeskLbAtf"></div> <script type="text/javascript"> window.ramp.que.push(function () { window.ramp.addTag("pwDeskLbAtf"); }) </script> </div> <div class="itm-mbl">  <div data-pw-mobi="leaderboard_atf" id="pwMobiLbAtf"></div> <script type="text/javascript"> window.ramp.que.push(function () { window.ramp.addTag("pwMobiLbAtf"); }) </script> </div></div> </aside> <section id="index-0" class="view-area latest" data-subject="feed" data-next="false"> <h1> <span class="upper">Feed</span> <a href="/feed/index.rss" class="index-rss" title="Subscribe to this page." target="_blank" rel="noopener"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve" role="img"> <title>RSS</title> <g> <path d="M120.5,191.3c49.2,0,88.9,40.1,88.9,89.3v2.3H245v-2.3c0.3-68.6-55.6-124.8-124.5-124.8h-1.6v35.6H120.5z M117.9,257.6c0,14.9,12,26.8,26.8,26.8c14.9,0,26.8-12,26.8-26.8c0-14.6-12-26.5-26.8-26.8C129.9,230.8,117.9,242.8,117.9,257.6 M274.1,282.9h35.6v-2.3c0-104.5-84.7-189.5-189.2-189.5h-1.6v35.6h1.6c84.7,0,153.6,68.9,153.6,154V282.9z M373.9,199.9 c0,96-77.8,173.8-173.8,173.8c-96,0-173.8-77.8-173.8-173.8S104.2,26.2,200.1,26.2C296.1,26.2,373.9,104,373.9,199.9 M398.7,199.9 c0-109.7-88.9-198.6-198.6-198.6S1.5,90.3,1.5,199.9s88.9,198.6,198.6,198.6S398.7,309.6,398.7,199.9"/> </g> </svg> </a> </h1> <div class="fence"> <a href="/pyka-loop/create-music-sounds-feed/" id="content-block-0" class="content-block half"> <figure> <img src="https://static.steelserve.com/smweb/img/general/placeholder-400x200.jpg" alt="Create Music From the Sounds Around You With Feed" width="310" height="155" importance="high"> <span class="type upper">News</span> </figure> <div class="text"> <h2> Create Music From the Sounds Around You With Feed </h2> <div class="info"> <div class="author">By <span>Jennifer Allen</span></div> <time datetime=""></time> </div> </div> </a> <a href="/facebook/spottlife-review/" id="content-block-1" class="content-block half"> <figure> <img src="https://images.148apps.com/2013/5/45449/176411/20130522-002825.jpg" alt="Spottlife Review" width="310" height="155" loading="lazy"> <span class="type upper">Review</span> </figure> <div class="text"> <h2> Spottlife Review </h2> <div class="info"> <span class="score"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-half.svg" width="15" height="16" loading="lazy" alt="Star half"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-off.svg" width="15" height="16" loading="lazy" alt="Star off"></span> <div class="author">By <span>Lee Hamlet</span></div> <time datetime=""></time> </div> </div> </a> <div id="content-block-2" class="content-block item-unit"> <div class="item-pos-3 abs"><div class="itm-dsktp">  <div data-pw-desk="med_rect_atf" id="pwDeskMedRectAtf"></div> <script type="text/javascript"> window.ramp.que.push(function () { window.ramp.addTag("pwDeskMedRectAtf"); }) </script> </div> <div class="itm-mbl">  <div data-pw-mobi="med_rect_atf" id="pwMobiMedRectAtf"></div> <script type="text/javascript"> window.ramp.que.push(function () { window.ramp.addTag("pwMobiMedRectAtf"); }) </script> </div></div> </div> <a href="/pyka-loop/feed-review/" id="content-block-3" class="content-block"> <figure> <img src="https://images.148apps.com/2012/9/31544/142249/feed-2-300x225.jpg" alt="Feed Review" width="310" height="155" loading="lazy"> <span class="type upper">Review</span> </figure> <div class="text"> <h2> Feed Review </h2> <div class="info"> <span class="score"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-half.svg" width="15" height="16" loading="lazy" alt="Star half"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-off.svg" width="15" height="16" loading="lazy" alt="Star off"></span> <div class="author">By <span>Angela LaFollette</span></div> <time datetime=""></time> </div> </div> </a> <a href="/donkeys-and-elephants-chow-down/stiven-deleur-14-donkeys-elephants-chow/" id="content-block-4" class="content-block half"> <figure> <img src="https://images.148apps.com/2012/8/34251/137934/donkeyselephants-300x300.png" alt="Stiven Deleur is 14, and He Made Donkeys and Elephants: Chow Down" width="310" height="155" loading="lazy"> <span class="type upper">News</span> </figure> <div class="text"> <h2> Stiven Deleur is 14, and He Made Donkeys and Elephants: Chow Down </h2> <div class="info"> <div class="author">By <span>Rob Rich</span></div> <time datetime=""></time> </div> </div> </a> <a href="/productivity/16yearold-ceo-launches-summly-quickly-summarize-web-pages/" id="content-block-5" class="content-block half"> <figure> <img src="https://images.148apps.com/2011/12/37073/103072/summly-200x300.jpg" alt="16-Year-Old CEO Launches Summly to Quickly Summarize Web Pages" width="310" height="155" loading="lazy"> <span class="type upper">News</span> </figure> <div class="text"> <h2> 16-Year-Old CEO Launches Summly to Quickly Summarize Web Pages </h2> <div class="info"> <div class="author">By <span>Greg Dawson</span></div> <time datetime=""></time> </div> </div> </a> <a href="/bring-me-sandwiches/bring-sandwiches-review/" id="content-block-6" class="content-block"> <figure> <img src="https://images.148apps.com/2011/10/43828/96089/bringmesandwiches02-300x200.jpg" alt="Bring Me Sandwiches!! Review" width="310" height="155" loading="lazy"> <span class="type upper">Review</span> </figure> <div class="text"> <h2> Bring Me Sandwiches!! Review </h2> <div class="info"> <span class="score"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-half.svg" width="15" height="16" loading="lazy" alt="Star half"></span> <div class="author">By <span>Rob Rich</span></div> <time datetime=""></time> </div> </div> </a> </div> </section> </div> </div> <div id="mid-main-lower" class="inner-width"> <div class="page-1"> <section id="index-1" class="view-area latest" data-subject="feed" data-next="false"> <div class="fence"> <a href="/flud-news/flud-ipad-review/" id="content-block-7" class="content-block half"> <figure> <img src="https://images.148apps.com/2010/9/46959/47915/photo-56-225x300.jpg" alt="Flud for iPad Review" width="310" height="155" loading="lazy"> <span class="type upper">Review</span> </figure> <div class="text"> <h2> Flud for iPad Review </h2> <div class="info"> <span class="score"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-half.svg" width="15" height="16" loading="lazy" alt="Star half"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-off.svg" width="15" height="16" loading="lazy" alt="Star off"></span> <div class="author">By <span>Chris Kirby</span></div> <time datetime=""></time> </div> </div> </a> <a href="/multitasking/byline-updated-iphone-4-retina-display/" id="content-block-8" class="content-block half"> <figure> <img src="https://images.148apps.com/2010/6/44563/40140/bylinescreen1-141x300.png" alt="Byline Updated To Make Use Of iPhone 4 Retina Display" width="310" height="155" loading="lazy"> <span class="type upper">News</span> </figure> <div class="text"> <h2> Byline Updated To Make Use Of iPhone 4 Retina Display </h2> <div class="info"> <div class="author">By <span>Ben Harvell</span></div> <time datetime=""></time> </div> </div> </a> <div id="content-block-9" class="content-block item-unit"> <div class="item-pos-4 abs"><div class="itm-dsktp">  <div data-pw-desk="med_rect_btf" id="pwDeskMedRectBtf1"></div> <script type="text/javascript"> window.ramp.que.push(function () { window.ramp.addTag("pwDeskMedRectBtf1"); }) </script> </div> <div class="itm-mbl">  <div data-pw-mobi="med_rect_btf" id="pwMobiMedRectBtf1"></div> <script type="text/javascript"> window.ramp.que.push(function () { window.ramp.addTag("pwMobiMedRectBtf1"); }) </script> </div></div> </div> <a href="/push-news/push-news/" id="content-block-10" class="content-block"> <figure> <img src="https://images.148apps.com/2009/11/49830/19642/img-0099-200x300.png" alt="Push News" width="310" height="155" loading="lazy"> <span class="type upper">Review</span> </figure> <div class="text"> <h2> Push News </h2> <div class="info"> <span class="score"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-half.svg" width="15" height="16" loading="lazy" alt="Star half"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-off.svg" width="15" height="16" loading="lazy" alt="Star off"></span> <div class="author">By <span>Bonnie Eisenman</span></div> <time datetime=""></time> </div> </div> </a> <a href="/trackr-dropbox-uploader/trackr/" id="content-block-11" class="content-block half"> <figure> <img src="https://images.148apps.com/2009/5/50671/8977/img-000321-200x300.png" alt="Trackr" width="310" height="155" loading="lazy"> <span class="type upper">Review</span> </figure> <div class="text"> <h2> Trackr </h2> <div class="info"> <span class="score"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-half.svg" width="15" height="16" loading="lazy" alt="Star half"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-off.svg" width="15" height="16" loading="lazy" alt="Star off"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-off.svg" width="15" height="16" loading="lazy" alt="Star off"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-off.svg" width="15" height="16" loading="lazy" alt="Star off"></span> <div class="author">By <span>Bonnie Eisenman</span></div> <time datetime=""></time> </div> </div> </a> <a href="/reviews/ant-hill/" id="content-block-12" class="content-block half"> <figure> <img src="https://images.148apps.com/2009/4/50809/8911/img-000116-200x300.png" alt="Ant Hill" width="310" height="155" loading="lazy"> <span class="type upper">Review</span> </figure> <div class="text"> <h2> Ant Hill </h2> <div class="info"> <span class="score"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-on.svg" width="15" height="16" loading="lazy" alt="Star on"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-half.svg" width="15" height="16" loading="lazy" alt="Star half"><img src="https://static.steelserve.com/smweb/img/icons/general/icon-orange-star-off.svg" width="15" height="16" loading="lazy" alt="Star off"></span> <div class="author">By <span>Billy Miller</span></div> <time datetime=""></time> </div> </div> </a> </div> </section> </div> <noscript> <style> #paging-area{overflow:auto;padding:10px;padding-top:0;}#paging-area .button{display:block;background:#F60;text-align:center;border-radius:4px;width:140px;padding:8px 0;font-weight:700;color:#fff;}#paging-area .prev{float:left;}#paging-area .next{float:right;}@media only screen and (min-width:630px){#paging-area{padding:10px 40px 20px 40px;}}</style> <div id="paging-area" class="view-area"> </div> </noscript> </div> <script> let item_register = {}; (async function(){ const ver = 1636712486; if (localStorage.getItem('items_ver') != ver){ localStorage.removeItem('items'); localStorage.removeItem('items_ts'); localStorage.removeItem('items_ver'); localStorage.setItem('items_ver',ver); } const items_obj = await getItems(); if (items_obj === null) return; if (items_obj['skin'] !== null && document.getElementById('site-background') === null) activateSkin(items_obj['skin']); activateUnits(items_obj['units']); async function getItems(){ const items_local_json = localStorage.getItem('items'); const items_ts = localStorage.getItem('items_ts'); const items_local_obj = items_local_json === null ? null : JSON.parse(items_local_json); const now_ts = Math.floor(Date.now()/1000); const cache_expire_ts = now_ts - (60*10); if (items_local_obj !== null && items_local_obj['expire'] > now_ts && items_ts !== null && items_ts > cache_expire_ts) return items_local_obj; const remote_json = await fetchItemJson(); if (remote_json === null && items_local_obj !== null) return items_local_obj; if (remote_json === null && items_local_obj === null) return null; localStorage.setItem('items_ts',now_ts); if (items_local_obj !== null && items_local_obj['generated'] == JSON.parse(remote_json)['generated'] && items_local_obj['expire'] > now_ts) return items_local_obj; const items_obj = buildItems(remote_json); return items_obj; } function fetchItemJson(){ return new Promise(function(resolve){ let http = new XMLHttpRequest(); http.open('GET','https://static.148apps.com/js/items.json'); http.onload = function(){ if (http.status === 200){ resolve(http.responseText); } else { resolve(null); } }; http.send(); }); } async function buildItems(items_json){ const items_obj = JSON.parse(items_json); const items_generated = items_obj['generated']; const user_obj = await getUserInfo(items_json); const items_formatted_obj = formatItems(items_obj['data'],user_obj); const items_expire = items_formatted_obj['expire']; const items_html_obj = { 'expire' : items_expire, 'generated' : items_generated, 'units' : buildUnits(items_formatted_obj['units']), 'skin' : buildSkin(items_formatted_obj['skin']) }; localStorage.setItem('items',JSON.stringify(items_html_obj)); localStorage.setItem('items_ts',Math.floor(Date.now()/1000)); return items_html_obj; } async function getUserInfo(items_json){ let user_device = null; let user_geo = null; if (items_json.indexOf('"adv_device":') > -1){ const uagent = navigator.userAgent; user_device = 'desktop'; if (uagent.indexOf('iOS') > -1 || uagent.indexOf('iPhone') > -1 || uagent.indexOf('iPad') > -1) user_device = 'ios'; if (uagent.indexOf('Android') > -1) user_device = 'android'; } if (items_json.indexOf('"adv_geo":') > -1){ const user_json = await fetchUser(); const user_obj = JSON.parse(user_json); user_geo = user_obj['cc']; } return {device:user_device,geo:user_geo}; } function fetchUser(){ return new Promise(function(resolve){ let http = new XMLHttpRequest(); http.open('GET','https://www.148apps.com/search/user/'); http.onload = function(){ if (http.status === 200){ resolve(http.responseText); } else { resolve(null); } }; http.send(); }); } function formatItems(json_obj,user_obj){ let skin = { 'desktop' : [], 'mobile' : [], 'video' : [] }; let units = {}; let items = { 'expire' : 0 }; const now_ts = Math.floor(Date.now()/1000); i=0; for (const property in json_obj){ if ( json_obj[property]['adv_from'] > now_ts || json_obj[property]['adv_to'] < now_ts || (user_obj['geo'] !== null && json_obj[property]['adv_geo'].indexOf(user_obj['geo']) == -1) || (json_obj[property]['adv_device'] != user_obj['device'] && typeof(json_obj[property]['adv_device']) != 'undefined') ) continue; if (items['expire'] == 0 || json_obj[property]['adv_to'] < items['expire']) items['expire'] = json_obj[property]['adv_to']; switch(json_obj[property]['adv_position']){ case 1: skin['desktop'].push(json_obj[property]); break; case 6: skin['mobile'].push(json_obj[property]); break; case 7: skin['video'].push(json_obj[property]); break; default: if (units[json_obj[property]['adv_position']] === undefined || units[json_obj[property]['adp_order']] < json_obj[property]['adp_order']) units[json_obj[property]['adv_position']] = json_obj[property]; } i=i+1; } items['skin'] = skin['desktop'].length > 0 && skin['mobile'].length > 0 ? skin : null; items['units'] = units; return items; } function buildSkin(skin_obj){ if (skin_obj === null) return null; let background = []; let video = []; for (let i=0; i < skin_obj['desktop'].length; i++){ skin_obj['desktop'][i]['img'] = `<img src="https://images.148apps.com/media/${skin_obj['desktop'][i]['adv_img']}" width="1920" height="1080" loading="lazy" alt="item">`; skin_obj['mobile'][i]['img'] = `<img src="https://images.148apps.com/media/${skin_obj['mobile'][i]['adv_img']}" width="1030" height="640" loading="lazy" alt="item">`; const mq = window.matchMedia('(min-width: 1030px)'); if (mq.matches){ skin_obj['desktop'][i]['img'] = skin_obj['desktop'][i]['img'].replace('loading="lazy" ',''); } else { skin_obj['mobile'][i]['img'] = skin_obj['mobile'][i]['img'].replace('loading="lazy" ',''); } if (skin_obj['desktop'][i]['adv_img_webp'] != ''){ skin_obj['desktop'][i]['img'] = `<picture> <source srcset="https://images.148apps.com/media/${skin_obj['desktop'][i]['adv_img_webp']}" type="image/webp"> <source srcset="https://images.148apps.com/media/${skin_obj['desktop'][i]['adv_img']}" type="image/jpeg"> ${skin_obj['desktop'][i]['img']} </picture>`; } if (skin_obj['mobile'][i]['adv_img_webp'] != ''){ skin_obj['mobile'][i]['img'] = `<picture> <source srcset="https://images.148apps.com/media/${skin_obj['mobile'][i]['adv_img_webp']}" type="image/webp"> <source srcset="https://images.148apps.com/media/${skin_obj['mobile'][i]['adv_img']}" type="image/jpeg"> ${skin_obj['mobile'][i]['img']} </picture>`; } background[i] = `<style> #site-background, #mobile-background { position: absolute; top: 0; width: 100%; overflow: hidden; z-index: 5; } body.fixed #site-background, body.fixed #mobile-background { position: fixed; } #site-background { height: 1080px; display: none; top: 174px; } #mobile-background { height: 640px; top: 130px; } body.fixed #site-background { top: 132px; } body.fixed #mobile-background { top: 90px; } #site-background a, #mobile-background a { position: absolute; display: block; top: 0; left: 50%; transform: translate(-50%); } #site-background a { width: 1920px; height: 1080px; } #mobile-background a { width: 1030px; height: 640px; } #skin-video-tab { display: block; background: #eaeaea; width: 38px; height: 40px; position: absolute; top: -38px; right: 0; padding: 2px; cursor: pointer; z-index: 2; } #skin-video-tab div { background: #F60; padding: 8px; } #skin-video-tab div#svt-up.off, #skin-video-tab div#svt-down.off { display: none; } #skin-video { position: absolute; z-index: 10; top: 300px; left: 50%; transform: translate(-50%); margin: 0; padding: 0 20px; width: 100%; min-width: 320px; max-width: 700px; height: auto; box-sizing: border-box; } #skin-video #skin-video-inner { position: relative; width: 100%; height: auto; padding-top: 56.25%; box-sizing: border-box; border: 0; overflow: hidden; } #skin-video #skin-video-inner iframe { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #mid-main.skin { transition: margin-top 0.5s; } #mid-main.skin.open { margin-top: 500px; } @media only screen and (min-width: 540px){ #mid-main.skin.open { margin-top: 581px; } } @media only screen and (min-width: 821px){ #skin-video { top: 370px; } #mobile-background { top: 174px; } body.fixed #mobile-background { top: 132px; } } @media only screen and (min-width: 1010px){ #skin-video-tab { right: 20px; } } @media only screen and (min-width: 1030px){ #site-background { display: block; } #mobile-background { display: none; } } </style> <div id="site-background" data-pos="${skin_obj['desktop'][i]['adv_position']}" data-id="${skin_obj['desktop'][i]['adv_id']}"> <a href="${skin_obj['desktop'][i]['adv_link']}" target="new"> ${skin_obj['desktop'][i]['img']} </a>${skin_obj['desktop'][i]['adv_tag']} </div> <div id="mobile-background" data-pos="${skin_obj['mobile'][i]['adv_position']}" data-id="${skin_obj['mobile'][i]['adv_id']}"> <a href="${skin_obj['mobile'][i]['adv_link']}" target="new"> ${skin_obj['mobile'][i]['img']} </a>${skin_obj['mobile'][i]['adv_tag']} </div>`; } for (let i=0; i < skin_obj['video'].length; i++){ video[i] = `<div id="skin-video" class="item-unit" data-pos="${skin_obj['video'][i]['adv_position']}" data-id="${skin_obj['video'][i]['adv_id']}"> <div id="skin-video-inner" class="inner">${skin_obj['video'][i]['adv_tag']}</div> </div>`; } const is_open = skin_obj['video'].length == 0 || skin_obj['video'][0]['adv_open'] != 1 ? false : true; return { 'background' : background, 'video' : video, 'open' : is_open }; } function buildUnits(units_obj){ let units = {}; for (const property in units_obj){ if (units_obj[property]['adv_img'] != '' && units_obj[property]['adv_link'] != ''){ units[units_obj[property]['adv_position']] = `<a href="${units_obj[property]['adv_link']}" target="new"> <img src="https://media.148apps.com/media/${units_obj[property]['adv_img']}" alt="item" loading="lazy"> </a>`; } else { units[units_obj[property]['adv_position']] = units_obj[property]['adv_tag']; } } return units; } function activateSkin(skin_obj){ if (skin_obj === null || skin_obj['background'] === null || skin_obj['background'].length == 0) return; skin_obj['background'] = skin_obj['background'].length == 1 ? skin_obj['background'][0] : skin_obj['background'][(Math.floor(Math.random() * skin_obj['background'].length))]; skin_obj['background'] = skin_obj['background'].replace('[timestamp]','ts-'+(Date.now())+'--'); document.body.insertAdjacentHTML('afterbegin',skin_obj['background']); const site_background = document.getElementById('site-background'); const mobile_background = document.getElementById('mobile-background'); const desktop_positon = site_background.getAttribute('data-pos'); const desktop_id = site_background.getAttribute('data-id'); const mobile_position = mobile_background.getAttribute('data-pos'); const mobile_id = mobile_background.getAttribute('data-id'); const site_background_a = site_background.children[0]; const mobile_background_a = mobile_background.children[0]; const site_background_img = site_background_a.querySelector('img'); const mobile_background_img = mobile_background_a.querySelector('img'); site_background_img.addEventListener('load',function(){ gtag('event','item_pos_'+desktop_positon+'_id_'+desktop_id+'_viewed',{ 'event_category': 'item_views', 'event_label': 'site-background--'+desktop_id, 'non_interaction': true }); }); site_background_a.addEventListener('click',function(){ gtag('event','item_pos_'+desktop_positon+'_id_'+desktop_id+'_clicked',{ 'event_category': 'item_clicks', 'event_label': 'site-background--'+desktop_id, 'non_interaction': false }); }); mobile_background_img.addEventListener('load',function(){ gtag('event','item_pos_'+mobile_position+'_id_'+mobile_id+'_viewed',{ 'event_category': 'item_views', 'event_label': 'mobile-background--'+mobile_id, 'non_interaction': true }); }); mobile_background_a.addEventListener('click',function(){ gtag('event','item_pos_'+mobile_position+'_id_'+mobile_id+'_clicked',{ 'event_category': 'item_clicks', 'event_label': 'mobile-background--'+mobile_id, 'non_interaction': false }); }); if (skin_obj['video'] === null || skin_obj['video'].length == 0) return; skin_obj['video'] = skin_obj['video'].length == 1 ? skin_obj['video'][0] : skin_obj['video'][(Math.floor(Math.random() * skin_obj['video'].length))]; const tab = `<div id="skin-video-tab"> <div id="svt-up" class="off"> <img src="https://static.steelserve.com/static.148apps.com/img/icons/general/icon-arrow-up-white.svg" alt="Up" width="22" height="22"> </div> <div id="svt-down"> <img src="https://static.steelserve.com/static.148apps.com/img/icons/general/icon-arrow-down-white.svg" alt="Down" width="22" height="22"> </div> </div>`; document.getElementById('mid-main').insertAdjacentHTML('afterbegin',tab); document.getElementById('skin-video-tab').addEventListener('click',function(){ const mid_main = document.getElementById('mid-main'); const up_arrow = document.getElementById('svt-up'); const down_arrow = document.getElementById('svt-down'); if (up_arrow.classList.contains('off') === true){ up_arrow.classList.remove('off'); down_arrow.classList.add('off'); mid_main.classList.add('open'); if (document.getElementById('skin-video') === null) document.body.insertAdjacentHTML('afterbegin',skin_obj['video']); const skin_vid = document.getElementById('skin-video'); const video_position = skin_vid.dataset.pos; const video_id = skin_vid.dataset.id; gtag('event','item_pos_'+video_position+'_id_'+video_id+'_opened',{ 'event_category': 'item_opens', 'event_label': 'skin-video--'+video_id, 'non_interaction': false }); } else { down_arrow.classList.remove('off'); up_arrow.classList.add('off'); mid_main.classList.remove('open'); } }); if (skin_obj['open'] === true) document.getElementById('skin-video-tab').click(); } function activateUnits(units_obj){ for (const property in units_obj){ if (property == 3 || property == 8){ let itm_three = document.querySelector('.item-pos-3') ?? null; let itm_eight = document.querySelector('.item-pos-8') ?? null; el = itm_three === null ? itm_eight : itm_three; el_num = itm_three === null ? 8 : 3; el.innerHTML = units_obj[el_num]; if (el !== null){ item_register['.item-pos-'+property] = units_obj[el_num]+ '<scr'+'ipt> </scr'+'ipt>'; if (property == el_num){ let el_img = el.querySelector('img'); if (el_img !== null){ el_img.addEventListener('load',function(){ gtag('event','item_pos_MPU_viewed',{ 'event_category': 'item_views', 'event_label': 'item--MPU', 'non_interaction': true }); }); el.addEventListener('click',function(){ gtag('event','item_pos_MPU_clicked',{ 'event_category': 'item_clicks', 'event_label': 'item--MPU', 'non_interaction': false }); }); } } } } else { el = document.querySelector('.item-pos-'+property); if (el !== null){ item_register['.item-pos-'+property] = units_obj[property]; } } } } })(); </script> <script data-cfasync="false" async src="//cdn.intergient.com/1025266/74955/ramp.js"></script> </body> </html> <script src="https://cdnjs.cloudflare.com/ajax/libs/fastclick/0.6.0/fastclick.min.js" integrity="sha512-oljyd1wg75alHReTpDvNIQ4Yj1wZwGxxZhJhId3vr2dKY+26/r/wmMrImwDgin03+7wxyhX+adOQB/2BTvO5tQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script>if ('addEventListener' in document) {document.addEventListener('DOMContentLoaded', function() {FastClick.attach(document.body);}, false);}</script>