CINXE.COM

The UK's leading source for Hardware and Games reviews | bit-tech.net

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <link rel="preconnect" href="https://serve.themediateam.net" crossorigin> <script src="/static/external/js/jquery-1.12.3.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content=" " /> <!-- RSS FEEDS --> <link rel="alternate" href="/xml/all.rss" type="application/rss+xml" charset="utf-8" title="bit-tech feed" /> <link rel="alternate" href="/xml/bittech.rss" type="application/rss+xml" charset="utf-8" title="Article feed" /> <link rel="alternate" href="/xml/news.rss" type="application/rss+xml" charset="utf-8" title="News feed" /> <link rel="alternate" href="/xml/hardware.rss" type="application/rss+xml" charset="utf-8" title="Hardware feed" /> <link rel="alternate" href="/xml/gaming.rss" type="application/rss+xml" charset="utf-8" title="Gaming feed" /> <link rel="alternate" href="/xml/modding.rss" type="application/rss+xml" charset="utf-8" title="Modding feed" /> <link rel="alternate" href="/xml/blog.rss" type="application/rss+xml" charset="utf-8" title="Blog feed" /> <link rel="alternate" href="/xml/blog/podcasts.rss" type="application/rss+xml" charset="utf-8" title="Podcasts feed" /> <link rel="alternate" href="/xml/bits.rss" type="application/rss+xml" charset="utf-8" title="Bits feed" /> <style> /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url("/static/public/css/fonts/open-sans-v27-latin-regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("/static/public/css/fonts/open-sans-v27-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */ url("/static/public/css/fonts/open-sans-v27-latin-regular.woff") format('woff'), /* Modern Browsers */ url("/static/public/css/fonts/open-sans-v27-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */ url("/static/public/css/fonts/open-sans-v27-latin-regular.svg#OpenSans") format('svg'); /* Legacy iOS */ } </style> <link rel="canonical" href="https://bit-tech.net/guides/tech/" /> <meta name="theme-color" content="#3f2856"> <!-- OLD STYLES --> <link rel="apple-touch-icon" href="//images.bit-tech.net/images/webclip.png" /> <!-- NEW STYLES --> <link rel="shortcut icon" href="/static/public/image/favicon.ico" /> <style> *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; } [class*='col-'] { float: left; min-height: 1px; } .col-1-1 { width: 100%; } .col-3-12 { width: 25%; } .col-6-12 { width: 50%; } .col-1-3 { width: 33.33%; } .col-1-4 { width: 25%; } .col-1-8 { width: 12.5%; } .col-9-12 { width: 75%; } </style> <link rel="stylesheet" href="/static/public/css/main.v2.css" /> <link rel="stylesheet" href="/static/public/css/external/lite-yt-embed.css"> <style> @font-face { font-family: 'FontAwesome'; src: url('/static/external/css/font-awesome-4.6.3/fonts/fontawesome-webfont.eot?v=4.6.3'); src: url('/static/external/css/font-awesome-4.6.3/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('/static/external/css/font-awesome-4.6.3/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('/static/external/css/font-awesome-4.6.3/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('/static/external/css/font-awesome-4.6.3/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('/static/external/css/font-awesome-4.6.3/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-home:before { content: "\f015"; } .fa-envelope:before { content: "\f0e0"; } .fa-comments:before { content: "\f086"; } .fa-chevron-left:before { content: "\f053"; } .fa-shopping-cart:before { content: "\f07a"; } </style> <link rel="stylesheet" href="/static/public/css/section/guides.css" /> <link rel="stylesheet" href="/static/public/css/category/tech.css" /> <style> body{ margin:0; background:#000 url("/static/public/image/bittech_18_bg.jpg") fixed no-repeat 50% 0; } #side_column{ float:right; } #blurBackground{ margin: 0; background: #000 url("/static/public/image/bittech_18_bg.jpg") fixed no-repeat 50% 0; } #blurBackground.blurred{ filter: blur(4px); -webkit-filter: blur(4px); filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); -moz-filter: blur(4px); } #skin { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; } #skin > #skinclick { display: block; width: 100%; height: 100%; } body .pageContainer { z-index: 999; background: white; } #skin { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; } #skin > #skinclick { display: block; width: 100%; height: 100%; } body .pageContainer { z-index: 9999; background: white; } </style> <script type="text/javascript"> document.cutoff = 980; </script> <link rel="stylesheet" href="/static/public/css/list.v2.css" /> <!-- for google --> <title>The UK's leading source for Hardware and Games reviews | bit-tech.net</title> <meta name="description" content="The latest technology, hardware and game reviews and case mods. The latest news headlines from the hardware and gaming industries." /> <meta name="robots" content="index, follow" /> <meta name="googlebot" content="index, follow" /> <meta charset="utf-8"> <!-- for facebook --> <meta property="og:url" content="/guides/tech/" /> <meta property="og:title" content="The UK's leading source for Hardware and Games reviews | bit-tech.net" /> <meta property="og:description" content="The latest technology, hardware and game reviews and case mods. The latest news headlines from the hardware and gaming industries." /> <meta property="og:image" content="https://www.bit-tech.net/media/image/2017/7/275f529a-469f-43a8-9bfb-67ea7e6a4de9.png" /> <meta property="fb:app_id" content="1859842647618090"/> <meta property="og:locale" content="en_GB" /> <!-- for twitter --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@bittech" /> <meta name="twitter:creator" content="@bittech" /> <meta name="twitter:title" content="The UK's leading source for Hardware and Games reviews | bit-tech.net"> <meta name="twitter:description" content="The latest technology, hardware and game reviews and case mods. The latest news headlines from the hardware and gaming industries." /> <meta name="twitter:image" content="https://www.bit-tech.net/media/image/2017/7/275f529a-469f-43a8-9bfb-67ea7e6a4de9.png" /> <!-- Schema.org markup for Google+ --> <meta itemprop="name" content="The UK's leading source for Hardware and Games reviews | bit-tech.net"> <meta itemprop="description" content="The latest technology, hardware and game reviews and case mods. The latest news headlines from the hardware and gaming industries."> <meta itemprop="image" content="https://www.bit-tech.net/media/image/2017/7/275f529a-469f-43a8-9bfb-67ea7e6a4de9.png"> <!-- for amazon --> <link rel="search" type="application/opensearchdescription+xml" href="/opensearch_xml/" title=" search" /> <!-- more on meta tags and SEO --> <!-- JSON-LD markup --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "bit-tech", "url" : "https://bit-tech.net/", "sameAs": [ "https://www.facebook.com/bittech", "https://twitter.com/bittech", "https://www.instagram.com/bit_tech/", "https://www.youtube.com/channel/UCGxtYMx16kD7jK0RKSxsVrw" ], "logo": { "@type": "ImageObject", "url": "https://www.themediateam.net/static/img/resources/bit-tech/bit-tech.png" } } </script> </head> <body> <!-- Style Switcher --> <input id="settings-btn" type="checkbox" class="settings-btn"> <label for="settings-btn" class="settings-box-element"><i class="fa fa-chevron-left"></i></label> <!-- the white box that contains the buttons --> <div class="buttons-wrapper settings-box-element"></div> <!-- Style Switcher Themes --> <!-- dark background --> <input id="dark-layout" class="dark-layout" type="radio" name="layout"> <label for="dark-layout" class="layout-buttons settings-box-element">Dark Theme</label> <!-- light background --> <input id="light-layout" class="light-layout" type="radio" name="layout" checked> <label for="light-layout" class="layout-buttons settings-box-element">Light Theme</label> <!-- ./Style Switcher --> <div id="blurBackground"> <a name="top" id="top"></a> <div class="pageContainer"> <div id="brandHeader" class="clearfix"> <a href="/"><img class="logo" src="/static/public/image/bit_tech_logo_white.png" alt="bit-tech"></a> </div> <div id="navContainer" class="clearfix"> <div id="mainNav" class="clearfix"> <ul id="topList" class="clearfix"> <a href="/"> <li id="topListHome" class="topLi " > <div class="topLi-icon fa fa-home" style="display:none;"></div> <img src="/static/public/image/icons/home-icon.svg" alt="bit-tech home page"> <span>Home</span> </li> </a> <a href="/category/tech/"> <li data-section="tech" class="topLi active" > <div class="topLi-icon" style="display:none;"></div> <span>Tech</span> </li> </a> <a href="/category/modding/"> <li data-section="modding" class="topLi " > <div class="topLi-icon" style="display:none;"></div> <span>Modding</span> </li> </a> <a href="/category/gaming/"> <li data-section="gaming" class="topLi " > <div class="topLi-icon" style="display:none;"></div> <span>Gaming</span> </li> </a> <a href="//forums.bit-tech.net"> <li id="topListForum" > <div class="topLi-icon fa fa-comments" style="display:none;"></div> <span>Forum</span> </li> </a> </ul> <div class="right_box"> <div class="icons"> <a href="https://www.facebook.com/bittech"> <img src="/static/public/image/icons/facebook.svg" alt="bit-tech Facebook page"> </a> <a href="https://www.twitter.com/bittech"> <img src="/static/public/image/icons/twitter.svg" alt="bit-tech Twitter feed"> </a> <a href="https://www.instagram.com/bit_tech/"> <img src="/static/public/image/icons/instagram.svg" alt="bit-tech Instagram feed"> </a> <a href="https://www.youtube.com/c/bittech1"> <img src="/static/public/image/icons/youtube.svg" alt="bit-tech YouTube channel"> </a> <a href="https://discord.gg/EBGNWYm"> <img src="/static/public/image/icons/discord.svg" alt="bit-tech discord channel"> </a> <a href="/rss/"> <img src="/static/public/image/icons/rss.svg" alt="bit-tech RSS feed"> </a> </div> </div> <div class="account-options"> <a id="accounts_icon" href="https://forums.bit-tech.net/index.php/login"> <span class="account-option">Login</span> </a> <a href="https://forums.bit-tech.net/index.php?login/login"> <span class="account-option">Register</span> </a> </div> </div> <div id="subNav" class="clearfix"> <ul id="secondList" style="display: inline-flex; max-width: initial; width: initial;"> <li > <a href="/category/tech/"> <span>All</span> </a> </li> <li class="" > <a href="/news/tech/"> <span>News</span> </a> </li> <li class="" > <a href="/reviews/tech/"> <span>Reviews</span> </a> </li> <li class="" > <a href="/features/tech/"> <span>Features</span> </a> </li> <li class="" > <a href="/previews/tech/"> <span>Previews</span> </a> </li> <li class="active" > <a href="/guides/tech/"> <span>Guides</span> </a> </li> <li class="" > <a href="/blogs/tech/"> <span>Blogs</span> </a> </li> <li class="" > <a href="/competitions/tech/"> <span>Competitions</span> </a> </li> <li class="" > <a href="/press-releases/"> <span>Press Releases</span> </a> </li> </ul> <div class="search"> <form id="search_form" action="/search/" method="get" accept-charset="utf-8"> <input type="text" name="q" value="" placeholder="SEARCH"/> <span class="button"> <input type="submit" value=""> </span> </form> </div> </div> <div id="anotherSubNav" class="clearfix"> <ul id="thirdList" style="display: inline-flex; max-width: initial; width: initial;"> <li class="active"> <a href="/guides/tech/"> <span>All</span> </a> </li> <li > <a href=" /guides/tech/audio/ "> <span>Audio</span> </a> </li> <li > <a href=" /guides/tech/cases/ "> <span>Cases</span> </a> </li> <li > <a href=" /guides/tech/cooling/ "> <span>Cooling</span> </a> </li> <li > <a href=" /guides/tech/cpus/ "> <span>CPUs</span> </a> </li> <li > <a href=" /guides/tech/graphics/ "> <span>Graphics</span> </a> </li> <li > <a href=" /guides/tech/laptops/ "> <span>Laptops</span> </a> </li> <li > <a href=" /guides/tech/memory/ "> <span>Memory</span> </a> </li> <li > <a href=" /guides/tech/mobile/ "> <span>Mobile</span> </a> </li> <li > <a href=" /guides/tech/monitors/ "> <span>Monitors</span> </a> </li> <li > <a href=" /guides/tech/motherboards/ "> <span>Motherboards</span> </a> </li> <li > <a href=" /guides/tech/networking/ "> <span>Networking</span> </a> </li> <li > <a href=" /guides/tech/pcs/ "> <span>PCs</span> </a> </li> <li > <a href=" /guides/tech/peripherals/ "> <span>Peripherals</span> </a> </li> <li > <a href=" /guides/tech/psus/ "> <span>PSUs</span> </a> </li> <li > <a href=" /guides/tech/software/ "> <span>Software</span> </a> </li> <li > <a href=" /guides/tech/storage/ "> <span>Storage</span> </a> </li> </ul> </div> </div> <div id="bodyContainer" class="clearfix"> <div class="clearfix" style="clear:both;"> <div id="main_column"> <div id="top_features"> <div class="feature-images feature-block"> <a href="/guides/modding/video-cable-management-mod-for-fans/1/" class="feature-image active"> <img src="/media/image/2019/5/67d61cea-65e8-443e-b717-6797eae8c251.jpeg" width="100%" alt="Video: Cable Management Mod for Fans"> </a> <a href="/guides/modding/video-how-to-paint-your-motherboard-and-graphics-card/1/" class="feature-image"> <img src="/media/image/2019/5/f0ce0ea0-4cdc-450a-a8a3-a223a842941b.jpeg" width="100%" alt="Video: How To Paint Your Motherboard and Graphics Card"> </a> <a href="/guides/modding/how-to-jump-a-psu/1/" class="feature-image"> <img src="/media/image/2019/5/c62aea83-dd20-4d4f-b565-d6625b33d597.jpeg" width="100%" alt="How to Jump a PSU"> </a> </div> <div id="color-line"></div> <div class="feature-texts feature-block"> <div class="feature-text active"> <div class="category-line None modding"></div> <a href="/guides/modding/video-cable-management-mod-for-fans/1/"> <div class="category-dot None modding"></div> <p class="title">Video: Cable Management Mod for Fans</p> </a> <p class="description" >Fan cables can quickly build up, especially when water-cooling. Alex shows you how to trim them to length.</p> </div> <div class="feature-text"> <div class="category-line None modding"></div> <a href="/guides/modding/video-how-to-paint-your-motherboard-and-graphics-card/1/"> <div class="category-dot None modding"></div> <p class="title">Video: How To Paint Your Motherboard and Graphics Card</p> </a> <p class="description" >We take you through a quick and simple way to spruce up your hardware with a matching colour scheme.</p> </div> <div class="feature-text"> <div class="category-line None modding"></div> <a href="/guides/modding/how-to-jump-a-psu/1/"> <div class="category-dot None modding"></div> <p class="title">How to Jump a PSU</p> </a> <p class="description" >A quick guide on how to power up and test specific components (like a pump) without turning on your whole system.</p> </div> </div> </div> <div id="articles_list" class="clearfix articles_list top_list"> <div id="article_80578" class="article modding guides cooling tech modding hide-on-desktop "> <div class="articleinfo"> <a href="/guides/modding/video-cable-management-mod-for-fans/1/"> <img src="/media/image/2019/5/aea41766-69c1-481c-8aa6-66eeb603d0da.jpeg" alt="Video: Cable Management Mod for Fans"> <div class="article_info"> <div class="category-dot None modding"></div> <h4 class="article_heading" > Video: Cable Management Mod for Fans </h4> <div class="summery clearfix"> <p>Fan cables can quickly build up, especially when water-cooling. Alex shows you how to trim them to length.</p> <span class="published" >March 23, 2018 | 15:00</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_80451" class="article modding guides modding tech motherboards graphics hide-on-desktop "> <div class="articleinfo"> <a href="/guides/modding/video-how-to-paint-your-motherboard-and-graphics-card/1/"> <img src="/media/image/2019/5/7690f576-e414-4be2-916f-df49938ac704.jpeg" alt="Video: How To Paint Your Motherboard and Graphics Card"> <div class="article_info"> <div class="category-dot None modding"></div> <h4 class="article_heading" > Video: How To Paint Your Motherboard and Graphics Card </h4> <div class="summery clearfix"> <p>We take you through a quick and simple way to spruce up your hardware with a matching colour scheme.</p> <span class="published" >February 16, 2018 | 15:00</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_79964" class="article modding guides psus tech modding hide-on-desktop "> <div class="articleinfo"> <a href="/guides/modding/how-to-jump-a-psu/1/"> <img src="/media/image/2019/5/07852143-4e90-4a4a-9a88-95e477e644d4.jpeg" alt="How to Jump a PSU"> <div class="article_info"> <div class="category-dot None modding"></div> <h4 class="article_heading" > How to Jump a PSU </h4> <div class="summery clearfix"> <p>A quick guide on how to power up and test specific components (like a pump) without turning on your whole system.</p> <span class="published" >September 20, 2017 | 15:00</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_73571" class="article tech guides pc tech gaming "> <div class="articleinfo"> <a href="/guides/tech/build-your-own-steam-box/1/"> <img src="//images.bit-tech.net/content_images/2012/07/build-your-own-steam-box/featured_double.jpg" alt="Build your own Steam Box"> <div class="article_info"> <div class="category-dot None tech"></div> <h4 class="article_heading" > Build your own Steam Box </h4> <div class="summery clearfix"> <p>Valve might not be making its own console but Ben Hallett decided to build his own anyway</p> <span class="published" >July 18, 2012 | 14:43</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_72495" class="article None guides pc gaming tech graphics "> <div class="articleinfo"> <a href="/guides/pc-hardware-buyer-s-guide-july-2011/1/"> <img src="//images.bit-tech.net/content_images/2011/07/pc-hardware-buyer-s-guide-july-2011/featured_double.jpg" alt="PC Hardware Buyer&#39;s Guide July 2011"> <div class="article_info"> <div class="category-dot None None"></div> <h4 class="article_heading" > PC Hardware Buyer&#39;s Guide July 2011 </h4> <div class="summery clearfix"> <p>Our monthly guide to getting the best components for your PC build, whatever your budget.</p> <span class="published" >July 11, 2011 | 08:28</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_72193" class="article None guides pc gaming tech graphics "> <div class="articleinfo"> <a href="/guides/pc-hardware-buyer-s-guide-may-2011/1/"> <img src="//images.bit-tech.net/content_images/2011/05/pc-hardware-buyer-s-guide-may-2011/featured_double.jpg" alt="PC Hardware Buyer&#39;s Guide May 2011 "> <div class="article_info"> <div class="category-dot None None"></div> <h4 class="article_heading" > PC Hardware Buyer&#39;s Guide May 2011 </h4> <div class="summery clearfix"> <p>Our monthly guide to getting the best components for your PC build, whatever your budget.</p> <span class="published" >May 10, 2011 | 13:17</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_71911" class="article None guides pc gaming tech graphics "> <div class="articleinfo"> <a href="/guides/pc-hardware-buyer-s-guide-march-2011/1/"> <img src="//images.bit-tech.net/content_images/2011/03/pc-hardware-buyer-s-guide-march-2011/featured_double.jpg" alt="PC Hardware Buyer&#39;s Guide March 2011"> <div class="article_info"> <div class="category-dot None None"></div> <h4 class="article_heading" > PC Hardware Buyer&#39;s Guide March 2011 </h4> <div class="summery clearfix"> <p>Our monthly guide to getting the best components for your PC build, whatever your budget.</p> <span class="published" >March 10, 2011 | 15:27</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_71665" class="article None guides pc gaming tech graphics "> <div class="articleinfo"> <a href="/guides/pc-hardware-buyer-s-guide-february-2011/1/"> <img src="//images.bit-tech.net/content_images/2011/02/pc-hardware-buyer-s-guide-february-2011/featured_double.jpg" alt="PC Hardware Buyer&#39;s Guide February 2011"> <div class="article_info"> <div class="category-dot None None"></div> <h4 class="article_heading" > PC Hardware Buyer&#39;s Guide February 2011 </h4> <div class="summery clearfix"> <p>Our monthly PC building guide to getting the best components for your PC, whatever your budget.</p> <span class="published" >February 10, 2011 | 08:11</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_70925" class="article audio guides audio tech "> <div class="articleinfo"> <a href="/guides/tech/audio/how-to-set-up-a-media-streamer/1/"> <img src="//images.bit-tech.net/content_images/2010/11/how-to-set-up-a-media-streamer/featured_double.jpg" alt="How to set up a Media Streamer"> <div class="article_info"> <div class="category-dot tech audio"></div> <h4 class="article_heading" > How to set up a Media Streamer </h4> <div class="summery clearfix"> <p>Free your videos! We show how to set up shares for a media streamer.</p> <span class="published" >November 13, 2010 | 09:39</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_70841" class="article None guides pc gaming tech graphics "> <div class="articleinfo"> <a href="/guides/pc-hardware-buyer-s-guide-november-2010/1/"> <img src="//images.bit-tech.net/content_images/2010/11/pc-hardware-buyer-s-guide-november-2010/featured_double.jpg" alt="PC Hardware Buyer&#39;s Guide November 2010"> <div class="article_info"> <div class="category-dot None None"></div> <h4 class="article_heading" > PC Hardware Buyer&#39;s Guide November 2010 </h4> <div class="summery clearfix"> <p>Our monthly PC building guide to getting the best components for your PC, whatever your budget.</p> <span class="published" >November 3, 2010 | 12:13</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_70650" class="article None guides pc gaming tech graphics "> <div class="articleinfo"> <a href="/guides/pc-hardware-buyer-s-guide-october-2010/1/"> <img src="//images.bit-tech.net/content_images/2010/10/pc-hardware-buyer-s-guide-october-2010/featured_double.jpg" alt="PC Hardware Buyer&#39;s Guide October 2010"> <div class="article_info"> <div class="category-dot None None"></div> <h4 class="article_heading" > PC Hardware Buyer&#39;s Guide October 2010 </h4> <div class="summery clearfix"> <p>Our monthly PC building guide to getting the best components for your PC, whatever your budget.</p> <span class="published" >October 7, 2010 | 07:29</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_70425" class="article None guides pc gaming tech graphics "> <div class="articleinfo"> <a href="/guides/pc-hardware-buyer-s-guide-september-2010/1/"> <img src="//images.bit-tech.net/content_images/2010/09/pc-hardware-buyer-s-guide-september-2010/featured_double.jpg" alt="PC Hardware Buyer&#39;s Guide September 2010"> <div class="article_info"> <div class="category-dot None None"></div> <h4 class="article_heading" > PC Hardware Buyer&#39;s Guide September 2010 </h4> <div class="summery clearfix"> <p>Our monthly PC building guide to getting the best components for your PC, whatever your budget.</p> <span class="published" >September 7, 2010 | 08:48</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_70197" class="article None guides pc gaming tech graphics "> <div class="articleinfo"> <a href="/guides/pc-hardware-buyer-s-guide-august-2010/1/"> <img src="//images.bit-tech.net/content_images/2010/08/pc-hardware-buyer-s-guide-august-2010/featured_double.jpg" alt="PC Hardware Buyer&#39;s Guide August 2010"> <div class="article_info"> <div class="category-dot None None"></div> <h4 class="article_heading" > PC Hardware Buyer&#39;s Guide August 2010 </h4> <div class="summery clearfix"> <p>Our monthly PC building guide to getting the best components for your PC, whatever your budget.</p> <span class="published" >August 9, 2010 | 09:26</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> </div> <div id="articles_list_feature" class="articles_list"> <div id="article_70018" class="article tech guides tech "> <div class="articleinfo"> <a href="/guides/tech/can-we-build-a-real-high-tech-hero/1/"> <img src="//images.bit-tech.net/content_images/2010/07/can-we-build-a-real-high-tech-hero/featured_double.jpg" alt="Can we build a real high-tech hero?"> <div class="article_info"> <div class="category-dot None tech"></div> <h4 class="article_heading" > Can we build a real high-tech hero? </h4> <div class="summery clearfix"> <p>Superheroes use high-tech gadgets to save the world. Could a billionaire do the same with real tech? </p> <span class="published" >July 16, 2010 | 07:55</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_69993" class="article None guides pc gaming tech graphics "> <div class="articleinfo"> <a href="/guides/pc-hardware-buyer-s-guide-july-2010/1/"> <img src="//images.bit-tech.net/content_images/2010/07/pc-hardware-buyer-s-guide-july-2010/featured_double.jpg" alt="PC Hardware Buyer&#39;s Guide July 2010"> <div class="article_info"> <div class="category-dot None None"></div> <h4 class="article_heading" > PC Hardware Buyer&#39;s Guide July 2010 </h4> <div class="summery clearfix"> <p>Our monthly PC building guide to getting the best components for your PC, whatever your budget.</p> <span class="published" >July 13, 2010 | 08:47</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_69379" class="article None guides pc gaming tech graphics "> <div class="articleinfo"> <a href="/guides/pc-hardware-buyers-guide-may-2010/1/"> <img src="//images.bit-tech.net/content_images/2010/05/pc-hardware-buyers-guide-may-2010/featured_double.jpg" alt="PC Hardware Buyer&#39;s Guide May 2010"> <div class="article_info"> <div class="category-dot None None"></div> <h4 class="article_heading" > PC Hardware Buyer&#39;s Guide May 2010 </h4> <div class="summery clearfix"> <p>Our monthly PC building guide to getting the best components for your PC, whatever your budget.</p> <span class="published" >May 7, 2010 | 09:18</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> </div> <div id="articles_list" class="clearfix articles_list bottom_list"> <div id="article_69130" class="article None guides pc gaming tech graphics "> <div class="articleinfo"> <a href="/guides/pc-hardware-buyer-s-guide-april-2010/1/"> <img src="//images.bit-tech.net/content_images/2010/04/pc-hardware-buyer-s-guide-april-2010/featured_double.jpg" alt="PC Hardware Buyer&#39;s Guide - April 2010"> <div class="article_info"> <div class="category-dot None None"></div> <h4 class="article_heading" > PC Hardware Buyer&#39;s Guide - April 2010 </h4> <div class="summery clearfix"> <p>Our monthly PC building advice shows you how to spec up a PC that&#39;ll give you the best performance for whatever budget you have. Read on to see how Nvidia&#39;s GTX 470 and GTX 480 has changed things, and what&#39;s the best hardware to buy at the moment.</p> <span class="published" >April 13, 2010 | 08:40</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_68818" class="article None guides pc gaming tech graphics "> <div class="articleinfo"> <a href="/guides/pc-hardware-buyers-guide-march-2010/1/"> <img src="//images.bit-tech.net/content_images/2010/03/pc-hardware-buyers-guide-march-2010/featured_double.jpg" alt="PC Hardware Buyer&#39;s Guide - March 2010"> <div class="article_info"> <div class="category-dot None None"></div> <h4 class="article_heading" > PC Hardware Buyer&#39;s Guide - March 2010 </h4> <div class="summery clearfix"> <p>For our March 2010 PC Hardware Buyers Guide we&#39;ve seen a few subtle changes in among our recommendations, but most notably we&#39;ve had to accommodate price fluctuations in places. How has this changed our five PCs? Check in to find out.</p> <span class="published" >March 9, 2010 | 11:27</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_68180" class="article project-log guides gaming pcs modding tech project-log linux software "> <div class="articleinfo"> <a href="/guides/modding/project-log/how-to-build-a-dvd-server/1/"> <img src="//images.bit-tech.net/content_images/2009/12/how-to-build-a-dvd-server/featured_double.jpg" alt="How to Build a DVD Server"> <div class="article_info"> <div class="category-dot modding project-log"></div> <h4 class="article_heading" > How to Build a DVD Server </h4> <div class="summery clearfix"> <p>Andy decided that forking out tens of thousands for an expensive &#39;Kaleidoscape&#39; server was simply crackers. So, like any good modder, he built one himself, for less. In this article, he guides us through how you can make your own: from hardware to software.</p> <span class="published" >December 30, 2009 | 10:25</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_66635" class="article None guides cooling tech watercooling modding "> <div class="articleinfo"> <a href="/guides/how-to-reuse-an-old-waterblock/1/"> <img src="//images.bit-tech.net/content_images/2009/07/how-to-reuse-an-old-waterblock/featured_double.jpg" alt="How to reuse an old waterblock"> <div class="article_info"> <div class="category-dot None None"></div> <h4 class="article_heading" > How to reuse an old waterblock </h4> <div class="summery clearfix"> <p>Waterblocks don&#39;t date as quickly as other components, but if you upgrade your motherboard or graphics card you may find your trusty old block isn&#39;t compatible with your new kit. In this guide we show you how to make a new clamp for an old waterblock so you can use it with new components.</p> <span class="published" >July 11, 2009 | 11:01</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_65404" class="article None guides gaming tech monitors pc "> <div class="articleinfo"> <a href="/guides/what-hardware-should-i-buy-march-2009/1/"> <img src="//images.bit-tech.net/content_images/2009/03/what-hardware-should-i-buy-march-2009/featured_double.jpg" alt="What Hardware Should I Buy? - March 2009"> <div class="article_info"> <div class="category-dot None None"></div> <h4 class="article_heading" > What Hardware Should I Buy? - March 2009 </h4> <div class="summery clearfix"> <p>What changed for March? Take a look at our recommendations for building a budget, premium and ultimate system if you&#39;re in the market for a new PC. We provide a breakdown of first choice and alternatives to help balance and sift out the best products at your fingertips.</p> <span class="published" >March 3, 2009 | 11:16</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_64818" class="article tech guides pc tech gaming "> <div class="articleinfo"> <a href="/guides/tech/what-hardware-should-i-buy-jan-2009/1/"> <img src="//images.bit-tech.net/content_images/2009/01/what-hardware-should-i-buy-jan-2009/featured_double.jpg" alt="What Hardware Should I Buy? - Jan 2009"> <div class="article_info"> <div class="category-dot None tech"></div> <h4 class="article_heading" > What Hardware Should I Buy? - Jan 2009 </h4> <div class="summery clearfix"> <p>Welcome to 2009! Thinking of starting off the year with an upgrade to bring your PC up to speed? Then look no further than our monthly buyers guide. Once again we&#39;ve brought together a list of components we recommend to help take the stress out of upgrading to suit any budget.</p> <span class="published" >January 5, 2009 | 14:19</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_64535" class="article tech guides pc tech gaming "> <div class="articleinfo"> <a href="/guides/tech/what-hardware-should-i-buy-dec-2008/1/"> <img src="//images.bit-tech.net/content_images/2008/12/what-hardware-should-i-buy-dec-2008/featured_double.jpg" alt="What Hardware Should I Buy? - Dec 2008"> <div class="article_info"> <div class="category-dot None tech"></div> <h4 class="article_heading" > What Hardware Should I Buy? - Dec 2008 </h4> <div class="summery clearfix"> <p>Want to upgrade your system or build a PC this month and don&#39;t know what parts to get? Once again, we&#39;ve put together a range of components which the bit-tech staff personally recommend to take the stress out of upgrading or system building to suit any budget.</p> <span class="published" >December 1, 2008 | 11:22</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_64270" class="article tech guides pc tech gaming "> <div class="articleinfo"> <a href="/guides/tech/what-hardware-should-i-buy-nov-2008/1/"> <img src="//images.bit-tech.net/content_images/2008/11/what-hardware-should-i-buy-nov-2008/featured_double.jpg" alt="What Hardware Should I Buy? - Nov 2008"> <div class="article_info"> <div class="category-dot None tech"></div> <h4 class="article_heading" > What Hardware Should I Buy? - Nov 2008 </h4> <div class="summery clearfix"> <p>Want to upgrade your system or build a PC this month and don&#39;t know what parts to get? Once again, we&#39;ve put together a range of components which the bit-tech staff personally recommend to take the stress out of upgrading or system building to suit any budget.</p> <span class="published" >November 4, 2008 | 08:58</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_63945" class="article tech guides pc tech gaming "> <div class="articleinfo"> <a href="/guides/tech/what-hardware-should-i-buy-october-2008/1/"> <img src="//images.bit-tech.net/content_images/2008/10/what-hardware-should-i-buy-october-2008/featured_double.jpg" alt="What Hardware Should I Buy? - Oct 2008"> <div class="article_info"> <div class="category-dot None tech"></div> <h4 class="article_heading" > What Hardware Should I Buy? - Oct 2008 </h4> <div class="summery clearfix"> <p>Want to upgrade your system or build a PC this month and don&#39;t know what parts to get? We&#39;ve put together a range of components which the bit-tech staff personally recommend to take the stress out of upgrading or system building that should suit any budget.</p> <span class="published" >October 2, 2008 | 09:40</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> <div id="article_63049" class="article software guides gaming linux tech software "> <div class="articleinfo"> <a href="/guides/tech/software/build-your-own-router/1/"> <img src="//images.bit-tech.net/content_images/2008/06/build-your-own-router/featured_double.jpg" alt="Build your own Router"> <div class="article_info"> <div class="category-dot tech software"></div> <h4 class="article_heading" > Build your own Router </h4> <div class="summery clearfix"> <p>It seems like lots of people have been picking up Linux love since our Build Your Own Server article. So this time, Ken&#39;s back to bring it one step further - making your own home network router. Buckle up and get ready to dive into the world of iptables!</p> <span class="published" >June 27, 2008 | 10:58</span> </div> </div> </a> </div> <div class="rightseparator"></div> <div class="bottomseparator"></div> </div> </div> <div class="bottom_bar clearfix"> <div class="pagination-line"></div> <div id="bottom_border" class="clearfix col-1-1"> <div id="page_navigation" > <a href="?page=1"> <button class="nav_button" >First</button> </a> <button class="nav_button active" >1</button> <a href="?page=2"> <button class="nav_button" >2</button> </a> <a href="?page=2"> <button class="nav_button" >Next <img id="right_arrow" class="arrow" src="/static/public/image/nav_bar_arrow_white_right.png" alt=""></button> </a> <a href="?page=2"> <button class="nav_button" >Last</button> </a> </div> </div> <div class="pagination-line"></div> </div> </div> <div id="side_column" class="grid_6"> <div id="banners"> <div class="side_bar_banners" > <a href="//forums.bit-tech.net/index.php?forums/project-logs.42/"> <img src="/static/public/image/sidebar_banners/project_logs.jpg" alt="Project logs" loading="lazy"> </a> </div> <div class="side_bar_banners" > <a href="/category/modding/"> <img src="/static/public/image/sidebar_banners/modding.jpg" alt="modding content" loading="lazy"> </a> </div> <div class="side_bar_banners" > <a href="https://www.corsair.com/uk/en/"> <img src="/static/public/image/sidebar_banners/corsair2021.jpg" alt="Corsair" loading="lazy"> </a> </div> </div> <div id="latest-video"> <lite-youtube videoid="yoe5YiHXGHA"></lite-youtube> <img src="/static/public/image/YouTube_full-color.svg" alt="YouTube logo" loading="lazy"> <div> <h5 id="latest-video-text">MSI MPG Velox 100R Chassis Review</h5> <p>October 14 2021 | 15:04</p> </div> </div> <div style="float:right;" ></div> </div> </div> </div> <div class="footerContainer clearfix"> <div id="footer" class="clearfix" > <div id="bottom_links_container" class="clearfix" > <div id="bottom-site-links"> <h2 class="heading" >Site Links</h2> <ul class="site"> <li> <a href="/">Home</a> </li> <li> <a href="/terms/">Terms</a> </li> <li> <a href="/about/">About</a> </li> <li> <a href="mailto:hello@bit-tech.net">Advertise</a> </li> <li> <a href="/scores/">Award Guide</a> </li> <li> <a href="mailto:hello@bit-tech.net?subject=Site Contact Us">Contact Us</a> </li> </ul> </div> <div id="bottom-company-links"> <h2 class="heading" >Popular Companies</h2> <ul> <li> <a href="/company/nvidia/"> <span>NVIDIA</span> </a> </li> <li> <a href="/company/amd/"> <span>AMD</span> </a> </li> <li> <a href="/company/intel/"> <span>Intel</span> </a> </li> <li> <a href="/company/corsair/"> <span>Corsair</span> </a> </li> <li> <a href="/company/apple/"> <span>APPLE</span> </a> </li> <li> <a href="/company/google/"> <span>Google</span> </a> </li> <li> <a href="/company/microsoft/"> <span>Microsoft</span> </a> </li> <li> <a href="/company/steam/"> <span>Steam</span> </a> </li> <li> <a href="/company/arm/"> <span>arm</span> </a> </li> <li> <a href="/company/asus/"> <span>ASUS</span> </a> </li> <li> <a href="/company/msi/"> <span>MSI</span> </a> </li> <li> <a href="/company/gigabyte/"> <span>GIGABYTE</span> </a> </li> </ul> </div> <div class="icons"> <h2 class="heading">let's get social</h2> <ul> <li> <a href="https://www.facebook.com/bittech"> <img src="/static/public/image/icons/facebook.svg" alt="bit-tech Facebook page" loading="lazy"> </a> </li> <li> <a href="https://www.twitter.com/bittech"> <img src="/static/public/image/icons/twitter.svg" alt="bit-tech Twitter feed" loading="lazy"> </a> </li> <li> <a href="https://www.instagram.com/bit_tech/"> <img src="/static/public/image/icons/instagram.svg" alt="bit-tech Instagram feed" loading="lazy"> </a> </li> <li> <a href="https://www.youtube.com/c/bittech1"> <img src="/static/public/image/icons/youtube.svg" alt="bit-tech YouTube channel" loading="lazy"> </a> </li> <li> <a href="https://discord.gg/EBGNWYm"> <img src="/static/public/image/icons/discord.svg" alt="bit-tech discord channel" loading="lazy"> </a> </li> <li> <a href="/rss/"> <img src="/static/public/image/icons/rss.svg" alt="bit-tech RSS feed" loading="lazy"> </a> </li> </ul> </div> <img src="/static/public/image/bit_tech_logo_white.png" style="float: right;" alt="bit-tech logo" loading="lazy"> </div> <br> <div id="bottom_info_container" > <p>Copyright 漏 2000 - 2025, bit-tech.net. All rights reserved.</p> </div> <div id="theMediaTeamLogoContainer" style="float:right;"> <a href="https://www.themediateam.net/"> <img id="theMediaTeamLogo" src="/static/public/image/part_of_the_media_team.png" style="width:100%;" alt="The Media Team logo" loading="lazy"> </a> </div> </div> </div> </div> </div> <div class="opaque"></div> <div id="login_form" style="display: none;" class="login"> <div class="login-header"> <div class="login-title">Login Form</div> <div class="login-exit"></div> </div> <div class="login-form"></div> <div class="login-footer"></div> </div> <!-- JSON-LD --> <script type="text/javascript" src="/static/head/generateFromURL.js"></script> <!-- Tangular Template --> <script src="/static/external/js/Tangular.min.js"></script> <script type="text/template" id="sidebar_article_template"> <div class="sidebar_article[[ categories_string ]] [[ value.section ]]" > <div class="image"> <a href="[[ value.get_absolute_url ]]"> <img src="[[ thumbnail ]]" alt="[[ value.title ]]" loading="lazy"> </a> </div> <div class="details"> <div class="title"> <a href="[[ value.get_absolute_url ]]"> <h4> [[ value.title ]] </h4> </a> </div> </div> </div> </script> <!-- SCRIPTS --> <script type="text/javascript"> // desktop mobile split $.ajaxSetup({ beforeSend: function(xhr, settings) { function getCookie(name) { var cookieValue = null; if (document.cookie && document.cookie != '') { var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var cookie = jQuery.trim(cookies[i]); // Does this cookie string begin with the name we want? if (cookie.substring(0, name.length + 1) == (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) { // Only send the token to relative URLs i.e. locally. xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken')); } } }); Ta.settings.delimiters = ["[[", "]]"]; </script> <script src="/static/public/javascript/public.v2.js"></script> <script> window.BITTECH.Urls = { top_stories: "/api/functions/get_top_stories/", suggested_articles: "/api/functions/get_suggestions/" }; var formValues = JSON.parse(localStorage.getItem('bit-tech-style')) || {}; var $checkboxes = $("input[type='radio']"); function updateStorage(){ $checkboxes.each(function(){ formValues[this.id] = this.checked; }); localStorage.setItem("bit-tech-style", JSON.stringify(formValues)); } $checkboxes.on("change", function(){ updateStorage(); }); // On page load $.each(formValues, function(key, value) { $("#" + key).prop('checked', value); }); (function($) { setTimeout(function(){ $('#skin').css('height', $(document).height()); $('style').each(function(){ $(this).text( $(this).text().replace('body, body#bit-gamer', '#blurBackground') ); }); }); $("img[src*='featured_double']").each(function(index, value) { $(this).error(function() { var img = $(this).clone(); var img_container = $(this).closest('.image'); var new_src = img.attr("src").replace("featured_double", "index_img"); img.attr("src", new_src); $(this).replaceWith(img); if (img_container.css('background-image')){ img_container.css('background-image', 'url(' + new_src + ')'); } }); $(this).attr("src", function() { return this.src; }); }); var resManager = new window.BITTECH.ResolutionSwitcher(); resManager.checkResolution(); var resizeTimer; $(window).resize(function(){ clearTimeout(resizeTimer); resizeTimer = setTimeout(function(){ resManager.checkResolution(); }, 500); }); // short signup script function short_signup_redirect(){ var email = $('#shortSignup input[type="email"]').val(); window.top.location = '/'; } $('span.send').on('click', function(){ short_signup_redirect(); }); $('#email').keypress(function(event){ var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ short_signup_redirect(); } }); $('.search input[type="text"]').keypress(function(event){ var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ $('.search form').submit(); } }); // function to handle the user being subscribed function subscribed(){ // hide the subscribe to newsletter $('#shortSignup').remove() }; // sign me up click $('#signMeUp').click(function(){ // post to subscribe $.post("/cms/emails/api/functions/short-signup/", function(data){ if (data.status === 'success'){ subscribed(); } else { $('#shortSignup .signMeUpContainer').html('<h3 class="align-left headingBar">ADD YOUR EMAIL <a href="/accounts/profile/" style="text-decoration:underline;">HERE</a> TO SUBSCRIBE</h3>'); $('#signMeUp').hide(); }; }); }); // check if user is signed up $.get("/cms/emails/api/functions/is-subscribed/", function(data){ if (data.subscribed === true){ subscribed(); }; }); // identify visitor and metadata if there is a user agent var visitor_id = null; if ((typeof navigator !== 'undefined' || navigator !== null) && navigator.userAgent) { visitor_id = localStorage.getItem('visitor_id'); $.get('/cms/intelligence/visit_meta/' + visitor_id + '/').done(function(data) { localStorage.setItem('visitor_id', data['visitor_id']); // initialise poll once we're sure they have a visitor ID // initializePolls(); $.get('/cms/community/associate/' + data['visitor_id'] + '/'); var url_string = ''; var joiner = '?'; $('div.article').each(function(x){ var key = 'article_' + x.toString(); var value = $(this).attr('id').split('_')[1] url_string = url_string + joiner + x.toString() + '=' + value; joiner = '&'; }); }); } })(jQuery); (function ($) { var Modal = (function () { function Modal(options) { this.options = { $el: $("<div/>") }; $.extend(this.options, options); } Modal.prototype.show = function () { $(".opaque").addClass("show"); this.el().fadeIn("fast"); this.trigger("show"); return this; }; Modal.prototype.hide = function () { $(".opaque").removeClass("show"); this.el().fadeOut("fast"); this.trigger("hide"); return this; }; Modal.prototype.on = function (evt, cb) { this.options.$el.on(evt, cb.bind(this)); }; Modal.prototype.el = function () { return this.options.$el; }; Modal.prototype.off = function (evt) { this.options.$el.off(evt); }; Modal.prototype.trigger = function (evt, data) { this.options.$el.trigger(evt, data); }; return Modal; })(); var login_form = $("#login_form"); var modal = new Modal({ $el: login_form }); $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[this.name] = [o[this.name]]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } }); return o; }; $(function() { $('#page_body').find('img').each(function(index, image) { var caption = $(image).attr('caption'); $(image).replaceWith( $('<a/>').css({ 'overflow': 'auto', 'display': 'inline-block', 'flex-direction': 'column', 'justify-content': 'center', 'text-align': 'center', 'float': $(image).css('float') }) .attr('data-isimage', true) .attr('href', $(image).attr('data-src') || $(image).attr('src')) .html([ $(image).clone(), '<figcaption style="font-size: 10px; font-weight: 300;"><i> '+ (caption && caption.length ? $(image).attr('caption') : 'Click to enlarge') + ' </i></figcaption>', ]) ) }); if (window.baguetteBox) { baguetteBox.run('.object_body'); } }); })(jQuery); </script> <script> // media query change function WidthChange(mq) { if (mq.matches) { // window width is at least 950px $(header).css({ 'height': '65px', 'width': '100%', 'background-color': 'rgb(245, 245, 245)', // 'color': 'white', 'position': 'fixed', 'bottom': '0px', 'z-index': '9999', 'font-size': '1vw', 'text-align': 'center', 'max-height': '55px', 'font-size': '14px', }) } else { // window width is less than 950px $(header).css({ 'height': '90px', 'width': '100%', 'background-color': 'rgb(245, 245, 245)', // 'color': 'white', 'position': 'fixed', 'bottom': '0px', 'z-index': '9999', 'font-size': '3vw', 'text-align': 'center', 'max-height': '115px', 'font-size': '14px', }) } } if (!localStorage.getItem("bit-tech-privacy")||localStorage.getItem("bit-tech-privacy")==='false') { header = document.createElement('div') header.setAttribute('id', 'GDPR'); // media query event handler if (matchMedia) { const mq = window.matchMedia("(min-width: 950px)"); mq.addListener(WidthChange); WidthChange(mq); } text = document.createElement('p'); text.innerHTML = 'In line with recent changes to data protection legislation in the UK and Europe we would like to direct you to our updated <a href="https://www.themediateam.net/privacy/" alt="The Media Team privacy policy">Privacy Policy here</a>.'; $(text).css({ 'margin': '0px' }) header.appendChild(text) button = document.createElement('button') button.innerHTML = 'Dismiss'; $(button).css({ 'position': 'absolute', 'bottom': '5px', 'left': '0px', 'right': '0px', 'left': '0px', 'width': '65px', 'margin-left': 'auto', 'margin-right': 'auto', 'background-color': '#555555', 'border': 'none', 'color': 'white', 'padding': '5px', 'text-align': 'center', 'text-decoration': 'none', }) button.onclick = function() { localStorage.setItem('bit-tech-privacy', 'true'); $(header).css({ 'display': 'none' }) } header.appendChild(button); document.body.appendChild(header); } else { console.log(""); } </script> <script> $('a[href*="thinq.co.uk"]').each(function(i, v){ $(v).after($(v).text()); $(v).remove(); }); </script> <style> body, #blurBackground { background-attachment: fixed !important; } </style> <script src="/static/public/javascript/external/lite-yt-embed.js"></script> <script> var slideIndex = 0; var featuredLoop = null; var slideImages = document.getElementsByClassName("feature-image"); var slideTexts = document.getElementsByClassName("feature-text"); function carousel() { var i; for (i = 0; i < slideImages.length; i++) { slideImages[i].style.display = "none"; slideTexts[i].className = 'feature-text' } slideIndex++; if (slideIndex > slideImages.length) { slideIndex = 1 } slideImages[slideIndex-1].style.display = "inline-block"; slideTexts[slideIndex-1].className = 'feature-text active'; active = document.getElementsByClassName('feature-text active'); category = active[0].childNodes[1].className.split(" ")[1]; if (category == 'None') { category = active[0].childNodes[1].className.split(" ")[2]; } document.getElementById('color-line').className = category; featuredLoop = setTimeout(carousel, 5000); // Change image every 5 seconds } $(".feature-text").mouseover(function(event) { for (i = 0; i < slideImages.length; i++) { slideTexts[i].dataset.active = "false"; } event.currentTarget.dataset.active = "true" for (i = 0; i < slideImages.length; i++) { slideImages[i].style.display = "none"; slideTexts[i].className = 'feature-text'; if (slideTexts[i].dataset.active === "true") { slideIndex = i; } else { slideTexts[i].dataset.active = "false"; } } if (slideIndex > slideImages.length) { slideIndex = 1 } slideImages[slideIndex].style.display = "inline-block"; slideTexts[slideIndex].className = 'feature-text active'; active = document.getElementsByClassName('feature-text active'); category = active[0].childNodes[1].className.split(" ")[1]; if (category == 'None') { category = active[0].childNodes[1].className.split(" ")[2]; } document.getElementById('color-line').className = category; }); carousel(); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10