Loading
Created by:cookiesnstuffcookiesnstuff
{"id":623386,"type":0,"block_id":"cookiesnstuff_1361186175","theme_id":31,"user_id":194204,"path":"Origin-of-Portal","title":"Origin of Portal","pubtitle":"Origin of Portal","tags":"","public":true,"publicAccess":true,"private_link_enabled":0,"thumb":"https://s3-eu-west-1.amazonaws.com/infogram-thumbs-200/cookiesnstuff_1361186175.jpg","width":550,"copyright":null,"properties":{"transparent":false,"rtl":false,"export_settings":{"showGrid":true,"showValues":true},"whitelabel":false,"embed_button":"enabled","title_link":"infogram","custom_logo":"infogram","custom_link_url":"","embed_button_text":"Share","decimal_separator":".,"},"elements":[{"type":"particle","particle_id":13522825,"object_id":"cc1e7cf1-ea41-11e4-a037-7b5f270fdca9","particle_type":"maintitle","picture":null,"text":"Origin of Portal","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":605292,"object_id":"cookiesnstuff1361187275","particle_type":"bodytitle","picture":null,"text":"Narbacular Drop","content_type":"","title":"","shrink":null},{"type":"particle","particle_id":605180,"object_id":"cookiesnstuff1361186539","particle_type":"maintitle","picture":null,"text":"","content_type":"","title":"","shrink":null},{"type":"particle","particle_id":605195,"object_id":"cookiesnstuff1361186577","particle_type":"bodytext","picture":null,"text":"Portal is Valve&#39;s professionally-developed successor to the freeware game Narbacular Drop, the 2005 independent game released by students of the DigiPen; the original Drop team are now all employed at Valve.","content_type":"","title":"","shrink":null},{"type":"particle","particle_id":605297,"object_id":"cookiesnstuff1361187382","particle_type":"image","picture":"http://s3-eu-west-1.amazonaws.com/infogram-particles-700/cookiesnstuff1361187382.jpg"},{"type":"particle","particle_id":605289,"object_id":"cookiesnstuff1361187255","particle_type":"bodytitle","picture":null,"text":"GLaDOS","content_type":"","title":"","shrink":null},{"type":"particle","particle_id":604949,"object_id":"cookiesnstuff1361187494","particle_type":"bodytext","picture":null,"text":"GLaDOS went through several design iterations. Earlier versions included a floating brain, a sprawling, spidery mechanism, and an upside-down version of Botticelli&#39;s painting \"The Birth of Venus\" built out of robot parts and wire, and the cores were glowing light blue spheres. Eventually, the team settled on a huge mechanical device with a robotic figure dangling out of it, conveying both GLaDOS&#39; raw mechanical power and femininity.","content_type":"","title":"","shrink":null},{"type":"particle","particle_id":471002,"object_id":"cookiesnstuff1361187793","particle_type":"image","picture":"http://s3-eu-west-1.amazonaws.com/infogram-particles-700/cookiesnstuff1361187793.jpg"},{"type":"particle","particle_id":492626,"object_id":"cookiesnstuff1361188239","particle_type":"bodytitle","picture":null,"text":"Concept Art","content_type":"","title":"","shrink":null},{"type":"particle","particle_id":605379,"object_id":"cookiesnstuff1361188490","particle_type":"bodytext","picture":null,"text":"The Valve team are known for their game characters being based off of real life people, however the first instalment of portal was all concept art driven. this led to a lot of versions of Chell (the protagonist) being created. In game however it is very difficult to see the character you play as andbecause she is silent throughout many believed the character to be male.","content_type":"","title":"","shrink":null},{"type":"particle","particle_id":605407,"object_id":"cookiesnstuff1361188842","particle_type":"image","picture":"http://s3-eu-west-1.amazonaws.com/infogram-particles-700/cookiesnstuff1361188842.png"},{"type":"particle","particle_id":605326,"object_id":"cookiesnstuff1361187570","particle_type":"bodytitle","picture":null,"text":"References ","content_type":"","title":"","shrink":null},{"type":"particle","particle_id":605329,"object_id":"cookiesnstuff1361187600","particle_type":"bodytext","picture":null,"text":"http://www.gameinformer.com/b/features/archive/2010/03/24/aperture-science_3a00_-a-history.aspx","content_type":"","title":"","shrink":null},{"type":"particle","particle_id":605331,"object_id":"cookiesnstuff1361187611","particle_type":"bodytext","picture":null,"text":"http://www.pcgamer.com/2010/09/10/interview-valve-on-their-insane-portal-2-ideas/","content_type":"","title":"","shrink":null},{"type":"particle","particle_id":605337,"object_id":"cookiesnstuff1361187692","particle_type":"bodytext","picture":null,"text":"http://www.gamasutra.com/php-bin/news_index.php?story=17625#.USIS26WR5qE","content_type":"","title":"","shrink":null}],"theme":{"createdAt":"2016-04-22T04:54:07.000Z","updatedAt":"2016-12-28T10:33:43.000Z","logoImages":[""],"charts":{"treemap":{"labels":{"name":{"fontFamily":"PT Sans Narrow","fontWeight":"700"},"value":{"fontFamily":"PT Sans Narrow"}}},"wordcloud":{"labels":{"fontFamily":"Arial","fontWeight":"700"}},"table":{"cellBackground":"#ffffff","headerBackground":"#eeeeee","cellColor":"#232323","headerColor":"#232323","shapeFill":"#232323"}},"color":{"bg":"#ffffff","text":"#000000","chart":{"bg":"transparent","text":"#767676"},"element":{"bg":"transparent","text":"#000000"}},"colorPresets":[],"localFonts":[],"font":{"common":{"textAlign":"initial","fontSize":"16","fontStyle":"normal","fontWeight":"400","fontFamily":"PT Sans Narrow"},"legend":{"fontSize":"16","fontWeight":"400"},"label":{"fontSize":16,"fontWeight":400}},"fontPresets":[],"fontFamilies":["Pontano Sans","PT Sans","PT Sans Narrow","Arial Narrow"],"id":31,"title":"Light-new","usergroup":"archived","picture":"https://d1m5pq7b4fzvad.cloudfront.net/31/thumbnail.png","thumb":"/i/templates/S/grey.png","order":28,"public":0,"width":550,"fonts":"Pontano+Sans;PT+Sans+Narrow","colors":["#34a6b5","#bfbfbf","#5bb7c3","#959595","#287f8a","#4c4c4c","#005863","#000000","#9af3ff","#e2e2e2"],"logocolor":"6abac5","logoUrl":"","showLogo":"","showEmbed":"","embedButtonText":"Share","top":0,"padding":20,"spacing":10,"shrinkMargin":20,"shrinkPadding":20,"spacingElementMin":null,"spacingElementMax":null,"css":".heatmap-legend {\n\tmargin-bottom: 10px;\n\tbackground: rgba(255, 255, 255, 0.7);\n}\n.igc-textual-figure {\n\tfont-size: 45px;\n}\n.igc-sheets .igc-sheet .igc-sheet-ico,\n.igc-sheets .igc-sheet:hover .igc-sheet-ico {\n\tborder-color: #7d7d7d;\n}\n.igc-sheets .igc-sheet .igc-sheet-label,\n.igc-sheets .igc-sheet:hover .igc-sheet-label,\n.igc-sheets .igc-sheet.active .igc-sheet-label {\n\tcolor: #7d7d7d;\n}\n.igc-sheet .igc-sheet-ico,\n.igc-sheet.active .igc-sheet-ico {\n\tbackground: transparent;\n}\n.igc-sheets .igc-sheet.active .igc-sheet-ico::after,\n.igc-sheets .igc-sheet:hover .igc-sheet-ico::after {\n\theight: 14px;\n\twidth: 14px;\n\tleft: 2px;\n\ttop: 2px;\n\tbackground: #7d7d7d;\n}\ndiv[id^='table_'] .inner {\n\tbackground: transparent;\n\tpadding-left: 0;\n\tpadding-rigth: 0;\n}\n.igc-table-scroll {\n\tbackground: #eee;\n}\n.chart > .inner {\n\tpadding-top: 21px;\n\tpadding-left: 21px;\n\tpadding-right: 21px;\n}\n.chart > .igc-chart.inner\n.ig-copyright,\n#madewith a:link,\n#madewith a:active,\n#madewith a,\n#madewith a:visited,\n#madewith a:hover {\n\tcolor: #7d7d7d !important;\n}\n.ig-container {\n\tbackground: url(/i/templates/31/fons2.png);\n}\n.headline {\n\tfont-family: Pontano Sans;\n\tfont-weight: 400;\n\tfont-size: 40px;\n\tcolor: #34a6b5;\n\ttext-transform: uppercase;\n\ttext-align: center;\n\tline-height: 50px;\n}\n.chart-title {\n\tbackground: rgba(52, 166, 181, 0.7);\n\tfont-family: Pontano Sans;\n\tfont-weight: 400;\n\tfont-size: 22px;\n\tcolor: #fff;\n\ttext-align: center;\n}\n.chart-title .innertext {\n\tpadding: 3px;\n}\n.bodytext {\n\tfont-family: Pontano Sans;\n\tpadding: 20px;\n\tpadding-top: 10px;\n\tpadding-bottom: 10px;\n\tfont-size: 16px;\n\tcolor: #464646;\n}\n.quote {\n\tpadding-top: 10px;\n\tpadding-bottom: 10px;\n\tfont-family: Pontano Sans;\n\ttext-align: center;\n\tfont-weight: 400;\n\tfont-size: 27px;\n\tcolor: #34a6b5;\n\ttext-transform: uppercase;\n\tpadding-left: 30px;\n\tpadding-right: 30px;\n}\n.quotetitle {\n\tcolor: #3e4648;\n\tfont-size: 22px;\n}\n.chart .inner,\n.map {\n\tbackground: #f7f7f7;\n}\n.chart {\n\tpadding-bottom: 10px;\n\theight: auto !important;\n}\n.headline.active:hover {\n\tcolor: #0d6874;\n}\n#madewith.active a:hover {\n\tcolor: #0d6874 !important;\n}\n.titlepopup {\n\ttop: 1px;\n}\n.titlepopup1,\n.titlepopup2 {\n\tborder-color: #0d6874;\n}\n.shrink .chart > .inner {\n\tpadding-left: 10px;\n\tpadding-right: 10px;\n}\n.shrink .chart {\n\tmargin-left: 0;\n\tmargin-right: 0;\n}\n.ig-separator-line {\n\tbackground: rgba(118, 118, 118, 0.5);\n}\n.heatmap-legend-item,\n.heatmap-label {\n\tcolor: #767676;\n\tfont-size: 11px;\n\tfont-family: PT Sans;\n}\n.igc-graph-pie-piece {\n\tstroke: rgba(255, 255, 255, 0.7);\n}\n.igc-tabs .igc-tab-active {\n background: #ffffff;\n }\n .igc-tabs .igc-tab .igc-tab-content,\n .igc-tabs .igc-tab.icon-down:after {\n font-family: PT Sans Narrow;\n color: #000000;\n font-weight: 400;\n }\n .igc-tabs .igc-tab,\n .igc-tab-switcher {\n color: #000000;\n } .igc-tabs.igc-tabs-dropdown .igc-tab-name {\n font-family: PT Sans Narrow;\n color: #000000;\n font-weight: 400;\n } .captiontext {font-family: PT Sans Narrow;color: #000000;font-weight: 400;} .captiontext .innertext {line-height: 1.5;}","chartOptions":{"waterfall":{"colors":"005863 34a6b5 959595"},"candle":{"colors":"959595 34a6b5"},"map":{"showLegend":false,"countryyStroke":"#e1e1e1","countryFill":"#e1e1e1","canvasFill":"transparent"},"common":{"textStyle":{"font-family":"PT Sans Narrow, Arial Narrow","font-size":16,"cursor":"default","fill":"#5a5a5a"},"backgroundStyle":{"stroke-opacity":0,"stroke-width":0},"_gridOptions":{"fontStyle":{"font-family":"PT Sans","font-size":11,"text-anchor":"start","fill":"#767676","cursor":"default"},"lineStyle":{"stroke-width":1,"stroke":"#767676","fill":"none","stroke-dasharray":"."}},"legendOptions":{"font-size":16,"font-family":"PT Sans Narrow"},"tooltipOptions":{"nameFontStyle":{"font-family":"PT Sans Narrow","text-anchor":"start","font-weight":700,"font-size":16,"fill":"#ffffff"},"valueFontStyle":{"font-family":"PT Sans Narrow","text-anchor":"start","font-size":16,"fill":"#fff"},"containerStyle":{"stroke":"#464646","fill":"#464646"}}}},"version":1,"archived":true,"tabs":false,"zeroPaddingEmbed":true,"created_at":"2016-04-22T04:54:07.000Z","updated_at":"2016-12-28T10:33:43.000Z"},"embed":"<script id=\"infogram_0_Origin-of-Portal\" title=\"Origin of Portal\" src=\"//e.infogr.am/js/dist/embed.js?lqM\" type=\"text/javascript\"></script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/Origin-of-Portal\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Origin of Portal</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedIframe":"<iframe src=\"//e.infogr.am/Origin-of-Portal?src=embed\" title=\"Origin of Portal\" width=\"550\" height=\"\" scrolling=\"no\" frameborder=\"0\" style=\"border:none;\"></iframe><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/Origin-of-Portal\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Origin of Portal</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedWordpress":"[infogram id=\"Origin-of-Portal\" prefix=\"26g\" format=\"interactive\" title=\"Origin of Portal\"]","embedWordpressImage":"[infogram id=\"Origin-of-Portal\" prefix=\"dZz\" format=\"image\" title=\"Origin of Portal\"]","embedAsync":"<div class=\"infogram-embed\" data-id=\"Origin-of-Portal\" data-type=\"interactive\" data-title=\"Origin of Portal\"></div><script>!function(e,t,n,s){var i=\"InfogramEmbeds\",o=e.getElementsByTagName(t),d=o[0],a=/^http:/.test(e.location)?\"http:\":\"https:\";if(/^\\/{2}/.test(s)&&(s=a+s),window[i]&&window[i].initialized)window[i].process&&window[i].process();else if(!e.getElementById(n)){var r=e.createElement(t);r.async=1,r.id=n,r.src=s,d.parentNode.insertBefore(r,d)}}(document,\"script\",\"infogram-async\",\"//e.infogr.am/js/dist/embed-loader-min.js\");</script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/Origin-of-Portal\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Origin of Portal</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedImageAsync":"<div class=\"infogram-embed\" data-id=\"Origin-of-Portal\" data-type=\"image\" data-title=\"Origin of Portal\"></div><script>!function(e,t,n,s){var i=\"InfogramEmbeds\",o=e.getElementsByTagName(t),d=o[0],a=/^http:/.test(e.location)?\"http:\":\"https:\";if(/^\\/{2}/.test(s)&&(s=a+s),window[i]&&window[i].initialized)window[i].process&&window[i].process();else if(!e.getElementById(n)){var r=e.createElement(t);r.async=1,r.id=n,r.src=s,d.parentNode.insertBefore(r,d)}}(document,\"script\",\"infogram-async\",\"//e.infogr.am/js/dist/embed-loader-min.js\");</script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/Origin-of-Portal\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Origin of Portal</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>"}