It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://hardocp.com/RSS/all_hardocp.xml

  1. <!doctype html>
  2. <html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en-US"  >
  3.  <head>
  4.    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1">
  6.    <!-- This is Squarespace. --><!-- corn-flower-ppwx -->
  7. <base href="">
  8. <meta charset="utf-8" />
  9. <title>HardOCP</title>
  10. <meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" href="https://images.squarespace-cdn.com/content/v1/61cb2d2898499d45ec54b5b7/b435ddd5-a76e-4fed-ac4c-ab7e54eb0fa2/favicon.ico?format=100w"/>
  11. <meta property="og:site_name" content="HardOCP"/>
  12. <meta property="og:title" content="HardOCP"/>
  13. <meta property="og:type" content="website"/>
  14. <meta property="og:image" content="http://images.squarespace-cdn.com/content/v1/61cb2d2898499d45ec54b5b7/5bd4017c-fdea-4a9d-ac1b-37a5af0067bd/HardOCP_logo_SquareSpace_on_black.png?format=1500w"/>
  15. <meta itemprop="name" content="HardOCP"/>
  16. <meta itemprop="thumbnailUrl" content="http://images.squarespace-cdn.com/content/v1/61cb2d2898499d45ec54b5b7/5bd4017c-fdea-4a9d-ac1b-37a5af0067bd/HardOCP_logo_SquareSpace_on_black.png?format=1500w"/>
  17. <link rel="image_src" href="http://images.squarespace-cdn.com/content/v1/61cb2d2898499d45ec54b5b7/5bd4017c-fdea-4a9d-ac1b-37a5af0067bd/HardOCP_logo_SquareSpace_on_black.png?format=1500w" />
  18. <meta itemprop="image" content="http://images.squarespace-cdn.com/content/v1/61cb2d2898499d45ec54b5b7/5bd4017c-fdea-4a9d-ac1b-37a5af0067bd/HardOCP_logo_SquareSpace_on_black.png?format=1500w"/>
  19. <meta name="twitter:title" content="HardOCP"/>
  20. <meta name="twitter:image" content="http://images.squarespace-cdn.com/content/v1/61cb2d2898499d45ec54b5b7/5bd4017c-fdea-4a9d-ac1b-37a5af0067bd/HardOCP_logo_SquareSpace_on_black.png?format=1500w"/>
  21. <meta name="twitter:card" content="summary"/>
  22. <meta name="description" content="" />
  23. <link rel="preconnect" href="https://images.squarespace-cdn.com">
  24. <script type="text/javascript" src="//use.typekit.net/ik/uADqAnqG5tEUqtskLzpdA7rI4R3n_zDGHv7hKpIRaEXfe0X2fFHN4UJLFRbh52jhWDjUjhJkZ2Jt5Q6X5Q8qF2m8jD9XjRmKFU7IMkG0jAFu-WsoShFGZAsude80ZkoRdhXCHKoyjamTiY8Djhy8ZYmC-Ao1Oco8if37OcBDOcu8OfG0jhNkdKucdeNaZWJlSYgapfoDSWmyScmDSeBRZPoRdhXCHKoDSWmyScmDSeBRZWFR-emqiAUTdcS0jhNlOeBRiA8XpWFR-emqiAUTdcS0jhNlOeBRiA8XpWFR-emqiAUTdcS0dcmXOeBDOcu8OeFzSctlZcUzihmkOWg3ia60SaBujW48Sagyjh90jhNlOeyyScszjaM0jhNlOeUzjhBC-eNDifUDSWmyScmDSeBRZWFR-emqiAUTdcS0jhNlOYiaikoyjamTiY8Djhy8ZYmC-Ao1OcFzdPUaiaS0jAFu-WsoShFGZAsude80Zko0ZWbCiaiaOcBDOcu8OYiaikoRda40OAZCdai8SKu3SYitO1FUiABkZWF3jAF8OcFzdPUaiaS0-eBkZeNRSfoRdhXCiaiaO1FUiABkZWF3jAF8ShFGZAsude80ZkoRdhXK2YgkdayTdAIldcNhjPG4fHvgIMMjgfMfH6qJK3IbMg6YJMJ7fbK3MsMMeMt6MKG4fJ3gIMMjIPMfqMYuq7h5g6.js"></script>
  25. <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  26. <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Archivo+Black:wght@400">
  27. <script type="text/javascript" crossorigin="anonymous" defer="defer" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script>
  28. <script type="text/javascript" crossorigin="anonymous" defer="defer" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script>
  29. <script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script>
  30. <script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-f44266dd6b66d667fd7a-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_runtime');</script>
  31. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-f44266dd6b66d667fd7a-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-6f117db4eb7fd4392375-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');</script>
  32. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-6f117db4eb7fd4392375-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-e94539391642d3b99900-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-cldr_resource_pack');</script>
  33. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-e94539391642d3b99900-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-70736932c490ae0713e6-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');</script>
  34. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-70736932c490ae0713e6-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-24ffb21b424f235e16e6-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script>
  35. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-24ffb21b424f235e16e6-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-b0226ddeb57defccfb43-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script>
  36. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-b0226ddeb57defccfb43-min.en-US.js" defer ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-4789a12096f1297e4c1b-min.en-US.js"},"squarespace-audio-player":{"css":"//assets.squarespace.com/universal/styles-compressed/audio-player-9fb16b1675c0ff315dae-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/audio-player-512fe6c1e045d531ca07-min.en-US.js"},"squarespace-blog-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/blog-collection-list-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-0ac0afef4825691a4645-min.en-US.js"},"squarespace-calendar-block-renderer":{"css":"//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-0e361398b7723c9dc63e-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-9e7074f1bb18f7222944-min.en-US.js"},"squarespace-chartjs-helpers":{"css":"//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-e1c09c17d776634c0edc-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-65c9630464ac844f013c-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-24b74a0326eae0cd5049-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-9b34dfd319c824fabec4-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-d6b87e47167ea588fb11-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-36a8dae7e2d8066980df-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-081be79078914b908a1a-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-aca0f8100a0920ae61cb-min.en-US.js"},"squarespace-events-collection":{"css":"//assets.squarespace.com/universal/styles-compressed/events-collection-0e361398b7723c9dc63e-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/events-collection-93991cf619906e47c736-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-4881dc59998d6c2b14c7-min.en-US.js"},"squarespace-forms":{"css":"//assets.squarespace.com/universal/styles-compressed/forms-8d93ba2c12ff0765b64c-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/forms-bbda371f816e5e158c02-min.en-US.js"},"squarespace-gallery-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-4015fa07502fd85cce51-min.en-US.js"},"squarespace-image-zoom":{"css":"//assets.squarespace.com/universal/styles-compressed/image-zoom-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/image-zoom-9c7b93bd6c6eec5cef37-min.en-US.js"},"squarespace-pinterest":{"css":"//assets.squarespace.com/universal/styles-compressed/pinterest-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/pinterest-0e346e0a347887bb4ffd-min.en-US.js"},"squarespace-popup-overlay":{"css":"//assets.squarespace.com/universal/styles-compressed/popup-overlay-b2bf7df4402e207cd72c-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/popup-overlay-30b4881c448562da3cc5-min.en-US.js"},"squarespace-product-quick-view":{"css":"//assets.squarespace.com/universal/styles-compressed/product-quick-view-4aec27f1bd826750e9db-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-5fd7b1f13f5ac172c82b-min.en-US.js"},"squarespace-products-collection-item-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-4f86cb20877dafd2ae07-min.en-US.js"},"squarespace-products-collection-list-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-5869a38a2bb3cda993d1-min.en-US.js"},"squarespace-search-page":{"css":"//assets.squarespace.com/universal/styles-compressed/search-page-dcc0462e30efbd6dc562-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/search-page-ddad245381ed53a6bf28-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-2b67577a9b5c8b3e7ba3-min.en-US.js"},"squarespace-simple-liking":{"css":"//assets.squarespace.com/universal/styles-compressed/simple-liking-a9eb87c1b73b199ce387-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/simple-liking-78c29e2a12a5aa2a2d61-min.en-US.js"},"squarespace-social-buttons":{"css":"//assets.squarespace.com/universal/styles-compressed/social-buttons-98ee3a678d356d849b76-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/social-buttons-5386c2973db284d2c70a-min.en-US.js"},"squarespace-tourdates":{"css":"//assets.squarespace.com/universal/styles-compressed/tourdates-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/tourdates-0c994a49c22d3424ca65-min.en-US.js"},"squarespace-website-overlays-manager":{"css":"//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-6dfb472f441e39d78b13-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-e40477de1ab3fc552e37-min.en-US.js"}},"pageType":100,"website":{"id":"61cb2d2898499d45ec54b5b7","identifier":"corn-flower-ppwx","websiteType":4,"contentModifiedOn":1641841711683,"cloneable":false,"hasBeenCloneable":false,"siteStatus":{},"language":"en-US","timeZone":"America/Chicago","machineTimeZoneOffset":-18000000,"timeZoneOffset":-18000000,"timeZoneAbbr":"CDT","siteTitle":"HardOCP","fullSiteTitle":"HardOCP","siteDescription":"","logoImageId":"61cb929a7de0f9580caea74f","shareButtonOptions":{"3":true,"7":true,"6":true,"4":true,"2":true,"8":true,"1":true},"logoImageUrl":"//images.squarespace-cdn.com/content/v1/61cb2d2898499d45ec54b5b7/5bd4017c-fdea-4a9d-ac1b-37a5af0067bd/HardOCP_logo_SquareSpace_on_black.png","authenticUrl":"https://hardocp.com","internalUrl":"https://corn-flower-ppwx.squarespace.com","baseUrl":"https://hardocp.com","primaryDomain":"hardocp.com","sslSetting":3,"isHstsEnabled":true,"socialAccounts":[{"serviceId":69,"screenname":"YouTube","addedOn":1640705321065,"profileUrl":"https://www.youtube.com/c/HardOCPTV","iconEnabled":true,"serviceName":"youtube-unauth"},{"serviceId":62,"screenname":"Twitter","addedOn":1640705321078,"profileUrl":"https://twitter.com/HardOCP","iconEnabled":true,"serviceName":"twitter-unauth"}],"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":false,"captchaSettings":{"enabledForDonations":false},"showOwnerLogin":false},"websiteSettings":{"id":"61cb2d2898499d45ec54b5ba","websiteId":"61cb2d2898499d45ec54b5b7","subjects":[],"country":"US","state":"TX","simpleLikingEnabled":true,"mobileInfoBarSettings":{"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":false,"commentAvatarsOn":true,"commentSortType":2,"commentFlagThreshold":0,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortname":"","commentsEnabled":false,"storeSettings":{"returnPolicy":null,"termsOfService":null,"privacyPolicy":null,"expressCheckout":false,"continueShoppingLinkUrl":"/","useLightCart":false,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":true,"isShippingPhoneRequired":false,"showBillingPhoneNumber":true,"isBillingPhoneRequired":false,"currenciesSupported":["USD","CAD","GBP","AUD","EUR","CHF","NOK","SEK","DKK","NZD","SGD","MXN","HKD","CZK","ILS","MYR","RUB","PHP","PLN","THB","BRL","ARS","COP","IDR","INR","JPY","ZAR"],"defaultCurrency":"USD","selectedCurrency":"USD","measurementStandard":1,"showCustomCheckoutForm":false,"checkoutPageMarketingOptInEnabled":true,"enableMailingListOptInByDefault":false,"sameAsRetailLocation":false,"merchandisingSettings":{"scarcityEnabledOnProductItems":false,"scarcityEnabledOnProductBlocks":false,"scarcityMessageType":"DEFAULT_SCARCITY_MESSAGE","scarcityThreshold":10,"multipleQuantityAllowedForServices":true,"restockNotificationsEnabled":false,"restockNotificationsMailingListSignUpEnabled":false,"relatedProductsEnabled":false,"relatedProductsOrdering":"random","soldOutVariantsDropdownDisabled":false,"productComposerOptedIn":false,"productComposerABTestOptedOut":false,"productReviewsEnabled":false,"displayImportedProductReviewsEnabled":false,"hasOptedToCollectNativeReviews":false},"isLive":false,"multipleQuantityAllowedForServices":true},"useEscapeKeyToLogin":false,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled"},"ampEnabled":false,"userAccountsSettings":{"loginAllowed":false,"signupAllowed":false}},"cookieSettings":{"isCookieBannerEnabled":false,"isRestrictiveCookiePolicyEnabled":false,"isRestrictiveCookiePolicyAbsolute":false,"cookieBannerText":"","cookieBannerTheme":"","cookieBannerVariant":"","cookieBannerPosition":"","cookieBannerCtaVariant":"","cookieBannerCtaText":"","cookieBannerAcceptType":"OPT_IN","cookieBannerOptOutCtaText":"","cookieBannerHasOptOut":false,"cookieBannerHasManageCookies":true,"cookieBannerManageCookiesLabel":""},"websiteCloneable":false,"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"form-use-theme-colors":"false","header-logo-height":"157px","header-mobile-logo-max-height":"30px","header-vert-padding":"3.2vw","header-width":"Full","maxPageWidth":"1400px","pagePadding":"4vw","tweak-blog-alternating-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-alternating-side-by-side-image-spacing":"5%","tweak-blog-alternating-side-by-side-meta-spacing":"15px","tweak-blog-alternating-side-by-side-primary-meta":"Categories","tweak-blog-alternating-side-by-side-read-more-spacing":"5px","tweak-blog-alternating-side-by-side-secondary-meta":"Date","tweak-blog-basic-grid-columns":"2","tweak-blog-basic-grid-image-aspect-ratio":"4:3 Four-Three","tweak-blog-basic-grid-image-spacing":"20px","tweak-blog-basic-grid-meta-spacing":"15px","tweak-blog-basic-grid-primary-meta":"Categories","tweak-blog-basic-grid-read-more-spacing":"15px","tweak-blog-basic-grid-secondary-meta":"Date","tweak-blog-item-custom-width":"60","tweak-blog-item-show-author-profile":"true","tweak-blog-item-width":"Wide","tweak-blog-masonry-columns":"3","tweak-blog-masonry-horizontal-spacing":"50px","tweak-blog-masonry-image-spacing":"20px","tweak-blog-masonry-meta-spacing":"10px","tweak-blog-masonry-primary-meta":"Categories","tweak-blog-masonry-read-more-spacing":"0px","tweak-blog-masonry-secondary-meta":"Date","tweak-blog-masonry-vertical-spacing":"100px","tweak-blog-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-side-by-side-image-spacing":"6%","tweak-blog-side-by-side-meta-spacing":"20px","tweak-blog-side-by-side-primary-meta":"Categories","tweak-blog-side-by-side-read-more-spacing":"5px","tweak-blog-side-by-side-secondary-meta":"Date","tweak-blog-single-column-image-spacing":"40px","tweak-blog-single-column-meta-spacing":"30px","tweak-blog-single-column-primary-meta":"Categories","tweak-blog-single-column-read-more-spacing":"30px","tweak-blog-single-column-secondary-meta":"Date","tweak-events-stacked-show-thumbnails":"true","tweak-events-stacked-thumbnail-size":"3:2 Standard","tweak-fixed-header":"false","tweak-fixed-header-style":"Scroll Back","tweak-global-animations-animation-curve":"ease","tweak-global-animations-animation-delay":"0.1s","tweak-global-animations-animation-duration":"0.1s","tweak-global-animations-animation-style":"fade","tweak-global-animations-animation-type":"none","tweak-global-animations-complexity-level":"detailed","tweak-global-animations-enabled":"false","tweak-portfolio-grid-basic-custom-height":"50","tweak-portfolio-grid-overlay-custom-height":"50","tweak-portfolio-hover-follow-acceleration":"10%","tweak-portfolio-hover-follow-animation-duration":"Medium","tweak-portfolio-hover-follow-animation-type":"Fade","tweak-portfolio-hover-follow-delimiter":"Forward Slash","tweak-portfolio-hover-follow-front":"false","tweak-portfolio-hover-follow-layout":"Inline","tweak-portfolio-hover-follow-size":"75","tweak-portfolio-hover-follow-text-spacing-x":"1.5","tweak-portfolio-hover-follow-text-spacing-y":"1.5","tweak-portfolio-hover-static-animation-duration":"Medium","tweak-portfolio-hover-static-animation-type":"Scale Up","tweak-portfolio-hover-static-delimiter":"Forward Slash","tweak-portfolio-hover-static-front":"false","tweak-portfolio-hover-static-layout":"Stacked","tweak-portfolio-hover-static-size":"75","tweak-portfolio-hover-static-text-spacing-x":"1.5","tweak-portfolio-hover-static-text-spacing-y":"1.5","tweak-portfolio-index-background-animation-duration":"Medium","tweak-portfolio-index-background-animation-type":"Fade","tweak-portfolio-index-background-custom-height":"50","tweak-portfolio-index-background-delimiter":"None","tweak-portfolio-index-background-height":"Large","tweak-portfolio-index-background-horizontal-alignment":"Center","tweak-portfolio-index-background-link-format":"Stacked","tweak-portfolio-index-background-persist":"false","tweak-portfolio-index-background-vertical-alignment":"Middle","tweak-portfolio-index-background-width":"Full Bleed","tweak-product-basic-item-click-action":"None","tweak-product-basic-item-gallery-aspect-ratio":"3:4 Three-Four (Vertical)","tweak-product-basic-item-gallery-design":"Slideshow","tweak-product-basic-item-gallery-width":"50%","tweak-product-basic-item-hover-action":"None","tweak-product-basic-item-image-spacing":"3vw","tweak-product-basic-item-image-zoom-factor":"1.75","tweak-product-basic-item-product-variant-display":"Dropdown","tweak-product-basic-item-thumbnail-placement":"Side","tweak-product-basic-item-variant-picker-layout":"Dropdowns","tweak-products-add-to-cart-button":"false","tweak-products-columns":"3","tweak-products-gutter-column":"2vw","tweak-products-gutter-row":"3vw","tweak-products-header-text-alignment":"Middle","tweak-products-image-aspect-ratio":"1:1 Square","tweak-products-image-text-spacing":"1vw","tweak-products-mobile-columns":"1","tweak-products-text-alignment":"Left","tweak-products-width":"Inset","tweak-transparent-header":"false"},"templateId":"5c5a519771c10ba3470d8101","templateVersion":"7.1","pageFeatures":[1,4],"gmRenderKey":"QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4","templateScriptsRootUrl":"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/","betaFeatureFlags":["visitor_react_forms","commerce_etsy_shipping_import","commsplat_forms_visitor_profile","background_art_onboarding","commerce_paywall_renewal_notifications","commerce_etsy_product_import","fluid_engine","commerce_site_visitor_metrics","scripts_defer","crm_product_contacts_use_mfe","campaigns_thumbnail_layout","order_status_page_checkout_landing_enabled","send_local_pickup_ready_email","campaigns_discount_section_in_blasts","commerce_order_status_access","crm_redesign_phase_1","proposals_beta_in_circle_labs","campaigns_discount_section_in_automations","unify_edit_mode_p2","campaigns_new_image_layout_picker","campaigns_global_uc_ab","toggle_preview_new_shortcut","fluid_engine_clean_up_grid_contextual_change","customer_account_creation_recaptcha","nested_categories_migration_enabled","website_fonts","hideable_header_footer_for_memberareas","i18n_beta_website_locales","commerce_clearpay","override_block_styles","is_feature_gate_refresh_enabled","supports_versioned_template_assets","google_consent_v2","pdp_product_add_ons_visitor_site","hideable_header_footer","commerce_restock_notifications","hideable_header_footer_for_courses","accounting_orders_sync","member_areas_feature","campaigns_import_discounts","commerce_checkout_website_updates_enabled","customer_accounts_email_verification","nested_categories","new_stacked_index","enable_css_variable_tweaks","commerce_subscription_renewal_notifications","marketing_landing_page","commerce_currency_jpy","hide_header_footer_beta","themes","collection_typename_switching","hideable_header_footer_for_videos"],"videoAssetsFeatureFlags":["mux-data-video-collection","mux-data-course-collection"],"impersonatedSession":false,"tzData":{"zones":[[-360,"US","C%sT",null]],"rules":{"US":[[1967,2006,null,"Oct","lastSun","2:00","0","S"],[1987,2006,null,"Apr","Sun>=1","2:00","1:00","D"],[2007,"max",null,"Mar","Sun>=8","2:00","1:00","D"],[2007,"max",null,"Nov","Sun>=1","2:00","0","S"]]}},"showAnnouncementBar":false,"recaptchaEnterpriseContext":{"recaptchaEnterpriseSiteKey":"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"},"i18nContext":{"timeZoneData":{"id":"America/Chicago","name":"Central Time"}},"env":"PRODUCTION"};</script><script type="application/ld+json">{"url":"https://hardocp.com","name":"HardOCP","description":"","image":"//images.squarespace-cdn.com/content/v1/61cb2d2898499d45ec54b5b7/5bd4017c-fdea-4a9d-ac1b-37a5af0067bd/HardOCP_logo_SquareSpace_on_black.png","@context":"http://schema.org","@type":"WebSite"}</script><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/61cb2d2898499d45ec54b5b7/27/5c5a519771c10ba3470d8101/61cb2d2898499d45ec54b5ea/1518/site.css"/><script>Static.COOKIE_BANNER_CAPABLE = true;</script>
  37. <!-- End of Squarespace Headers -->
  38.    
  39.      <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1712772943022-RISL5OTW906SEOCXSNEC/static.css">
  40.    
  41.  </head>
  42.  
  43.  <body
  44.    id="not-found"
  45.    class="
  46.      primary-button-style-outline primary-button-shape-square secondary-button-style-outline secondary-button-shape-square tertiary-button-style-outline tertiary-button-shape-square  form-field-style-solid form-field-shape-square form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-inverted form-field-checkbox-shape-square form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill form-field-hover-focus-outline form-submit-button-style-label header-overlay-alignment-center header-width-full   tweak-fixed-header-style-scroll-back tweak-blog-alternating-side-by-side-width-inset tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show tweak-blog-basic-grid-width-full tweak-blog-basic-grid-image-aspect-ratio-43-four-three tweak-blog-basic-grid-text-alignment-left tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-categories tweak-blog-basic-grid-secondary-meta-date tweak-blog-basic-grid-excerpt-show tweak-blog-item-width-wide tweak-blog-item-text-alignment-center tweak-blog-item-meta-position-above-title tweak-blog-item-show-categories tweak-blog-item-show-date tweak-blog-item-show-author-name tweak-blog-item-show-author-profile tweak-blog-item-delimiter-dash tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-center tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-dash tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show tweak-blog-side-by-side-width-inset tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-11-square tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-date tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show tweak-blog-single-column-width-inset tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-categories tweak-blog-single-column-secondary-meta-date tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-excerpt-and-title tweak-events-stacked-width-inset tweak-events-stacked-height-small tweak-events-stacked-show-past-events tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-side-tag tweak-events-stacked-show-time tweak-events-stacked-show-location tweak-events-stacked-ical-gcal-links tweak-events-stacked-show-excerpt   tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-none tweak-global-animations-animation-curve-ease tweak-portfolio-grid-basic-width-inset tweak-portfolio-grid-basic-height-medium tweak-portfolio-grid-basic-image-aspect-ratio-43-four-three tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-zoom tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-small tweak-portfolio-grid-overlay-image-aspect-ratio-43-four-three tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full-bleed tweak-portfolio-index-background-height-large  tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline  tweak-portfolio-hover-follow-delimiter-forward-slash tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-medium tweak-portfolio-hover-static-layout-stacked  tweak-portfolio-hover-static-delimiter-forward-slash tweak-portfolio-hover-static-animation-type-scale-up tweak-portfolio-hover-static-animation-duration-medium tweak-product-basic-item-product-variant-display-dropdown tweak-product-basic-item-width-full tweak-product-basic-item-gallery-aspect-ratio-34-three-four-vertical tweak-product-basic-item-text-alignment-left tweak-product-basic-item-navigation-breadcrumbs tweak-product-basic-item-content-alignment-top tweak-product-basic-item-gallery-design-slideshow tweak-product-basic-item-gallery-placement-left tweak-product-basic-item-thumbnail-placement-side tweak-product-basic-item-click-action-none tweak-product-basic-item-hover-action-none tweak-product-basic-item-variant-picker-layout-dropdowns tweak-products-width-inset tweak-products-image-aspect-ratio-11-square tweak-products-text-alignment-left  tweak-products-price-show tweak-products-nested-category-type-top tweak-products-category-title tweak-products-header-text-alignment-middle tweak-products-breadcrumbs image-block-poster-text-alignment-center image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-top image-block-collage-text-alignment-left image-block-stack-text-alignment-left hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-usd not-found-page mobile-style-available sqs-seven-one
  47.      
  48.        show-pdp-product-add-ons
  49.      
  50.      
  51.      
  52.        
  53.      
  54.    "
  55.    data-description="plp-mobile-editor-column"
  56.    tabindex="-1"
  57.  >
  58.    <div
  59.      id="siteWrapper"
  60.      class="clearfix site-wrapper"
  61.    >
  62.      
  63.        <div id="floatingCart" class="floating-cart hidden">
  64.          <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart">
  65.            <span class="Cart-inner">
  66.              
  67.  
  68.  
  69.  
  70.  <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
  71.  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2C0.5 1.17157 1.17157 0.5 2 0.5H13.6362C14.3878 0.5 15.0234 1.05632 15.123 1.80135L16.431 11.5916H59C59.5122 11.5916 59.989 11.8529 60.2645 12.2847C60.54 12.7165 60.5762 13.2591 60.3604 13.7236L50.182 35.632C49.9361 36.1614 49.4054 36.5 48.8217 36.5H18.0453C17.2937 36.5 16.6581 35.9437 16.5585 35.1987L12.3233 3.5H2C1.17157 3.5 0.5 2.82843 0.5 2ZM16.8319 14.5916L19.3582 33.5H47.8646L56.6491 14.5916H16.8319Z" />
  72.  <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
  73.  <path d="M21 49C23.2091 49 25 47.2091 25 45C25 42.7909 23.2091 41 21 41C18.7909 41 17 42.7909 17 45C17 47.2091 18.7909 49 21 49Z" />
  74.  <path d="M45 49C47.2091 49 49 47.2091 49 45C49 42.7909 47.2091 41 45 41C42.7909 41 41 42.7909 41 45C41 47.2091 42.7909 49 45 49Z" />
  75. </svg>
  76.  
  77.              <div class="legacy-cart icon-cart-quantity">
  78.                <span class="sqs-cart-quantity">0</span>
  79.              </div>
  80.            </span>
  81.          </a>
  82.        </div>
  83.      
  84.  
  85.      
  86.  
  87.  
  88.  
  89.  
  90.  
  91.  
  92.  
  93.  
  94.  
  95.  
  96.  
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103.  <header
  104.    data-test="header"
  105.    id="header"
  106.    
  107.    class="
  108.      
  109.        black-bold
  110.      
  111.      header theme-col--primary
  112.    "
  113.    data-section-theme="black-bold"
  114.    data-controller="Header"
  115.    data-current-styles="{
  116. &quot;layout&quot;: &quot;navCenter&quot;,
  117. &quot;action&quot;: {
  118. &quot;buttonText&quot;: &quot;Get Started&quot;,
  119. &quot;newWindow&quot;: false
  120. },
  121. &quot;showSocial&quot;: true,
  122. &quot;socialOptions&quot;: {
  123. &quot;socialBorderShape&quot;: &quot;none&quot;,
  124. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  125. &quot;socialBorderThickness&quot;: {
  126. &quot;unit&quot;: &quot;px&quot;,
  127. &quot;value&quot;: 1.0
  128. }
  129. },
  130. &quot;sectionTheme&quot;: &quot;black-bold&quot;,
  131. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  132. &quot;cartStyle&quot;: &quot;cart&quot;,
  133. &quot;cartText&quot;: &quot;Cart&quot;,
  134. &quot;showEmptyCartState&quot;: true,
  135. &quot;cartOptions&quot;: {
  136. &quot;iconType&quot;: &quot;solid-7&quot;,
  137. &quot;cartBorderShape&quot;: &quot;none&quot;,
  138. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  139. &quot;cartBorderThickness&quot;: {
  140. &quot;unit&quot;: &quot;px&quot;,
  141. &quot;value&quot;: 1.0
  142. }
  143. },
  144. &quot;showButton&quot;: false,
  145. &quot;showCart&quot;: false,
  146. &quot;showAccountLogin&quot;: true,
  147. &quot;headerStyle&quot;: &quot;theme&quot;,
  148. &quot;languagePicker&quot;: {
  149. &quot;enabled&quot;: false,
  150. &quot;iconEnabled&quot;: false,
  151. &quot;iconType&quot;: &quot;globe&quot;,
  152. &quot;flagShape&quot;: &quot;shiny&quot;,
  153. &quot;languageFlags&quot;: [ ]
  154. },
  155. &quot;mobileOptions&quot;: {
  156. &quot;layout&quot;: &quot;logoLeftNavRight&quot;,
  157. &quot;menuIcon&quot;: &quot;doubleLineHamburger&quot;,
  158. &quot;menuIconOptions&quot;: {
  159. &quot;style&quot;: &quot;doubleLineHamburger&quot;,
  160. &quot;thickness&quot;: {
  161. &quot;unit&quot;: &quot;px&quot;,
  162. &quot;value&quot;: 1.0
  163. }
  164. }
  165. },
  166. &quot;dynamicOptions&quot;: {
  167. &quot;border&quot;: {
  168. &quot;enabled&quot;: false,
  169. &quot;position&quot;: &quot;allSides&quot;,
  170. &quot;thickness&quot;: {
  171. &quot;unit&quot;: &quot;px&quot;,
  172. &quot;value&quot;: 4.0
  173. },
  174. &quot;color&quot;: {
  175. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  176. &quot;sitePaletteColor&quot;: {
  177. &quot;colorName&quot;: &quot;black&quot;,
  178. &quot;alphaModifier&quot;: 1.0
  179. }
  180. }
  181. }
  182. },
  183. &quot;solidOptions&quot;: {
  184. &quot;headerOpacity&quot;: {
  185. &quot;unit&quot;: &quot;%&quot;,
  186. &quot;value&quot;: 100.0
  187. },
  188. &quot;border&quot;: {
  189. &quot;enabled&quot;: false,
  190. &quot;position&quot;: &quot;allSides&quot;,
  191. &quot;thickness&quot;: {
  192. &quot;unit&quot;: &quot;px&quot;,
  193. &quot;value&quot;: 4.0
  194. },
  195. &quot;color&quot;: {
  196. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  197. &quot;sitePaletteColor&quot;: {
  198. &quot;colorName&quot;: &quot;black&quot;,
  199. &quot;alphaModifier&quot;: 1.0
  200. }
  201. }
  202. },
  203. &quot;dropShadow&quot;: {
  204. &quot;enabled&quot;: false,
  205. &quot;blur&quot;: {
  206. &quot;unit&quot;: &quot;px&quot;,
  207. &quot;value&quot;: 30.0
  208. },
  209. &quot;spread&quot;: {
  210. &quot;unit&quot;: &quot;px&quot;,
  211. &quot;value&quot;: 0.0
  212. },
  213. &quot;distance&quot;: {
  214. &quot;unit&quot;: &quot;px&quot;,
  215. &quot;value&quot;: 0.0
  216. },
  217. &quot;color&quot;: {
  218. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  219. &quot;sitePaletteColor&quot;: {
  220. &quot;colorName&quot;: &quot;black&quot;,
  221. &quot;alphaModifier&quot;: 1.0
  222. }
  223. }
  224. },
  225. &quot;blurBackground&quot;: {
  226. &quot;enabled&quot;: false,
  227. &quot;blurRadius&quot;: {
  228. &quot;unit&quot;: &quot;px&quot;,
  229. &quot;value&quot;: 12.0
  230. }
  231. },
  232. &quot;backgroundColor&quot;: {
  233. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  234. &quot;sitePaletteColor&quot;: {
  235. &quot;colorName&quot;: &quot;white&quot;,
  236. &quot;alphaModifier&quot;: 1.0
  237. }
  238. },
  239. &quot;navigationColor&quot;: {
  240. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  241. &quot;sitePaletteColor&quot;: {
  242. &quot;colorName&quot;: &quot;black&quot;,
  243. &quot;alphaModifier&quot;: 1.0
  244. }
  245. }
  246. },
  247. &quot;gradientOptions&quot;: {
  248. &quot;gradientType&quot;: &quot;faded&quot;,
  249. &quot;headerOpacity&quot;: {
  250. &quot;unit&quot;: &quot;%&quot;,
  251. &quot;value&quot;: 90.0
  252. },
  253. &quot;border&quot;: {
  254. &quot;enabled&quot;: false,
  255. &quot;position&quot;: &quot;allSides&quot;,
  256. &quot;thickness&quot;: {
  257. &quot;unit&quot;: &quot;px&quot;,
  258. &quot;value&quot;: 4.0
  259. },
  260. &quot;color&quot;: {
  261. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  262. &quot;sitePaletteColor&quot;: {
  263. &quot;colorName&quot;: &quot;black&quot;,
  264. &quot;alphaModifier&quot;: 1.0
  265. }
  266. }
  267. },
  268. &quot;dropShadow&quot;: {
  269. &quot;enabled&quot;: false,
  270. &quot;blur&quot;: {
  271. &quot;unit&quot;: &quot;px&quot;,
  272. &quot;value&quot;: 30.0
  273. },
  274. &quot;spread&quot;: {
  275. &quot;unit&quot;: &quot;px&quot;,
  276. &quot;value&quot;: 0.0
  277. },
  278. &quot;distance&quot;: {
  279. &quot;unit&quot;: &quot;px&quot;,
  280. &quot;value&quot;: 0.0
  281. },
  282. &quot;color&quot;: {
  283. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  284. &quot;sitePaletteColor&quot;: {
  285. &quot;colorName&quot;: &quot;black&quot;,
  286. &quot;alphaModifier&quot;: 1.0
  287. }
  288. }
  289. },
  290. &quot;blurBackground&quot;: {
  291. &quot;enabled&quot;: false,
  292. &quot;blurRadius&quot;: {
  293. &quot;unit&quot;: &quot;px&quot;,
  294. &quot;value&quot;: 12.0
  295. }
  296. },
  297. &quot;backgroundColor&quot;: {
  298. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  299. &quot;sitePaletteColor&quot;: {
  300. &quot;colorName&quot;: &quot;white&quot;,
  301. &quot;alphaModifier&quot;: 1.0
  302. }
  303. },
  304. &quot;navigationColor&quot;: {
  305. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  306. &quot;sitePaletteColor&quot;: {
  307. &quot;colorName&quot;: &quot;black&quot;,
  308. &quot;alphaModifier&quot;: 1.0
  309. }
  310. }
  311. },
  312. &quot;dropShadowOptions&quot;: {
  313. &quot;enabled&quot;: false,
  314. &quot;blur&quot;: {
  315. &quot;unit&quot;: &quot;px&quot;,
  316. &quot;value&quot;: 12.0
  317. },
  318. &quot;spread&quot;: {
  319. &quot;unit&quot;: &quot;px&quot;,
  320. &quot;value&quot;: 0.0
  321. },
  322. &quot;distance&quot;: {
  323. &quot;unit&quot;: &quot;px&quot;,
  324. &quot;value&quot;: 12.0
  325. }
  326. },
  327. &quot;borderOptions&quot;: {
  328. &quot;enabled&quot;: false,
  329. &quot;position&quot;: &quot;bottom&quot;,
  330. &quot;thickness&quot;: {
  331. &quot;unit&quot;: &quot;px&quot;,
  332. &quot;value&quot;: 4.0
  333. }
  334. },
  335. &quot;showPromotedElement&quot;: false,
  336. &quot;buttonVariant&quot;: &quot;primary&quot;,
  337. &quot;blurBackground&quot;: {
  338. &quot;enabled&quot;: false,
  339. &quot;blurRadius&quot;: {
  340. &quot;unit&quot;: &quot;px&quot;,
  341. &quot;value&quot;: 12.0
  342. }
  343. },
  344. &quot;headerOpacity&quot;: {
  345. &quot;unit&quot;: &quot;%&quot;,
  346. &quot;value&quot;: 100.0
  347. }
  348. }"
  349.    data-section-id="header"
  350.    data-header-theme="black-bold"
  351.    data-menu-overlay-theme=""
  352.    data-header-style="theme"
  353.    data-language-picker="{
  354. &quot;enabled&quot;: false,
  355. &quot;iconEnabled&quot;: false,
  356. &quot;iconType&quot;: &quot;globe&quot;,
  357. &quot;flagShape&quot;: &quot;shiny&quot;,
  358. &quot;languageFlags&quot;: [ ]
  359. }"
  360.    
  361.    data-first-focusable-element
  362.    tabindex="-1"
  363.    style="
  364.      
  365.        
  366.        
  367.      
  368.      
  369.        --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  370.      
  371.      
  372.        --solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
  373.      
  374.      
  375.        --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  376.      
  377.      
  378.        --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
  379.      
  380.    "
  381.  >
  382.    
  383. <div class="sqs-announcement-bar-dropzone"></div>
  384.  
  385.    <div class="header-announcement-bar-wrapper">
  386.      
  387.      <a
  388.        href="#page"
  389.        class="header-skip-link sqs-button-element--primary"
  390.      >
  391.        Skip to Content
  392.      </a>
  393.      
  394.  
  395.  
  396. <style>
  397.    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  398.        .header-blur-background {
  399.            
  400.            
  401.        }
  402.    }
  403. </style>
  404.      <div
  405.        class="header-border"
  406.        data-header-style="theme"
  407.        data-header-usability-enabled="true"
  408.        data-header-border="false"
  409.        data-test="header-border"
  410.        style="
  411.  
  412.  
  413.  
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421.  
  422.  
  423. "
  424.      ></div>
  425.      <div
  426.        class="header-dropshadow"
  427.        data-header-style="theme"
  428.        data-header-usability-enabled="true"
  429.        data-header-dropshadow="false"
  430.        data-test="header-dropshadow"
  431.        style="
  432.  
  433.  
  434.  
  435. "
  436.      ></div>
  437.      
  438.      
  439.  
  440.      <div class='header-inner container--fluid
  441.        
  442.        
  443.        
  444.         header-mobile-layout-logo-left-nav-right
  445.        
  446.        
  447.        
  448.        
  449.        
  450.        
  451.        
  452.        
  453.         header-layout-nav-center
  454.        
  455.        
  456.        
  457.        
  458.        
  459.        
  460.        '
  461.        style="
  462.  
  463.  
  464.  
  465.  
  466.  
  467.  
  468.  
  469.  
  470. "
  471.        data-test="header-inner"
  472.        >
  473.        <!-- Background -->
  474.        <div class="header-background theme-bg--primary"></div>
  475.  
  476.        <div class="header-display-desktop" data-content-field="site-title">
  477.          
  478.  
  479.          
  480.  
  481.          
  482.  
  483.          
  484.  
  485.          
  486.  
  487.          
  488.          
  489.            
  490.            <!-- Social -->
  491.            
  492.              
  493.            
  494.          
  495.            
  496.            <!-- Title and nav wrapper -->
  497.            <div class="header-title-nav-wrapper">
  498.              
  499.  
  500.              
  501.  
  502.              
  503.                
  504.                <!-- Title -->
  505.                
  506.                  <div
  507.                    class="
  508.                      header-title
  509.                      
  510.                    "
  511.                    data-animation-role="header-element"
  512.                  >
  513.                    
  514.                      <div class="header-title-logo">
  515.                        <a href="/" data-animation-role="header-element">
  516.                        
  517. <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/61cb2d2898499d45ec54b5b7/5bd4017c-fdea-4a9d-ac1b-37a5af0067bd/HardOCP_logo_SquareSpace_on_black.png?format=1500w" alt="HardOCP" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">
  518.  
  519.                        </a>
  520.                      </div>
  521.  
  522.                    
  523.                    
  524.                  </div>
  525.                
  526.              
  527.                
  528.                <!-- Nav -->
  529.                <div class="header-nav">
  530.                  <div class="header-nav-wrapper">
  531.                    <nav class="header-nav-list">
  532.                      
  533.  
  534.  
  535.  
  536.    <div class="header-nav-item header-nav-item--collection header-nav-item--homepage">
  537.      <a
  538.        href="/"
  539.        data-animation-role="header-element"
  540.        
  541.      >
  542.        Blog
  543.      </a>
  544.    </div>
  545.  
  546.  
  547.  
  548.  
  549.  
  550.  
  551.    <div class="header-nav-item header-nav-item--collection">
  552.      <a
  553.        href="/about"
  554.        data-animation-role="header-element"
  555.        
  556.      >
  557.        About
  558.      </a>
  559.    </div>
  560.  
  561.  
  562.  
  563.  
  564.  
  565.  
  566.    <div class="header-nav-item header-nav-item--collection">
  567.      <a
  568.        href="/contact"
  569.        data-animation-role="header-element"
  570.        
  571.      >
  572.        Contact
  573.      </a>
  574.    </div>
  575.  
  576.  
  577.  
  578.  
  579.  
  580.    <div class="header-nav-item header-nav-item--external">
  581.      <a href="https://hardforum.com"  data-animation-role="header-element">HardForum Community</a>
  582.    </div>
  583.  
  584.  
  585.  
  586.  
  587.  
  588.                    </nav>
  589.                  </div>
  590.                </div>
  591.              
  592.              
  593.            </div>
  594.          
  595.            
  596.            <!-- Actions -->
  597.            <div class="header-actions header-actions--right">
  598.              
  599.              
  600.                
  601.                  <div class="header-actions-action header-actions-action--social">
  602.                    
  603.                      
  604.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/c/HardOCPTV" target="_blank" aria-label="YouTube">
  605.                          <svg viewBox="23 23 64 64">
  606.                            <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  607.                          </svg>
  608.                        </a>
  609.                      
  610.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://twitter.com/HardOCP" target="_blank" aria-label="Twitter">
  611.                          <svg viewBox="23 23 64 64">
  612.                            <use xlink:href="#twitter-unauth-icon" width="110" height="110"></use>
  613.                          </svg>
  614.                        </a>
  615.                      
  616.                    
  617.                  </div>
  618.                
  619.              
  620.  
  621.              
  622.  
  623.            
  624.            
  625.  
  626.              
  627.              <div class="showOnMobile">
  628.                
  629.              </div>
  630.  
  631.              
  632.              <div class="showOnDesktop">
  633.                
  634.              </div>
  635.  
  636.              
  637.            </div>
  638.          
  639.            
  640.  
  641.  
  642. <style>
  643.  .top-bun,
  644.  .patty,
  645.  .bottom-bun {
  646.    height: 1px;
  647.  }
  648. </style>
  649.  
  650. <!-- Burger -->
  651. <div class="header-burger
  652.  
  653.  menu-overlay-has-visible-non-navigation-items
  654.  
  655. " data-animation-role="header-element">
  656.  <button class="header-burger-btn burger" data-test="header-burger">
  657.    <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  658.    <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  659.    <div class="burger-box">
  660.      <div class="burger-inner header-menu-icon-doubleLineHamburger">
  661.        <div class="top-bun"></div>
  662.        <div class="patty"></div>
  663.        <div class="bottom-bun"></div>
  664.      </div>
  665.    </div>
  666.  </button>
  667. </div>
  668.  
  669.          
  670.          
  671.          
  672.          
  673.          
  674.  
  675.        </div>
  676.        <div class="header-display-mobile" data-content-field="site-title">
  677.          
  678.            
  679.            <!-- Social -->
  680.            
  681.              
  682.            
  683.          
  684.            
  685.            <!-- Title and nav wrapper -->
  686.            <div class="header-title-nav-wrapper">
  687.              
  688.  
  689.              
  690.  
  691.              
  692.                
  693.                <!-- Title -->
  694.                
  695.                  <div
  696.                    class="
  697.                      header-title
  698.                      
  699.                    "
  700.                    data-animation-role="header-element"
  701.                  >
  702.                    
  703.                      <div class="header-title-logo">
  704.                        <a href="/" data-animation-role="header-element">
  705.                        
  706. <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/61cb2d2898499d45ec54b5b7/5bd4017c-fdea-4a9d-ac1b-37a5af0067bd/HardOCP_logo_SquareSpace_on_black.png?format=1500w" alt="HardOCP" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">
  707.  
  708.                        </a>
  709.                      </div>
  710.  
  711.                    
  712.                    
  713.                  </div>
  714.                
  715.              
  716.                
  717.                <!-- Nav -->
  718.                <div class="header-nav">
  719.                  <div class="header-nav-wrapper">
  720.                    <nav class="header-nav-list">
  721.                      
  722.  
  723.  
  724.  
  725.    <div class="header-nav-item header-nav-item--collection header-nav-item--homepage">
  726.      <a
  727.        href="/"
  728.        data-animation-role="header-element"
  729.        
  730.      >
  731.        Blog
  732.      </a>
  733.    </div>
  734.  
  735.  
  736.  
  737.  
  738.  
  739.  
  740.    <div class="header-nav-item header-nav-item--collection">
  741.      <a
  742.        href="/about"
  743.        data-animation-role="header-element"
  744.        
  745.      >
  746.        About
  747.      </a>
  748.    </div>
  749.  
  750.  
  751.  
  752.  
  753.  
  754.  
  755.    <div class="header-nav-item header-nav-item--collection">
  756.      <a
  757.        href="/contact"
  758.        data-animation-role="header-element"
  759.        
  760.      >
  761.        Contact
  762.      </a>
  763.    </div>
  764.  
  765.  
  766.  
  767.  
  768.  
  769.    <div class="header-nav-item header-nav-item--external">
  770.      <a href="https://hardforum.com"  data-animation-role="header-element">HardForum Community</a>
  771.    </div>
  772.  
  773.  
  774.  
  775.  
  776.  
  777.                    </nav>
  778.                  </div>
  779.                </div>
  780.              
  781.              
  782.            </div>
  783.          
  784.            
  785.            <!-- Actions -->
  786.            <div class="header-actions header-actions--right">
  787.              
  788.              
  789.                
  790.                  <div class="header-actions-action header-actions-action--social">
  791.                    
  792.                      
  793.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/c/HardOCPTV" target="_blank" aria-label="YouTube">
  794.                          <svg viewBox="23 23 64 64">
  795.                            <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  796.                          </svg>
  797.                        </a>
  798.                      
  799.                        <a class="icon icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://twitter.com/HardOCP" target="_blank" aria-label="Twitter">
  800.                          <svg viewBox="23 23 64 64">
  801.                            <use xlink:href="#twitter-unauth-icon" width="110" height="110"></use>
  802.                          </svg>
  803.                        </a>
  804.                      
  805.                    
  806.                  </div>
  807.                
  808.              
  809.  
  810.              
  811.  
  812.            
  813.            
  814.  
  815.              
  816.              <div class="showOnMobile">
  817.                
  818.              </div>
  819.  
  820.              
  821.              <div class="showOnDesktop">
  822.                
  823.              </div>
  824.  
  825.              
  826.            </div>
  827.          
  828.            
  829.  
  830.  
  831. <style>
  832.  .top-bun,
  833.  .patty,
  834.  .bottom-bun {
  835.    height: 1px;
  836.  }
  837. </style>
  838.  
  839. <!-- Burger -->
  840. <div class="header-burger
  841.  
  842.  menu-overlay-has-visible-non-navigation-items
  843.  
  844. " data-animation-role="header-element">
  845.  <button class="header-burger-btn burger" data-test="header-burger">
  846.    <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  847.    <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  848.    <div class="burger-box">
  849.      <div class="burger-inner header-menu-icon-doubleLineHamburger">
  850.        <div class="top-bun"></div>
  851.        <div class="patty"></div>
  852.        <div class="bottom-bun"></div>
  853.      </div>
  854.    </div>
  855.  </button>
  856. </div>
  857.  
  858.          
  859.          
  860.          
  861.          
  862.          
  863.        </div>
  864.      </div>
  865.    </div>
  866.    <!-- (Mobile) Menu Navigation -->
  867.    <div class="header-menu header-menu--folder-list
  868.      
  869.      
  870.      
  871.      
  872.      
  873.      "
  874.      data-section-theme=""
  875.      data-current-styles="{
  876. &quot;layout&quot;: &quot;navCenter&quot;,
  877. &quot;action&quot;: {
  878. &quot;buttonText&quot;: &quot;Get Started&quot;,
  879. &quot;newWindow&quot;: false
  880. },
  881. &quot;showSocial&quot;: true,
  882. &quot;socialOptions&quot;: {
  883. &quot;socialBorderShape&quot;: &quot;none&quot;,
  884. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  885. &quot;socialBorderThickness&quot;: {
  886. &quot;unit&quot;: &quot;px&quot;,
  887. &quot;value&quot;: 1.0
  888. }
  889. },
  890. &quot;sectionTheme&quot;: &quot;black-bold&quot;,
  891. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  892. &quot;cartStyle&quot;: &quot;cart&quot;,
  893. &quot;cartText&quot;: &quot;Cart&quot;,
  894. &quot;showEmptyCartState&quot;: true,
  895. &quot;cartOptions&quot;: {
  896. &quot;iconType&quot;: &quot;solid-7&quot;,
  897. &quot;cartBorderShape&quot;: &quot;none&quot;,
  898. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  899. &quot;cartBorderThickness&quot;: {
  900. &quot;unit&quot;: &quot;px&quot;,
  901. &quot;value&quot;: 1.0
  902. }
  903. },
  904. &quot;showButton&quot;: false,
  905. &quot;showCart&quot;: false,
  906. &quot;showAccountLogin&quot;: true,
  907. &quot;headerStyle&quot;: &quot;theme&quot;,
  908. &quot;languagePicker&quot;: {
  909. &quot;enabled&quot;: false,
  910. &quot;iconEnabled&quot;: false,
  911. &quot;iconType&quot;: &quot;globe&quot;,
  912. &quot;flagShape&quot;: &quot;shiny&quot;,
  913. &quot;languageFlags&quot;: [ ]
  914. },
  915. &quot;mobileOptions&quot;: {
  916. &quot;layout&quot;: &quot;logoLeftNavRight&quot;,
  917. &quot;menuIcon&quot;: &quot;doubleLineHamburger&quot;,
  918. &quot;menuIconOptions&quot;: {
  919. &quot;style&quot;: &quot;doubleLineHamburger&quot;,
  920. &quot;thickness&quot;: {
  921. &quot;unit&quot;: &quot;px&quot;,
  922. &quot;value&quot;: 1.0
  923. }
  924. }
  925. },
  926. &quot;dynamicOptions&quot;: {
  927. &quot;border&quot;: {
  928. &quot;enabled&quot;: false,
  929. &quot;position&quot;: &quot;allSides&quot;,
  930. &quot;thickness&quot;: {
  931. &quot;unit&quot;: &quot;px&quot;,
  932. &quot;value&quot;: 4.0
  933. },
  934. &quot;color&quot;: {
  935. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  936. &quot;sitePaletteColor&quot;: {
  937. &quot;colorName&quot;: &quot;black&quot;,
  938. &quot;alphaModifier&quot;: 1.0
  939. }
  940. }
  941. }
  942. },
  943. &quot;solidOptions&quot;: {
  944. &quot;headerOpacity&quot;: {
  945. &quot;unit&quot;: &quot;%&quot;,
  946. &quot;value&quot;: 100.0
  947. },
  948. &quot;border&quot;: {
  949. &quot;enabled&quot;: false,
  950. &quot;position&quot;: &quot;allSides&quot;,
  951. &quot;thickness&quot;: {
  952. &quot;unit&quot;: &quot;px&quot;,
  953. &quot;value&quot;: 4.0
  954. },
  955. &quot;color&quot;: {
  956. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  957. &quot;sitePaletteColor&quot;: {
  958. &quot;colorName&quot;: &quot;black&quot;,
  959. &quot;alphaModifier&quot;: 1.0
  960. }
  961. }
  962. },
  963. &quot;dropShadow&quot;: {
  964. &quot;enabled&quot;: false,
  965. &quot;blur&quot;: {
  966. &quot;unit&quot;: &quot;px&quot;,
  967. &quot;value&quot;: 30.0
  968. },
  969. &quot;spread&quot;: {
  970. &quot;unit&quot;: &quot;px&quot;,
  971. &quot;value&quot;: 0.0
  972. },
  973. &quot;distance&quot;: {
  974. &quot;unit&quot;: &quot;px&quot;,
  975. &quot;value&quot;: 0.0
  976. },
  977. &quot;color&quot;: {
  978. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  979. &quot;sitePaletteColor&quot;: {
  980. &quot;colorName&quot;: &quot;black&quot;,
  981. &quot;alphaModifier&quot;: 1.0
  982. }
  983. }
  984. },
  985. &quot;blurBackground&quot;: {
  986. &quot;enabled&quot;: false,
  987. &quot;blurRadius&quot;: {
  988. &quot;unit&quot;: &quot;px&quot;,
  989. &quot;value&quot;: 12.0
  990. }
  991. },
  992. &quot;backgroundColor&quot;: {
  993. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  994. &quot;sitePaletteColor&quot;: {
  995. &quot;colorName&quot;: &quot;white&quot;,
  996. &quot;alphaModifier&quot;: 1.0
  997. }
  998. },
  999. &quot;navigationColor&quot;: {
  1000. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1001. &quot;sitePaletteColor&quot;: {
  1002. &quot;colorName&quot;: &quot;black&quot;,
  1003. &quot;alphaModifier&quot;: 1.0
  1004. }
  1005. }
  1006. },
  1007. &quot;gradientOptions&quot;: {
  1008. &quot;gradientType&quot;: &quot;faded&quot;,
  1009. &quot;headerOpacity&quot;: {
  1010. &quot;unit&quot;: &quot;%&quot;,
  1011. &quot;value&quot;: 90.0
  1012. },
  1013. &quot;border&quot;: {
  1014. &quot;enabled&quot;: false,
  1015. &quot;position&quot;: &quot;allSides&quot;,
  1016. &quot;thickness&quot;: {
  1017. &quot;unit&quot;: &quot;px&quot;,
  1018. &quot;value&quot;: 4.0
  1019. },
  1020. &quot;color&quot;: {
  1021. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1022. &quot;sitePaletteColor&quot;: {
  1023. &quot;colorName&quot;: &quot;black&quot;,
  1024. &quot;alphaModifier&quot;: 1.0
  1025. }
  1026. }
  1027. },
  1028. &quot;dropShadow&quot;: {
  1029. &quot;enabled&quot;: false,
  1030. &quot;blur&quot;: {
  1031. &quot;unit&quot;: &quot;px&quot;,
  1032. &quot;value&quot;: 30.0
  1033. },
  1034. &quot;spread&quot;: {
  1035. &quot;unit&quot;: &quot;px&quot;,
  1036. &quot;value&quot;: 0.0
  1037. },
  1038. &quot;distance&quot;: {
  1039. &quot;unit&quot;: &quot;px&quot;,
  1040. &quot;value&quot;: 0.0
  1041. },
  1042. &quot;color&quot;: {
  1043. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1044. &quot;sitePaletteColor&quot;: {
  1045. &quot;colorName&quot;: &quot;black&quot;,
  1046. &quot;alphaModifier&quot;: 1.0
  1047. }
  1048. }
  1049. },
  1050. &quot;blurBackground&quot;: {
  1051. &quot;enabled&quot;: false,
  1052. &quot;blurRadius&quot;: {
  1053. &quot;unit&quot;: &quot;px&quot;,
  1054. &quot;value&quot;: 12.0
  1055. }
  1056. },
  1057. &quot;backgroundColor&quot;: {
  1058. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1059. &quot;sitePaletteColor&quot;: {
  1060. &quot;colorName&quot;: &quot;white&quot;,
  1061. &quot;alphaModifier&quot;: 1.0
  1062. }
  1063. },
  1064. &quot;navigationColor&quot;: {
  1065. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1066. &quot;sitePaletteColor&quot;: {
  1067. &quot;colorName&quot;: &quot;black&quot;,
  1068. &quot;alphaModifier&quot;: 1.0
  1069. }
  1070. }
  1071. },
  1072. &quot;dropShadowOptions&quot;: {
  1073. &quot;enabled&quot;: false,
  1074. &quot;blur&quot;: {
  1075. &quot;unit&quot;: &quot;px&quot;,
  1076. &quot;value&quot;: 12.0
  1077. },
  1078. &quot;spread&quot;: {
  1079. &quot;unit&quot;: &quot;px&quot;,
  1080. &quot;value&quot;: 0.0
  1081. },
  1082. &quot;distance&quot;: {
  1083. &quot;unit&quot;: &quot;px&quot;,
  1084. &quot;value&quot;: 12.0
  1085. }
  1086. },
  1087. &quot;borderOptions&quot;: {
  1088. &quot;enabled&quot;: false,
  1089. &quot;position&quot;: &quot;bottom&quot;,
  1090. &quot;thickness&quot;: {
  1091. &quot;unit&quot;: &quot;px&quot;,
  1092. &quot;value&quot;: 4.0
  1093. }
  1094. },
  1095. &quot;showPromotedElement&quot;: false,
  1096. &quot;buttonVariant&quot;: &quot;primary&quot;,
  1097. &quot;blurBackground&quot;: {
  1098. &quot;enabled&quot;: false,
  1099. &quot;blurRadius&quot;: {
  1100. &quot;unit&quot;: &quot;px&quot;,
  1101. &quot;value&quot;: 12.0
  1102. }
  1103. },
  1104. &quot;headerOpacity&quot;: {
  1105. &quot;unit&quot;: &quot;%&quot;,
  1106. &quot;value&quot;: 100.0
  1107. }
  1108. }"
  1109.      data-section-id="overlay-nav"
  1110.      data-show-account-login="true"
  1111.      data-test="header-menu">
  1112.      <div class="header-menu-bg theme-bg--primary"></div>
  1113.      <div class="header-menu-nav">
  1114.        <nav class="header-menu-nav-list">
  1115.          <div data-folder="root" class="header-menu-nav-folder">
  1116.            <div class="header-menu-nav-folder-content">
  1117.              <!-- Menu Navigation -->
  1118. <div class="header-menu-nav-wrapper">
  1119.  
  1120.    
  1121.      
  1122.        
  1123.          
  1124.            <div class="container header-menu-nav-item header-menu-nav-item--collection header-menu-nav-item--homepage">
  1125.              <a
  1126.                href="/"
  1127.                
  1128.              >
  1129.                <div class="header-menu-nav-item-content">
  1130.                  Blog
  1131.                </div>
  1132.              </a>
  1133.            </div>
  1134.          
  1135.        
  1136.      
  1137.    
  1138.      
  1139.        
  1140.          
  1141.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  1142.              <a
  1143.                href="/about"
  1144.                
  1145.              >
  1146.                <div class="header-menu-nav-item-content">
  1147.                  About
  1148.                </div>
  1149.              </a>
  1150.            </div>
  1151.          
  1152.        
  1153.      
  1154.    
  1155.      
  1156.        
  1157.          
  1158.            <div class="container header-menu-nav-item header-menu-nav-item--collection">
  1159.              <a
  1160.                href="/contact"
  1161.                
  1162.              >
  1163.                <div class="header-menu-nav-item-content">
  1164.                  Contact
  1165.                </div>
  1166.              </a>
  1167.            </div>
  1168.          
  1169.        
  1170.      
  1171.    
  1172.      
  1173.        
  1174.          <div class="container header-menu-nav-item header-menu-nav-item--external">
  1175.            <a href="https://hardforum.com" >HardForum Community</a>
  1176.          </div>
  1177.        
  1178.      
  1179.    
  1180.  
  1181. </div>
  1182.  
  1183.              
  1184.            </div>
  1185.            
  1186.              <div class="header-menu-actions social-accounts">
  1187.                
  1188.                  
  1189.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  1190.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://www.youtube.com/c/HardOCPTV" target="_blank" aria-label="YouTube">
  1191.                        <svg viewBox="23 23 64 64">
  1192.                          <use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
  1193.                        </svg>
  1194.                      </a>
  1195.                    </div>
  1196.                  
  1197.                    <div class="header-menu-actions-action header-menu-actions-action--social mobile">
  1198.                      <a class="icon icon--lg icon--fill  header-icon header-icon-border-shape-none header-icon-border-style-outline"  href="https://twitter.com/HardOCP" target="_blank" aria-label="Twitter">
  1199.                        <svg viewBox="23 23 64 64">
  1200.                          <use xlink:href="#twitter-unauth-icon" width="110" height="110"></use>
  1201.                        </svg>
  1202.                      </a>
  1203.                    </div>
  1204.                  
  1205.                
  1206.              </div>
  1207.            
  1208.            
  1209.            
  1210.          </div>
  1211.        </nav>
  1212.      </div>
  1213.    </div>
  1214.  </header>
  1215.  
  1216.  
  1217.  
  1218.  
  1219.      <main id="page" class="container" role="main">
  1220.        
  1221.          <div class="system-page">
  1222.            <p>We couldn't find the page you were looking for. This is either because:</p>
  1223. <ul>
  1224.  <li>There is an error in the URL entered into your web browser. Please check the URL and try again.</li>
  1225.  <li>The page you are looking for has been moved or deleted.</li>
  1226. </ul>
  1227. <p>
  1228.  You can return to our homepage by <a href="/">clicking here</a>, or you can try searching for the
  1229.  content you are seeking by <a href="/search">clicking here</a>.
  1230. </p>
  1231.          </div>
  1232.        
  1233.      </main>
  1234.      <script type="text/javascript">
  1235.        const firstSection = document.querySelector('.page-section');
  1236.        const header = document.querySelector('.header');
  1237.        const mobileOverlayNav = document.querySelector('.header-menu');
  1238.        const sectionBackground = firstSection ? firstSection.querySelector('.section-background') : null;
  1239.        const headerHeight = header ? header.getBoundingClientRect().height : 0;
  1240.        const firstSectionHasBackground = firstSection ? firstSection.className.indexOf('has-background') >= 0 : false;
  1241.        const isFirstSectionInset = firstSection ? firstSection.className.indexOf('background-width--inset') >= 0 : false;
  1242.        const isLayoutEngineSection = firstSection ? firstSection.className.indexOf('layout-engine-section') >= 0 : false;
  1243.  
  1244.        if (firstSection) {
  1245.          firstSection.style.paddingTop = headerHeight + 'px';
  1246.        }
  1247.        if (sectionBackground && isLayoutEngineSection) {
  1248.          if (isFirstSectionInset) {
  1249.            sectionBackground.style.top = headerHeight + 'px';
  1250.          } else {
  1251.            sectionBackground.style.top = '';
  1252.          }
  1253.        }
  1254.        //# sourceURL=headerPositioning.js
  1255.      </script>
  1256.  
  1257.      
  1258.        <footer class="sections" id="footer-sections" data-footer-sections>
  1259.  
  1260.  
  1261.  
  1262.  
  1263.  
  1264.  
  1265.    
  1266.    
  1267.  
  1268.  
  1269.  
  1270.  
  1271.  
  1272. <section
  1273.  data-test="page-section"
  1274.  
  1275.  data-section-theme="black-bold"
  1276.  class='page-section
  1277.    
  1278.      layout-engine-section
  1279.    
  1280.    background-width--full-bleed
  1281.    
  1282.      section-height--large
  1283.    
  1284.    
  1285.      content-width--narrow
  1286.    
  1287.    horizontal-alignment--center
  1288.    vertical-alignment--middle
  1289.    
  1290.      
  1291.    
  1292.    
  1293.    black-bold'
  1294.  
  1295.  data-section-id="61cb2d2998499d45ec54b5fe"
  1296.  
  1297.  data-controller="SectionWrapperController"
  1298.  data-current-styles="{
  1299. &quot;imageOverlayOpacity&quot;: 0.15,
  1300. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  1301. &quot;sectionHeight&quot;: &quot;section-height--large&quot;,
  1302. &quot;customSectionHeight&quot;: 20,
  1303. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  1304. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  1305. &quot;contentWidth&quot;: &quot;content-width--narrow&quot;,
  1306. &quot;customContentWidth&quot;: 100,
  1307. &quot;sectionTheme&quot;: &quot;black-bold&quot;,
  1308. &quot;sectionAnimation&quot;: &quot;none&quot;,
  1309. &quot;backgroundMode&quot;: &quot;image&quot;
  1310. }"
  1311.  data-current-context="{
  1312. &quot;video&quot;: {
  1313. &quot;playbackSpeed&quot;: 0.5,
  1314. &quot;filter&quot;: 1,
  1315. &quot;filterStrength&quot;: 0,
  1316. &quot;zoom&quot;: 0,
  1317. &quot;videoSourceProvider&quot;: &quot;none&quot;
  1318. },
  1319. &quot;backgroundImageId&quot;: null,
  1320. &quot;backgroundMediaEffect&quot;: null,
  1321. &quot;divider&quot;: null,
  1322. &quot;typeName&quot;: null
  1323. }"
  1324.  data-animation="none"
  1325.  
  1326.  
  1327.  
  1328.    
  1329.  
  1330.  
  1331. >
  1332.  <div
  1333.    class="section-border"
  1334.    
  1335.  >
  1336.    <div class="section-background">
  1337.    
  1338.      
  1339.    
  1340.    </div>
  1341.  </div>
  1342.  <div
  1343.    class='content-wrapper'
  1344.    style='
  1345.      
  1346.        
  1347.      
  1348.    '
  1349.  >
  1350.    <div
  1351.      class="content"
  1352.      
  1353.    >
  1354.      
  1355.      
  1356.      
  1357.      
  1358.      
  1359.      
  1360.      <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61cb2d2998499d45ec54b5fe"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-ed41c641ffe4383c08e5"><div class="sqs-block-content">
  1361.  
  1362.  
  1363.  
  1364. <div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color- social-icons-size-small social-icons-style-regular " >
  1365.  <style>
  1366.    #block-ed41c641ffe4383c08e5 .social-icons-style-border .sqs-svg-icon--wrapper {
  1367.      
  1368.        box-shadow: 0 0 0 2px inset;
  1369.      
  1370.      border: none;
  1371.    }
  1372.  </style>
  1373.  <nav class="sqs-svg-icon--list">
  1374.    <a href="https://www.youtube.com/c/HardOCPTV" target="_blank" class="sqs-svg-icon--wrapper youtube-unauth" aria-label="YouTube">
  1375.      <div>
  1376.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  1377.          <use class="sqs-use--icon" xlink:href="#youtube-unauth-icon"></use>
  1378.          <use class="sqs-use--mask" xlink:href="#youtube-unauth-mask"></use>
  1379.        </svg>
  1380.      </div>
  1381.    </a><a href="https://twitter.com/HardOCP" target="_blank" class="sqs-svg-icon--wrapper twitter-unauth" aria-label="Twitter">
  1382.      <div>
  1383.        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
  1384.          <use class="sqs-use--icon" xlink:href="#twitter-unauth-icon"></use>
  1385.          <use class="sqs-use--mask" xlink:href="#twitter-unauth-mask"></use>
  1386.        </svg>
  1387.      </div>
  1388.    </a>
  1389.  </nav>
  1390. </div>
  1391. </div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-453b4aa6316ff49b9fa4"><div class="sqs-block-content">
  1392.  
  1393. <div class="sqs-html-content">
  1394.  <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small">Made with <a href="http://squarespace.com" target="_blank">Squarespace</a></p>
  1395. </div>
  1396.  
  1397.  
  1398.  
  1399.  
  1400.  
  1401.  
  1402.  
  1403.  
  1404.  
  1405.  
  1406.  
  1407.  
  1408.  
  1409.  
  1410.  
  1411.  
  1412.  
  1413.  
  1414.  
  1415.  
  1416.  
  1417.  
  1418. </div></div></div></div></div>
  1419.    </div>
  1420.  
  1421.  </div>
  1422.  
  1423. </section>
  1424.  
  1425.  
  1426. </footer>
  1427.  
  1428.      
  1429.    </div>
  1430.  
  1431.    <script defer="defer" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.c60096393cff060396b454574afa2699.js" type="text/javascript"></script>
  1432.    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="youtube-unauth-icon" viewBox="0 0 64 64"><path d="M46.7,26c0,0-0.3-2.1-1.2-3c-1.1-1.2-2.4-1.2-3-1.3C38.3,21.4,32,21.4,32,21.4h0 c0,0-6.3,0-10.5,0.3c-0.6,0.1-1.9,0.1-3,1.3c-0.9,0.9-1.2,3-1.2,3S17,28.4,17,30.9v2.3c0,2.4,0.3,4.9,0.3,4.9s0.3,2.1,1.2,3 c1.1,1.2,2.6,1.2,3.3,1.3c2.4,0.2,10.2,0.3,10.2,0.3s6.3,0,10.5-0.3c0.6-0.1,1.9-0.1,3-1.3c0.9-0.9,1.2-3,1.2-3s0.3-2.4,0.3-4.9 v-2.3C47,28.4,46.7,26,46.7,26z M28.9,35.9l0-8.4l8.1,4.2L28.9,35.9z"/></symbol><symbol id="youtube-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M47,33.1c0,2.4-0.3,4.9-0.3,4.9s-0.3,2.1-1.2,3c-1.1,1.2-2.4,1.2-3,1.3 C38.3,42.5,32,42.6,32,42.6s-7.8-0.1-10.2-0.3c-0.7-0.1-2.2-0.1-3.3-1.3c-0.9-0.9-1.2-3-1.2-3S17,35.6,17,33.1v-2.3 c0-2.4,0.3-4.9,0.3-4.9s0.3-2.1,1.2-3c1.1-1.2,2.4-1.2,3-1.3c4.2-0.3,10.5-0.3,10.5-0.3h0c0,0,6.3,0,10.5,0.3c0.6,0.1,1.9,0.1,3,1.3 c0.9,0.9,1.2,3,1.2,3s0.3,2.4,0.3,4.9V33.1z M28.9,35.9l8.1-4.2l-8.1-4.2L28.9,35.9z"/></symbol><symbol id="twitter-unauth-icon" viewBox="0 0 64 64"><path d="M48,22.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6 C41.7,19.8,40,19,38.2,19c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5c-5.5-0.3-10.3-2.9-13.5-6.9c-0.6,1-0.9,2.1-0.9,3.3 c0,2.3,1.2,4.3,2.9,5.5c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1c2.9,1.9,6.4,2.9,10.1,2.9c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C46,24.5,47.1,23.4,48,22.1z"/></symbol><symbol id="twitter-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M44.7,25.5c0,0.3,0,0.6,0,0.8C44.7,35,38.1,45,26.1,45c-3.7,0-7.2-1.1-10.1-2.9 c0.5,0.1,1,0.1,1.6,0.1c3.1,0,5.9-1,8.2-2.8c-2.9-0.1-5.3-2-6.1-4.6c0.4,0.1,0.8,0.1,1.2,0.1c0.6,0,1.2-0.1,1.7-0.2 c-3-0.6-5.3-3.3-5.3-6.4c0,0,0-0.1,0-0.1c0.9,0.5,1.9,0.8,3,0.8c-1.8-1.2-2.9-3.2-2.9-5.5c0-1.2,0.3-2.3,0.9-3.3 c3.2,4,8.1,6.6,13.5,6.9c-0.1-0.5-0.2-1-0.2-1.5c0-3.6,2.9-6.6,6.6-6.6c1.9,0,3.6,0.8,4.8,2.1c1.5-0.3,2.9-0.8,4.2-1.6 c-0.5,1.5-1.5,2.8-2.9,3.6c1.3-0.2,2.6-0.5,3.8-1C47.1,23.4,46,24.5,44.7,25.5z"/></symbol></svg>
  1433.  
  1434.  </body>
  1435. </html>
  1436.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda