open_graph_reader 0.3.1 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. checksums.yaml +4 -4
  2. data/lib/open_graph_reader/fetcher.rb +13 -2
  3. data/lib/open_graph_reader/object/dsl/types.rb +12 -7
  4. data/lib/open_graph_reader/version.rb +1 -1
  5. data/spec/fixtures/real_world/image_path_2.html +865 -0
  6. data/spec/integration/real_world_spec.rb +20 -0
  7. metadata +4 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 85ecdde30b93358a2c9aa47a6c88fcd1df786086
4
- data.tar.gz: 15ae9207f157eae81bb2a19fc4f4f9bf2b56882f
3
+ metadata.gz: 6d74818ecdccf560bf131fdd804b161bc1ecfe7b
4
+ data.tar.gz: 80764ab744e19b4a1e1aa5889082ae8c15d6e131
5
5
  SHA512:
6
- metadata.gz: 0e744d0d5d4f9636faea468b890601a2d89a46ba04b09b5cf62699cd1e6f19eac4e993861e0141a9cc5c9194a3d47c1c3ba5fb70d33f6fd96138d745bfb8070f
7
- data.tar.gz: 300f625f8ed16b5c27b192a5e7ca5ec2a98952f70c48df2e72c4fe2f9ad6698fc1a71924b0d7760286715f43dd947bd42f2484955f857898fd3000f97500c579
6
+ metadata.gz: 60772e42741f8860027e0e24b5aa40471fe28ec0670293b9e395b99a5a7a4d8470432c19b1ef6d742f5344840452f8da3a55b1b351e23d71d00b13d940732917
7
+ data.tar.gz: 05b1e4d14ca7e041b2a629ce2a0e72c76af733ca58e1e576039113de4c18421e4acb599e0483242666544b358dfc89d025bee943e1a87f9db6afb8fe68a5eea3
data/lib/open_graph_reader/fetcher.rb CHANGED
@@ -8,11 +8,18 @@ begin
8
8
  require 'faraday/cookie_jar'
9
9
  rescue LoadError; end
10
10
 
11
+ require 'open_graph_reader/version'
12
+
11
13
  module OpenGraphReader
12
14
  # Fetch an URI to retrieve its HTML body, if available.
13
15
  #
14
16
  # @api private
15
17
  class Fetcher
18
+ HEADERS = {
19
+ 'Accept' => 'text/html',
20
+ 'User-Agent' => "OpenGraphReader/#{OpenGraphReader::VERSION} (+https://github.com/jhass/open_graph_reader)"
21
+ }.freeze
22
+
16
23
  # Create a new fetcher.
17
24
  #
18
25
  # @param [URI] uri the URI to fetch.
@@ -20,6 +27,7 @@ module OpenGraphReader
20
27
  raise ArgumentError, "url needs to be an instance of URI" unless uri.is_a? URI
21
28
  @uri = uri
22
29
  @connection = Faraday.default_connection.dup
30
+ @connection.headers.replace(HEADERS)
23
31
 
24
32
  if defined? Faraday::CookieJar
25
33
  prepend_middleware Faraday::CookieJar
@@ -39,17 +47,19 @@ module OpenGraphReader
39
47
 
40
48
  # Fetch the full page.
41
49
  #
42
- # @return [Faraday::Response]
50
+ # @return [Faraday::Response,nil]
43
51
  def fetch
44
52
  @get_response = @connection.get(@uri)
53
+ rescue Faraday::Error
45
54
  end
46
55
  alias_method :fetch_body, :fetch
47
56
 
48
57
  # Fetch just the headers
49
58
  #
50
- # @return [Faraday::Response]
59
+ # @return [Faraday::Response,nil]
51
60
  def fetch_headers
52
61
  @head_response = @connection.head(@uri)
62
+ rescue Faraday::Error
53
63
  end
54
64
 
55
65
  # Retrieve the body
@@ -69,6 +79,7 @@ module OpenGraphReader
69
79
  def html?
70
80
  fetch_headers unless fetched_headers?
71
81
  response = @get_response || @head_response
82
+ return false unless response
72
83
  return false unless response.success?
73
84
  return false unless response['content-type']
74
85
  response['content-type'].include? 'text/html'
data/lib/open_graph_reader/object/dsl/types.rb CHANGED
@@ -25,13 +25,18 @@ module OpenGraphReader
25
25
  raise ArgumentError, "Enabled image url synthesization but didn't pass an origin"
26
26
  end
27
27
 
28
- begin
29
- value = "/#{value}" unless value.start_with? '/' # Normalize to absolute path
30
- uri = URI.parse(OpenGraphReader.current_origin)
31
- uri.path = value
32
- value = uri.to_s
33
- rescue
34
- raise InvalidObjectError, "URL #{value.inspect} does not start with http:// or https:// and failed to synthesize a full URL"
28
+ # Synthesize scheme hack to https (//example.org/foo/bar.png)
29
+ if value.start_with?('//') && value.split('/', 4)[2] =~ URI::HOST
30
+ value = "https:#{value}"
31
+ else # Synthesize absolute path (/foo/bar.png)
32
+ begin
33
+ value = "/#{value}" unless value.start_with? '/' # Normalize to absolute path
34
+ uri = URI.parse(OpenGraphReader.current_origin)
35
+ uri.path = value
36
+ value = uri.to_s
37
+ rescue
38
+ raise InvalidObjectError, "URL #{value.inspect} does not start with http:// or https:// and failed to synthesize a full URL"
39
+ end
35
40
  end
36
41
  elsif options.has_key?(:to) && OpenGraphReader.config.validate_references
37
42
  raise InvalidObjectError, "URL #{value.inspect} does not start with http:// or https://"
data/lib/open_graph_reader/version.rb CHANGED
@@ -1,4 +1,4 @@
1
1
  module OpenGraphReader
2
2
  # Tbe library version
3
- VERSION = "0.3.1"
3
+ VERSION = "0.4.0"
4
4
  end
data/spec/fixtures/real_world/image_path_2.html ADDED
@@ -0,0 +1,865 @@
1
+ <!DOCTYPE html>
2
+ <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
3
+ <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
4
+ <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
5
+ <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
6
+ <head>
7
+ <meta charset="UTF-8">
8
+
9
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10
+ <meta name="viewport" content="width=device-width,initial-scale=1">
11
+
12
+ <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/assets/favicons/motherboard/apple-touch-icon-57x57.png?v20141210191819" />
13
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/favicons/motherboard/apple-touch-icon-114x114.png?v20141210191819" />
14
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/favicons/motherboard/apple-touch-icon-72x72.png?v20141210191819" />
15
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/favicons/motherboard/apple-touch-icon-144x144.png?v20141210191819" />
16
+ <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/assets/favicons/motherboard/apple-touch-icon-60x60.png?v20141210191819" />
17
+ <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/assets/favicons/motherboard/apple-touch-icon-120x120.png?v20141210191819" />
18
+ <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/assets/favicons/motherboard/apple-touch-icon-76x76.png?v20141210191819" />
19
+ <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/assets/favicons/motherboard/apple-touch-icon-152x152.png?v20141210191819" />
20
+ <link rel="icon" type="image/png" href="/assets/favicons/motherboard/favicon-196x196.png?v20141210191819" sizes="196x196" />
21
+ <link rel="icon" type="image/png" href="/assets/favicons/motherboard/favicon-96x96.png?v20141210191819" sizes="96x96" />
22
+ <link rel="icon" type="image/png" href="/assets/favicons/motherboard/favicon-32x32.png?v20141210191819" sizes="32x32" />
23
+ <link rel="icon" type="image/png" href="/assets/favicons/motherboard/favicon-16x16.png?v20141210191819" sizes="16x16" />
24
+ <link rel="icon" type="image/png" href="/assets/favicons/motherboard/favicon-128.png?v20141210191819" sizes="128x128" />
25
+ <meta name="msapplication-TileColor" content="#7974bd" />
26
+ <meta name="msapplication-TileImage" content="/assets/favicons/motherboard/mstile-144x144.png?v20141210191819" />
27
+ <meta name="msapplication-square70x70logo" content="/assets/favicons/motherboard/mstile-70x70.png?v20141210191819" />
28
+ <meta name="msapplication-square150x150logo" content="/assets/favicons/motherboard/mstile-150x150.png?v20141210191819" />
29
+ <meta name="msapplication-wide310x150logo" content="/assets/favicons/motherboard/mstile-310x150.png?v20141210191819" />
30
+ <meta name="msapplication-square310x310logo" content="/assets/favicons/motherboard/mstile-310x310.png?v20141210191819" />
31
+
32
+ <link rel="icon" type="image/png" href="/assets/favicons/motherboard/favicon-32x32.png?v20141210191819" sizes="32x32" />
33
+ <link rel="icon" type="image/png" href="/assets/favicons/motherboard/favicon-16x16.png?v20141210191819" sizes="16x16" />
34
+
35
+ <link rel="canonical" href="http://motherboard.vice.com/de/read/forscher-kreieren-ein-material-das-fast-so-dunkel-ist-wie-ein-schwarzes-loch" />
36
+ <meta name="description" content="Nanowissenschaftler erschufen aus hauchdünnen Kohlenstoffnanoröhrchen „Vantablack“, das 99.96 Prozent des einstrahlenden Lichts schluckt." />
37
+ <meta property="og:description" content="Nanowissenschaftler erschufen aus hauchdünnen Kohlenstoffnanoröhrchen „Vantablack“, das 99.96 Prozent des einstrahlenden Lichts schluckt." />
38
+ <meta name="keywords" content="Schwarz, Entdeckungen, Schwarzes Loch, Licht" />
39
+ <meta name="thumbnail" content="//motherboard-images.vice.com/content-images/article/13701/1405417621515809.JPG?crop=0.75xw:1xh;*,*&amp;resize=500:*&amp;output-format=jpeg&amp;output-quality=90" />
40
+ <meta property="og:image" content="//motherboard-images.vice.com/content-images/article/13701/1405417621515809.JPG?crop=0.75xw:1xh;*,*&amp;resize=500:*&amp;output-format=jpeg&amp;output-quality=90" />
41
+ <meta property="og:title" content="Forscher kreieren ein Material, das fast so dunkel ist wie ein schwarzes Loch" />
42
+ <meta property="og:site_name" content="Motherboard" />
43
+ <meta property="og:type" content="article" />
44
+ <meta property="og:url" content="http://motherboard.vice.com/de/read/forscher-kreieren-ein-material-das-fast-so-dunkel-ist-wie-ein-schwarzes-loch" />
45
+ <meta name="twitter" content="Forscher kreieren ein Material, das fast so dunkel ist wie ein schwarzes Loch" />
46
+ <meta name="twitter:description" content="Nanowissenschaftler erschufen aus hauchdünnen Kohlenstoffnanoröhrchen „Vantablack“, das 99.96 Prozent des einstrahlenden Lichts schluckt." />
47
+ <meta name="twitter:image" content="//motherboard-images.vice.com/content-images/article/13701/1405417621515809.JPG?crop=0.75xw:1xh;*,*&amp;resize=500:*&amp;output-format=jpeg&amp;output-quality=90" />
48
+ <meta name="twitter:card" content="summary" />
49
+ <meta name="twitter:site" content="@motherboard" />
50
+ <link rel="stylesheet" type="text/css" href="/assets/css/motherboard/style.css?v20141210191819" />
51
+ <script type="text/javascript" src="/assets/js/vmp/lib/modernizr-2.5.3.min.js"></script>
52
+ <script type="text/javascript">
53
+ /*<![CDATA[*/
54
+ var calls = [], _gaq = _gaq || [], ga;
55
+ calls.push(
56
+ ['_setAccount', 'UA-599058-30'],
57
+ ['_setDomainName', 'motherboard.vice.com'],
58
+ ['t2._setAccount', 'UA-37305051-1'],
59
+ ['t2._setDomainName', 'motherboard.vice.com']
60
+ );
61
+ calls.push(
62
+ ['_setPageGroup', 2, ""],
63
+ ['t2._setPageGroup', 2, ""]
64
+ );
65
+ calls.push(
66
+ ['_setPageGroup', 3, "Christine Kewitz"],
67
+ ['t2._setPageGroup', 3, "Christine Kewitz"]
68
+ );
69
+ calls.push(
70
+ ['_setPageGroup', 4, "2014_07_15"],
71
+ ['t2._setPageGroup', 4, "2014_07_15"],
72
+ ['_setPageGroup', 5, "2014_07"],
73
+ ['t2._setPageGroup', 5, "2014_07"]
74
+ );
75
+ calls.push(
76
+ ['_trackPageview'],
77
+ ['t2._trackPageview']
78
+ );
79
+ _gaq.push.apply(_gaq, calls);
80
+ (function() {
81
+ ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
82
+ ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
83
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
84
+ })();
85
+ /*]]>*/
86
+ </script>
87
+ <title>Forscher kreieren ein Material, das fast so dunkel ist wie ein schwarzes Loch | Motherboard</title>
88
+
89
+ <!-- BEGIN Krux Control Tag for "Motherboard" -->
90
+ <!-- Source: /snippet/controltag?confid=JLnYmGrt&site=Motherboard&edit=1 -->
91
+ <script class="kxct" data-id="JLnYmGrt" data-timing="async" data-version="1.9" type="text/javascript">
92
+ window.Krux || ((Krux = function(){
93
+ Krux.q.push(arguments)
94
+ }).q = []);
95
+ (function(){
96
+ var k = document.createElement('script');
97
+ k.type = 'text/javascript';
98
+ k.async = true;
99
+ var m, src = (m = location.href.match(/\bkxsrc=([^&]+)/)) && decodeURIComponent(m[1]);
100
+ k.src = /^https?:\/\/([a-z0-9_\-\.]+\.)?krxd\.net(:\d{1,5})?\//i.test(src) ? src : src === "disable" ? "" :
101
+ (location.protocol === "https:" ? "https:" : "http:") + "//cdn.krxd.net/controltag?confid=JLnYmGrt"
102
+ ;
103
+ var s = document.getElementsByTagName('script')[0];
104
+ s.parentNode.insertBefore(k, s);
105
+ }());
106
+
107
+ </script>
108
+ <!-- END Krux Controltag -->
109
+ <script>
110
+ window.Krux||((Krux=function(){Krux.q.push(arguments);}).q=[]);
111
+ (function(){
112
+ function retrieve(n){
113
+ var m, k='kx'+n;
114
+ if(window.localStorage){
115
+ return window.localStorage[k] || "";
116
+ }else if(navigator.cookieEnabled){
117
+ m = document.cookie.match(k+'=([^;]*)');
118
+ return (m && unescape(m[1])) || "";
119
+ }else{
120
+ return '';
121
+ }
122
+ }
123
+ Krux.user = retrieve('user');
124
+ Krux.segments = retrieve('segs') && retrieve('segs').split(',') || [];
125
+ })();
126
+
127
+ </script>
128
+
129
+ <!-- begin comscore tag -->
130
+ <script>
131
+ var _comscore = _comscore || [];
132
+ _comscore.push({ c1: "2", c2: "8568956" });
133
+ (function() {
134
+ var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true;
135
+ s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js";
136
+ el.parentNode.insertBefore(s, el);
137
+ })();
138
+ </script>
139
+ <noscript>
140
+ <img src="http://b.scorecardresearch.com/p?c1=2&c2=8568956&cv=2.0&cj=1" />
141
+ </noscript>
142
+ <!-- end comscore tag --></head>
143
+ <body class="article-page lang-de">
144
+ <!-- Start Alexa Certify Javascript -->
145
+ <script type="text/javascript">
146
+ _atrk_opts = { atrk_acct:"x5HVh1aUXR00Gi", domain:"vice.com",dynamic: true};
147
+ (function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(as, s); })();
148
+ </script>
149
+ <noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=x5HVh1aUXR00Gi" style="display:none" height="1" width="1" alt="" /></noscript>
150
+ <!-- End Alexa Certify Javascript -->
151
+ <div class="motherboard-ad-header-wrapper">
152
+ <div class="motherboard-ad-header-inner">
153
+ <div class="motherboard-ad ad-masthead-wide" data-ref="header"></div>
154
+ </div>
155
+ </div>
156
+
157
+ <section class="site-wrapper">
158
+ <div class="site-navigation-mobile-screen"></div>
159
+
160
+ <nav class="site-navigation">
161
+ <ul class="main-nav-headings">
162
+ <li class="search-mobile-navigation">
163
+ <button class="site-icon search"></button>
164
+
165
+ <div class="searchbox-container">
166
+ <div class="gcse-searchbox-only" data-resultsUrl="/de/article/gsearch" data-queryParameterName="query" data-placeholder="Search..."></div>
167
+ </div>
168
+ </li>
169
+
170
+ <li class="main-nav-heading no-link" id="main-nav-heading-1">Themen</li>
171
+ <ul class="main-nav-sub-headings features">
172
+ <li><a href="/tag/maschinen?trk_source=nav">Maschinen</a></li>
173
+ <li><a href="/tag/politik?trk_source=nav">Politik</a></li>
174
+ <li><a href="/tag/zukunft?trk_source=nav">Zukunft</a></li>
175
+ <li><a href="/tag/natur?trk_source=nav">Natur</a></li>
176
+ <li><a href="/tag/Kultur?trk_source=nav">Kultur</a></li>
177
+ <li><a href="/tag/entdeckungen?trk_source=nav">Entdeckungen</a></li>
178
+ </ul>
179
+
180
+ <li class="main-nav-heading" id="main-nav-heading-2">
181
+ <a href="/de/videos?trk_source=nav">Videos</a>
182
+ </li>
183
+
184
+ <li class="main-nav-heading" id="main-nav-heading-3">
185
+ <a href="/about?trk_source=nav">About</a>
186
+ </li>
187
+ </ul>
188
+ </nav>
189
+ <section class="vice-network-bar">
190
+ <p class="version"></p>
191
+
192
+ <section class="locales built">
193
+ <div class="current-locale">
194
+ deutsch </div>
195
+
196
+ <ul>
197
+ <li>
198
+ <a href="/en_us">
199
+ english </a>
200
+ </li>
201
+ <li>
202
+ <a href="/es">
203
+ español </a>
204
+ </li>
205
+ <li>
206
+ <a href="/it">
207
+ italiano </a>
208
+ </li>
209
+ <li>
210
+ <a href="/nl">
211
+ nederlands </a>
212
+ </li>
213
+ <li>
214
+ <a href="/pt_br">
215
+ portuguese </a>
216
+ </li>
217
+ </ul>
218
+ </section>
219
+
220
+ <section class="family">
221
+ <h2 class="family-trigger">The <span class="icon-sprite">VICE</span> Channels</h2>
222
+
223
+ <ul></ul>
224
+ </section>
225
+ </section>
226
+
227
+ <header class="site-header">
228
+ <div class="main-nav-header">
229
+ <div class="header-wrapper">
230
+ <button class="menu-non-rounded">
231
+ <span class="menu-icon"></span>
232
+ </button>
233
+
234
+ <div class="socials-in-article">
235
+ <a href="#" data-share-type="facebook" class="facebook sharing-item">
236
+ <i class="site-icon facebook"></i>
237
+ Share </a>
238
+ <a href="#" data-share-type="twitter" class="twitter sharing-item">
239
+ <i class="site-icon twitter"></i>
240
+ Tweet
241
+ </a>
242
+ </div>
243
+
244
+ <h1 class="motherboard-logo">
245
+ <a href="/de?trk_source=header-logo">
246
+ <span>Motherboard</span>
247
+ </a>
248
+
249
+ <a href="/de?trk_source=header-logo" class="motherboard-load-initial">
250
+ <span>Motherboard</span>
251
+ </a>
252
+ </h1>
253
+
254
+ <nav class="inline-site-navigation">
255
+ <ul class="main-nav-headings">
256
+ <li class="main-nav-heading" id="main-nav-heading-1">
257
+ <a href="/de/videos?trk_source=nav">
258
+ Videos <span class="site-icon arrow-down"></span>
259
+ </a>
260
+ </li>
261
+
262
+ <li class="main-nav-heading" id="main-nav-heading-2">
263
+ <a href="#">
264
+ Themen <span class="site-icon arrow-down"></span>
265
+ </a>
266
+ </li>
267
+
268
+ <li class="main-nav-heading main-subnav-heading" id="main-nav-heading-3">
269
+ <a href="/de/tag/maschinen?trk_source=nav">
270
+ Maschinen <span class="site-icon arrow-down"></span>
271
+ </a>
272
+ </li>
273
+
274
+ <li class="main-nav-heading main-subnav-heading" id="main-nav-heading-4">
275
+ <a href="/de/tag/politik?trk_source=nav">
276
+ Politik <span class="site-icon arrow-down"></span>
277
+ </a>
278
+ </li>
279
+
280
+ <li class="main-nav-heading main-subnav-heading" id="main-nav-heading-5">
281
+ <a href="/de/tag/zukunft?trk_source=nav">
282
+ Zukunft <span class="site-icon arrow-down"></span>
283
+ </a>
284
+ </li>
285
+
286
+ <li class="main-nav-heading main-subnav-heading" id="main-nav-heading-6">
287
+ <a href="/de/tag/natur?trk_source=nav">
288
+ Natur <span class="site-icon arrow-down"></span>
289
+ </a>
290
+ </li>
291
+
292
+ <li class="main-nav-heading main-subnav-heading" id="main-nav-heading-7">
293
+ <a href="/de/tag/Kultur?trk_source=nav">
294
+ Kultur <span class="site-icon arrow-down"></span>
295
+ </a>
296
+ </li>
297
+
298
+ <li class="main-nav-heading main-subnav-heading" id="main-nav-heading-8">
299
+ <a href="/de/tag/entdeckungen?trk_source=nav">
300
+ Entdeckungen <span class="site-icon arrow-down"></span>
301
+ </a>
302
+ </li>
303
+
304
+ </ul>
305
+ </nav>
306
+
307
+ <script type="text/template" id="nav-item-template">
308
+ <a href="<%= url %>?trk_source=nav">
309
+ <figure>
310
+ <div class="article-media-overlay"></div>
311
+ <img src="<%= image.url %>" alt="<%= image.alt %>" />
312
+ </figure>
313
+ <h2><%= title %></h2>
314
+ </a>
315
+ </script>
316
+
317
+ <div class="socials">
318
+ <a href="http://www.facebook.com/motherboardtv?trk_source=motherboard" target="_blank" class="site-icon facebook"></a>
319
+ <a href="https://twitter.com/motherboard_de?trk_source=motherboard" target="_blank" class="site-icon twitter"></a>
320
+ <a href="http://motherboardtv.tumblr.com/?trk_source=motherboard" class="site-icon tumblr" target="_blank"></a>
321
+ <a href="/de/rss?trk_source=motherboard" class="site-icon rss" target="_blank"></a>
322
+ <a href="http://www.youtube.com/motherboardtv?feature=watch&trk_source=motherboard" target="_blank" class="site-icon youtube"></a>
323
+ </div>
324
+
325
+ <div class="search-container">
326
+ <button class="site-icon search"></button>
327
+
328
+ <div class="searchbox-container">
329
+ <div class="gcse-searchbox-only" data-resultsUrl="/de/article/gsearch" data-queryParameterName="query"></div>
330
+ </div>
331
+ </div>
332
+ </div>
333
+ </div>
334
+
335
+ <div id="global-sub-nav-sections" class="sub-nav-sections">
336
+ <div class="header-wrapper">
337
+ <div class="sub-nav-section watch has-submenu" id="sub-nav-section-1">
338
+ <ul class="sub-nav-section-headings">
339
+ <li data-model-id="videos-latest">
340
+ <a href="/de/videos?trk_source=nav">Neueste Videos</a>
341
+ </li>
342
+ </ul>
343
+
344
+ <div class="sub-nav-section-models">
345
+ <div class="sub-nav-section-model" data-model-id="videos-latest" data-has-menu="true" data-topic-slug="videos" data-type="videos">
346
+ </div>
347
+ </div>
348
+ </div>
349
+
350
+ <div class="sub-nav-section watch has-submenu" id="sub-nav-section-2">
351
+ <ul class="sub-nav-section-headings">
352
+ <li data-model-id="sections-maschinen">
353
+ <a href="/de/tag/maschinen?trk_source=nav">Maschinen</a>
354
+ </li>
355
+ <li data-model-id="sections-politik">
356
+ <a href="/de/tag/politik?trk_source=nav">Politik</a>
357
+ </li>
358
+ <li data-model-id="sections-zukunft">
359
+ <a href="/de/tag/zukunft?trk_source=nav">Zukunft</a>
360
+ </li>
361
+ <li data-model-id="sections-natur">
362
+ <a href="/de/tag/natur?trk_source=nav">Natur</a>
363
+ </li>
364
+ <li data-model-id="sections-Kultur">
365
+ <a href="/de/tag/Kultur?trk_source=nav">Kultur</a>
366
+ </li>
367
+ <li data-model-id="sections-entdeckungen">
368
+ <a href="/de/tag/entdeckungen?trk_source=nav">Entdeckungen</a>
369
+ </li>
370
+ </ul>
371
+
372
+ <div class="sub-nav-section-models">
373
+ <div class="sub-nav-section-model" data-model-id="sections-maschinen" data-has-menu="true" data-topic-slug="maschinen">
374
+ </div>
375
+ <div class="sub-nav-section-model" data-model-id="sections-politik" data-has-menu="true" data-topic-slug="politik">
376
+ </div>
377
+ <div class="sub-nav-section-model" data-model-id="sections-zukunft" data-has-menu="true" data-topic-slug="zukunft">
378
+ </div>
379
+ <div class="sub-nav-section-model" data-model-id="sections-natur" data-has-menu="true" data-topic-slug="natur">
380
+ </div>
381
+ <div class="sub-nav-section-model" data-model-id="sections-Kultur" data-has-menu="true" data-topic-slug="Kultur">
382
+ </div>
383
+ <div class="sub-nav-section-model" data-model-id="sections-entdeckungen" data-has-menu="true" data-topic-slug="entdeckungen">
384
+ </div>
385
+ </div>
386
+ </div>
387
+
388
+ <div class="sub-nav-section sections" id="sub-nav-section-3">
389
+ <div class="sub-nav-section-models">
390
+ <div class="sub-nav-section-model center-items" data-model-id="tag-maschinen" data-topic-slug="maschinen">
391
+ </div>
392
+ </div>
393
+ </div>
394
+
395
+ <div class="sub-nav-section sections" id="sub-nav-section-4">
396
+ <div class="sub-nav-section-models">
397
+ <div class="sub-nav-section-model center-items" data-model-id="tag-politik" data-topic-slug="politik">
398
+ </div>
399
+ </div>
400
+ </div>
401
+
402
+ <div class="sub-nav-section sections" id="sub-nav-section-5">
403
+ <div class="sub-nav-section-models">
404
+ <div class="sub-nav-section-model center-items" data-model-id="tag-zukunft" data-topic-slug="zukunft">
405
+ </div>
406
+ </div>
407
+ </div>
408
+
409
+ <div class="sub-nav-section sections" id="sub-nav-section-6">
410
+ <div class="sub-nav-section-models">
411
+ <div class="sub-nav-section-model center-items" data-model-id="tag-natur" data-topic-slug="natur">
412
+ </div>
413
+ </div>
414
+ </div>
415
+
416
+ <div class="sub-nav-section sections" id="sub-nav-section-7">
417
+ <div class="sub-nav-section-models">
418
+ <div class="sub-nav-section-model center-items" data-model-id="tag-Kultur" data-topic-slug="Kultur">
419
+ </div>
420
+ </div>
421
+ </div>
422
+
423
+ <div class="sub-nav-section sections" id="sub-nav-section-8">
424
+ <div class="sub-nav-section-models">
425
+ <div class="sub-nav-section-model center-items" data-model-id="tag-entdeckungen" data-topic-slug="entdeckungen">
426
+ </div>
427
+ </div>
428
+ </div>
429
+
430
+ </div>
431
+ </div>
432
+
433
+ <div id="social-sub-nav-section" class="sub-nav-sections">
434
+ <div class="header-wrapper">
435
+ <div class="social-header-item facebook-item">
436
+ <div class="fb-like" data-href="http://www.facebook.com/motherboardtv" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
437
+ </div>
438
+
439
+ <div class="social-header-item">
440
+ <a href="https://twitter.com/motherboard_de" class="twitter-follow-button" data-show-screen-name="false" data-show-count="true">Follow</a>
441
+ </div>
442
+
443
+ <div class="social-header-item youtube-item">
444
+ <div class="g-ytsubscribe" data-channel="motherboardtv" data-layout="default" data-count="default"></div>
445
+ </div>
446
+
447
+ <div class="social-header-item google-item">
448
+ <div class="g-follow" data-annotation="bubble" data-height="20" data-href="https://plus.google.com/108283912023034722668" data-rel="publisher"></div>
449
+ </div>
450
+
451
+ <a href="http://www.vice.com/newsletter?trk_source=motherboard" target="_blank" class="newsletter">Newsletter</a>
452
+ </div>
453
+ </div>
454
+ </header>
455
+ <div class="site-content">
456
+
457
+
458
+ <section class="lede article-lede">
459
+ <div class="media">
460
+ <div class="lede-image-container">
461
+ <img src="//motherboard-images.vice.com/content-images/article/13701/1405417621515809.JPG?crop=1xw:0.5333333333333333xh;*,*&resize=1200:*&output-format=jpeg&output-quality=90" class="media-lede-image media-lede" alt="" />
462
+ <img src="//motherboard-images.vice.com/content-images/article/13701/1405417621515809.JPG?crop=1xw:0.3866666666666667xh;*,*&resize=2300:*&output-format=jpeg&output-quality=90" class="media-lede-image media-desktop-lede" alt="" />
463
+ <img src="//motherboard-images.vice.com/content-images/article/13701/1405417621515809.JPG?crop=1xw:0.75xh;*,*&resize=700:*&output-format=jpeg&output-quality=90" class="media-lede-image media-mobile-lede" alt="" />
464
+ </div>
465
+ <h5 class="caption-article caption-lede">
466
+ <h5>Vantablack. | Bild mit freundlicher Genehmigung von Surrey NanoSystems.</h5> </h5>
467
+ </div>
468
+ </section>
469
+
470
+
471
+ <article class="article-single" data-id="13701">
472
+ <header class="article-header">
473
+ <div class="wrapper">
474
+
475
+ <h1 class="article-title">Forscher kreieren ein Material, das fast so dunkel ist wie ein schwarzes Loch</h1>
476
+
477
+ <section class="motherboard-portlet motherboard-portlet-about" id="yw0">
478
+ <div class="author image">
479
+ <img src="http://images.vice.com/motherboard/content-images/article/13083/1403626558484577.jpg?crop=1xw:1xh;*,*&resize=200:*&output-format=jpeg&output-quality=90" alt="" />
480
+ </div>
481
+ <div class="author-info author-override hasImage">
482
+ <span>Autor </span>
483
+ <h3>Christine Kewitz</h3>
484
+ </div></section>
485
+ <time pubdate datetime="2014-07-15T08:24:00+00:00" class="meta-time">
486
+ July 15, 2014 // 09:24 AM CET </time>
487
+
488
+ <div class="ad-sponsored-by motherboard-portlet-about">
489
+ <div class="motherboard-ad ad-banner" data-ref="sponsored_content_top"></div> </div>
490
+ </div>
491
+ </header>
492
+
493
+ <div class="wrapper article-content-wrapper">
494
+ <div class="left-column article-left-column">
495
+ <div class="article-scroll-wrapper">
496
+ <section class="motherboard-widget motherboard-widget-social vertical-share-widget" data-title="Forscher kreieren ein Material, das fast so dunkel ist wie ein schwarzes Loch" data-url="http://motherboard.vice.com/de/read/forscher-kreieren-ein-material-das-fast-so-dunkel-ist-wie-ein-schwarzes-loch" data-description="Nanowissenschaftler erschufen aus hauchdünnen Kohlenstoffnanoröhrchen „Vantablack“, das 99.96 Prozent des einstrahlenden Lichts schluckt." data-media="" data-topic="" data-gatag="Side Widget" data-twitterhandle="Motherboard_DE" id="yw1">
497
+ <a href="#" data-share-type="facebook" class="social-facebook sharing-item">
498
+ <span class="site-icon facebook"></span>
499
+ </a>
500
+ <a href="#" data-share-type="twitter" class="social-twitter sharing-item">
501
+ <span class="site-icon twitter"></span>
502
+ </a>
503
+ <a href="#" data-share-type="googleplus" class="social-googleplus sharing-item">
504
+ <span class="site-icon google-plus"></span>
505
+ </a>
506
+ <a href="#" data-share-type="tumblr" class="social-tumblr sharing-item">
507
+ <span class="site-icon tumblr"></span>
508
+ </a>
509
+ <a href="#" data-share-type="reddit" class="social-reddit sharing-item">
510
+ <span class="site-icon reddit"></span>
511
+ </a>
512
+ <a href="#" data-share-type="stumbleupon" class="social-stumbleupon sharing-item">
513
+ <span class="site-icon stumbleupon"></span>
514
+ </a>
515
+ <a href="#" data-share-type="comment" class="social-comment sharing-item">
516
+ <span class="site-icon comment-icon"></span>
517
+ </a></section>
518
+
519
+ <div class="article-content rich-text">
520
+ <p>Vantablack ist das neue Schwarz. Britische Wissenschaftler haben ein Material entwickelt, das dunkler ist als alles was man bisher (nicht) sehen konnte. Es absorbiert 99.96 Prozent der&nbsp;visuellen Strahlung&nbsp;und ist für das menschliche Auge kaum wahrnehmbar. Die Forscher von <a href="http://www.surreynanosystems.com/news/19/" target="_blank">Surrey NanoSystems</a> stellen damit einen neuen Dunkelheits-Weltrekord auf.</p><p>
521
+ Sie züchteten das „Ding“ aus hauchdünnen Kohlenstoffnanoröhrchen, jedes 10.000 mal feiner als ein menschliches Haar. Vantablack&nbsp;ist so dunkel, dass unser&nbsp;Gehirn nicht versteht, was es dort wahrnimmt. Es gibt keine Konturen, Formen oder&nbsp;Ausprägungungen lediglich einen unendlichen&nbsp;Abgrund.</p><blockquote>
522
+
523
+ <h3 style="font-size: 18pt;"><em>„Du erwartest, dass du irgendeine Art von Konturen wahrnimmst, aber alles was du sehen kannst... ist einfach nur schwarz, wie ein Loch, als wäre dort ein Nichts.“</em></h3></blockquote><p>
524
+ So äußert sich&nbsp;Ben Jensen, der Cheftechniker des Unternehmens in einer Presseerklärung.</p><blockquote>
525
+
526
+ <h3 style="font-size: 18pt;"><em>„Es sieht so unglaublich fremdartig aus.“</em></h3></blockquote><p class="has-image">
527
+ <img alt="" src="http://images.vice.com/motherboard/content-images/contentimage/13701/1405417337620385.jpg" style="width: 640px; height: 427px;"></p><p class="photo-credit">Nanowissenschaftler bei der Entwicklung von Vantablack. | Alle Bilder mit freundlicher Genehmigung von Surrey NanoSystems.</p><p class="has-image">
528
+ <img alt="" src="http://images.vice.com/motherboard/content-images/contentimage/13701/1405417430600543.JPG" style="width: 640px; height: 480px;"></p><p class="photo-credit">Vantablack!</p><p>
529
+ Natürlich stehen die Interessenten für das Schwarze Loch schon Schlange. Es wäre möglich, das Material für die astronomische Forschung zu verwenden, Teleskope,&nbsp;Infrarotscanner oder das Kalibrieren von Kameras&nbsp;und dann gibt es noch militärische&nbsp;Anwendungsmögichkeiten, die ich mir am liebsten gar nicht ausmalen möchte und zu denen sich das Unternehmen auch nich äußern darf.</p><p>
530
+ Mit seiner kompletten Dimensionslosigkeit für das Auge ist Vantablack der perfekte Anstrich&nbsp;für Tarnanzüge,&nbsp;Kampfjets oder Dinge, die die Welt nicht sehen soll.</p><p>
531
+ „Wir stehen jetzt in Verhandlungen mit unseren ersten Kunden aus dem Verteidigungs- und Weltraumbereich.&nbsp;Außerdem konnten wir schon die ersten Bestellungen ausliefern.“, so Jensen. Diese Woche soll Vantablack bei der <a href="http://www.farnborough.com" target="_blank">Farnborough International Airshow</a> offiziell vorgestellt werden.</p><p>
532
+ Auch wenn bisher schon <a href="http://www.zeit.de/wissen/umwelt/2011-09/dunkler-als-schwarz" target="_blank">extrem schwarzes Schwarz</a> hergestellt wurde, ist Vantablack doch eine Besonderheit.&nbsp;In einem Interview mit <a href="http://www.independent.co.uk/news/science/blackest-is-the-new-black-scientists-have-developed-a-material-so-dark-that-you-cant-see-it-9602504.html" target="_blank">The&nbsp;Independent</a> sagte Stephen Westland, Professor für Farbwissenschaft und Technologie an der Universität Leeds:</p><blockquote>
533
+
534
+ <p>
535
+ „Viele Leute denken, schwarz wäre die Abwesenheit von Licht. Dem stimme ich in keiner Weise zu. Niemand hat je etwas Schwarzes&nbsp;in Abwesenheit von Licht gesehen. Das gäbe es nur bei einem schwarzen Loch. Diese neuen Materialien sind so ziemlich das, was einem Schwarzen Loch am nächsten kommt.“
536
+ </p></blockquote><p>
537
+ So findet die <a href="http://motherboard.vice.com/de/blog/die-geburt-eines-schwarzen-loches" target="_blank">Geburt eines Schwarzen Lochs</a> um einiges unspektakulärer als üblich&nbsp;im Labor statt, aber mit diesem&nbsp;kannst du wesentlich besser spielen.</p><p class="has-image">
538
+ <img alt="" height="1" src="http://vg04.met.vgwort.de/na/a24620e519014d9291a3a0fd79ec5d07" width="1"></p> </div>
539
+ </div>
540
+
541
+ <div class="article-footer">
542
+ <div class="topics-container">
543
+ <p class="article-topics">
544
+ <span class="tags">Themen: <span class="tag"><a href="/de/tag/Schwarz">Schwarz</a></span>, <span class="tag"><a href="/de/tag/Entdeckungen">Entdeckungen</a></span>, <span class="tag"><a href="/de/tag/Schwarzes+Loch">Schwarzes Loch</a></span>, <span class="tag"><a href="/de/tag/Licht">Licht</a></span></span> </p>
545
+ </div>
546
+
547
+ <section class="motherboard-portlet motherboard-widget-content-botton-share" data-title="Forscher kreieren ein Material, das fast so dunkel ist wie ein schwarzes Loch" data-url="http://motherboard.vice.com/de/read/forscher-kreieren-ein-material-das-fast-so-dunkel-ist-wie-ein-schwarzes-loch" data-description="Nanowissenschaftler erschufen aus hauchdünnen Kohlenstoffnanoröhrchen „Vantablack“, das 99.96 Prozent des einstrahlenden Lichts schluckt." data-media="" data-topic="" data-gatag="Bottom Widget" data-twitterhandle="Motherboard_DE" id="yw2">
548
+ <a href="http://motherboard.vice.com/de/read/forscher-kreieren-ein-material-das-fast-so-dunkel-ist-wie-ein-schwarzes-loch#disqus_thread" data-share-type="comment" class="social-comment sharing-item">
549
+ Kommentieren</a>
550
+ <span class="social-separator toggle">Share</span>
551
+ <div class="social-buttons">
552
+ <a href="#" data-share-type="facebook" class="social-facebook sharing-item">
553
+ <span class="site-icon facebook"></span> <i>Auf</i> Facebook <i>teilen</i> </a>
554
+ <a href="#" data-share-type="twitter" class="social-twitter sharing-item">
555
+ <span class="site-icon twitter"></span> <i>Auf</i> Twitter <i>teilen</i> </a>
556
+ <div class="extra-buttons">
557
+ <a href="#" data-share-type="googleplus" class="social-googleplus sharing-item">
558
+ <span class="site-icon google-plus"></span> Google plus
559
+ </a>
560
+ <a href="#" data-share-type="tumblr" class="social-tumblr sharing-item">
561
+ <span class="site-icon tumblr"></span> Tumblr
562
+ </a>
563
+ <a href="#" data-share-type="reddit" class="social-reddit sharing-item">
564
+ <span class="site-icon reddit"></span> Reddit
565
+ </a>
566
+ <a href="#" data-share-type="stumbleupon" class="social-stumbleupon sharing-item">
567
+ <span class="site-icon stumbleupon"></span> Stumbleupon
568
+ </a>
569
+ </div>
570
+ </div></section><section class='motherboard-portlet motherboard-portlet-recommended'><h3 class="section-title">Mehr zum thema</h3><ul class="stories-list">
571
+ <li class="story">
572
+ <figure class="archive-img">
573
+ <a href="/de/read/interview-mit-ben-jensen-von-surrey-nanosystems?trk_source=recommended">
574
+ <div class="article-media-overlay"></div>
575
+
576
+ <img src="//motherboard-images.vice.com/content-images/article/14088/1407318169208210.jpg?crop=0.9818069688559975xw:1xh;*,*&resize=600:*&output-format=jpeg&output-quality=90" alt="Dank dem Superschwarz Vantablack werden viel tiefere Einblick ins All möglich" />
577
+ </a>
578
+ </figure>
579
+ <p class="title">
580
+ <a href="/de/read/interview-mit-ben-jensen-von-surrey-nanosystems?trk_source=recommended">Dank dem Superschwarz Vantablack werden viel tiefere Einblick ins All möglich</a>
581
+ </p>
582
+ </li> <li class="story">
583
+ <figure class="archive-img">
584
+ <a href="/de/read/quantenphysik-verstehen-mit-einem-kleinen-kung-fu-move-445?trk_source=recommended">
585
+ <div class="article-media-overlay"></div>
586
+
587
+ <img src="//motherboard-images.vice.com/content-images/article/17447/1418038106629609.jpg?crop=1xw:0.8420658682634731xh;*,*&resize=600:*&output-format=jpeg&output-quality=90" alt="Die Kunst der Quantenphysik—erklärt mit einem Kung Fu-Move" />
588
+ </a>
589
+ </figure>
590
+ <p class="title">
591
+ <a href="/de/read/quantenphysik-verstehen-mit-einem-kleinen-kung-fu-move-445?trk_source=recommended">Die Kunst der Quantenphysik—erklärt mit einem Kung Fu-Move</a>
592
+ </p>
593
+ </li> <li class="story">
594
+ <figure class="archive-img">
595
+ <a href="/de/read/franzosen-wollen-jahrelang-auf-autarker-diy-arche-noah-auf-hoher-see-leben-384?trk_source=recommended">
596
+ <div class="article-media-overlay"></div>
597
+
598
+ <img src="//motherboard-images.vice.com/content-images/article/no-id/1417963460159319.jpg?crop=0.9854073308054694xw:1xh;*,*&resize=600:*&output-format=jpeg&output-quality=90" alt="Die Meer-Nomaden mit der autarken Jute-Arche-Noah" />
599
+ </a>
600
+ </figure>
601
+ <p class="title">
602
+ <a href="/de/read/franzosen-wollen-jahrelang-auf-autarker-diy-arche-noah-auf-hoher-see-leben-384?trk_source=recommended">Die Meer-Nomaden mit der autarken Jute-Arche-Noah</a>
603
+ </p>
604
+ </li> <li class="story">
605
+ <figure class="archive-img">
606
+ <a href="/de/read/der-kleinste-weisse-zwerg-ist-ein-riesiger-diamant?trk_source=recommended">
607
+ <div class="article-media-overlay"></div>
608
+
609
+ <img src="//motherboard-images.vice.com/content-images/article/13227/1403790774903618.jpg?crop=1xw:0.9xh;*,*&resize=600:*&output-format=jpeg&output-quality=90" alt="Der kleinste weiße Zwerg ist ein riesiger Diamant" />
610
+ </a>
611
+ </figure>
612
+ <p class="title">
613
+ <a href="/de/read/der-kleinste-weisse-zwerg-ist-ein-riesiger-diamant?trk_source=recommended">Der kleinste weiße Zwerg ist ein riesiger Diamant</a>
614
+ </p>
615
+ </li> <li class="story">
616
+ <figure class="archive-img">
617
+ <a href="/de/blog/die-geburt-eines-schwarzen-loches?trk_source=recommended">
618
+ <div class="article-media-overlay"></div>
619
+
620
+ <img src="//motherboard-images.vice.com/content-images/contentimage/10286/1399664245676.jpeg?crop=0.9965277777777778xw:1xh;*,*&resize=600:*&output-format=jpeg&output-quality=90" alt="Die Geburt eines Schwarzen Lochs" />
621
+ </a>
622
+ </figure>
623
+ <p class="title">
624
+ <a href="/de/blog/die-geburt-eines-schwarzen-loches?trk_source=recommended">Die Geburt eines Schwarzen Lochs</a>
625
+ </p>
626
+ </li> <li class="story">
627
+ <figure class="archive-img">
628
+ <a href="/de/read/aliens-sind-vermutlich-ueberall-nur-nicht-in-unserer-naehe-111?trk_source=recommended">
629
+ <div class="article-media-overlay"></div>
630
+
631
+ <img src="//motherboard-images.vice.com/content-images/article/17415/1417778760737199.png?crop=0.5143967496908673xw:1xh;*,*&resize=600:*&output-format=jpeg&output-quality=90" alt="Außerirdische sind vermutlich überall, nur nicht in unserer Nähe" />
632
+ </a>
633
+ </figure>
634
+ <p class="title">
635
+ <a href="/de/read/aliens-sind-vermutlich-ueberall-nur-nicht-in-unserer-naehe-111?trk_source=recommended">Außerirdische sind vermutlich überall, nur nicht in unserer Nähe</a>
636
+ </p>
637
+ </li></ul></section> </div>
638
+ </div>
639
+
640
+ <div class="right-rail article-right-rail">
641
+ <div class="motherboard-ad sidebar-block" data-ref="sidebar"></div>
642
+ <section class="motherboard-portlet motherboard-widget-connect" data-title="" data-url="" data-description="" data-media="" data-topic="" data-gatag="" data-twitterhandle="Motherboard_DE" id="yw4">
643
+ <h3>Connect to Motherboard</h3>
644
+
645
+ <div class="connect-social-items">
646
+ <a href="http://www.facebook.com/motherboardtv" class="social-facebook" target="_blank" data-type="facebook">
647
+ <span class="site-icon facebook"></span>
648
+ </a>
649
+
650
+ <a href="http://twitter.com/MOTHERBOARD_DE" class="social-twitter" target="_blank" data-type="twitter">
651
+ <span class="site-icon twitter"></span>
652
+ </a>
653
+ <a href="http://www.youtube.com/subscription_center?add_user=motherboardtv" class="social-youtube" data-type="youtube" target="_blank">
654
+ <span class="site-icon youtube"></span>
655
+ </a>
656
+ <a href="http://motherboardtv.tumblr.com/" class="social-tumblr" data-type="tumblr" target="_blank">
657
+ <span class="site-icon tumblr"></span>
658
+ </a>
659
+ <a href="/de/rss" data-type="rss" class="social-rss" target="_blank">
660
+ <span class="site-icon rss"></span>
661
+ </a>
662
+ </div></section>
663
+ <section class='motherboard-portlet motherboard-portlet-archive'><h3 class="section-title">Am Beliebtesten</h3><ul class="stories-list">
664
+ <li class="story">
665
+ <figure class="archive-img">
666
+ <a href="/de/read/die-6-zeichen-sms-die-die-cia-zu-der-erfassung-des-911-masterminds-fuehrten-666?trk_source=popular">
667
+ <div class="article-media-overlay"></div>
668
+ <img src="//motherboard-images.vice.com/content-images/article/no-id/1418201645866102.png?crop=1xw:0.39366228070175435xh;*,*&resize=600:*&output-format=jpeg&output-quality=90" alt="Wie eine 6 Zeichen lange SMS die CIA zum 9/11-Drahtzieher führte" />
669
+ </a>
670
+ </figure>
671
+ <p class="title">
672
+ <a href="/de/read/die-6-zeichen-sms-die-die-cia-zu-der-erfassung-des-911-masterminds-fuehrten-666?trk_source=popular">Wie eine 6 Zeichen lange SMS die CIA zum 9/11-Drahtzieher führte</a>
673
+ </p>
674
+ </li>
675
+ <li class="story">
676
+ <figure class="archive-img">
677
+ <a href="/de/read/ralph-baer-hat-unser-leben-veraendert-501?trk_source=popular">
678
+ <div class="article-media-overlay"></div>
679
+ <img src="//motherboard-images.vice.com/content-images/article/17484/1418125856960551.png?crop=1xw:0.4782070707070707xh;*,*&resize=600:*&output-format=jpeg&output-quality=90" alt="Ralph Baer hat unser Leben verändert" />
680
+ </a>
681
+ </figure>
682
+ <p class="title">
683
+ <a href="/de/read/ralph-baer-hat-unser-leben-veraendert-501?trk_source=popular">Ralph Baer hat unser Leben verändert</a>
684
+ </p>
685
+ </li>
686
+ <li class="story">
687
+ <figure class="archive-img">
688
+ <a href="/de/read/die-kunst-nicht-zu-sterben-666?trk_source=popular">
689
+ <div class="article-media-overlay"></div>
690
+ <img src="//motherboard-images.vice.com/content-images/article/17323/1417709151029586.png?crop=1xw:0.7252837573385519xh;*,*&resize=600:*&output-format=jpeg&output-quality=90" alt="Leichen im Stand-by-Modus: Die Kunst, nicht zu sterben" />
691
+ </a>
692
+ </figure>
693
+ <p class="title">
694
+ <a href="/de/read/die-kunst-nicht-zu-sterben-666?trk_source=popular">Leichen im Stand-by-Modus: Die Kunst, nicht zu sterben</a>
695
+ </p>
696
+ </li>
697
+ <li class="story">
698
+ <figure class="archive-img">
699
+ <a href="/de/read/interview-jeremy-zimmermann--dein-computer-programmiert-dich?trk_source=popular">
700
+ <div class="article-media-overlay"></div>
701
+ <img src="//motherboard-images.vice.com/content-images/article/16990/1417602281349373.jpg?crop=1xw:0.435xh;*,*&resize=600:*&output-format=jpeg&output-quality=90" alt="„Dein Computer programmiert dich“" />
702
+ </a>
703
+ </figure>
704
+ <p class="title">
705
+ <a href="/de/read/interview-jeremy-zimmermann--dein-computer-programmiert-dich?trk_source=popular">„Dein Computer programmiert dich“</a>
706
+ </p>
707
+ </li>
708
+ <li class="story">
709
+ <figure class="archive-img">
710
+ <a href="/de/read/dreamhack-568?trk_source=popular">
711
+ <div class="article-media-overlay"></div>
712
+ <img src="//motherboard-images.vice.com/content-images/article/17273/1417448081811864.jpg?crop=1xw:0.5155555555555555xh;*,*&resize=600:*&output-format=jpeg&output-quality=90" alt="Die weltgrößte LAN-Party sieht immerhin auf den Fotos nach prächtiger Party aus" />
713
+ </a>
714
+ </figure>
715
+ <p class="title">
716
+ <a href="/de/read/dreamhack-568?trk_source=popular">Die weltgrößte LAN-Party sieht immerhin auf den Fotos nach prächtiger Party aus</a>
717
+ </p>
718
+ </li>
719
+ <li class="story">
720
+ <figure class="archive-img">
721
+ <a href="/de/read/Billige-Clickarbeit-und-das-digitale-Lumpenproletariat-919?trk_source=popular">
722
+ <div class="article-media-overlay"></div>
723
+ <img src="//motherboard-images.vice.com/content-images/article/17237/1417184565943113.png?crop=1xw:0.4656398809523809xh;*,*&resize=600:*&output-format=jpeg&output-quality=90" alt="Eine Woche billige Klickarbeit machte mich zum digitalen Lumpenproletarier" />
724
+ </a>
725
+ </figure>
726
+ <p class="title">
727
+ <a href="/de/read/Billige-Clickarbeit-und-das-digitale-Lumpenproletariat-919?trk_source=popular">Eine Woche billige Klickarbeit machte mich zum digitalen Lumpenproletarier</a>
728
+ </p>
729
+ </li>
730
+ <li class="story">
731
+ <figure class="archive-img">
732
+ <a href="/de/read/diy-soylent-ist-das-chefkochde-fuer-nahrungsverweigerer-111?trk_source=popular">
733
+ <div class="article-media-overlay"></div>
734
+ <img src="//motherboard-images.vice.com/content-images/article/17217/1417103182984291.jpg?crop=1xw:0.3866666666666666xh;*,*&resize=600:*&output-format=jpeg&output-quality=90" alt="Die DIY-Soylent-Webseite ist das Chefkoch.de für deutsche Essensverweigerer" />
735
+ </a>
736
+ </figure>
737
+ <p class="title">
738
+ <a href="/de/read/diy-soylent-ist-das-chefkochde-fuer-nahrungsverweigerer-111?trk_source=popular">Die DIY-Soylent-Webseite ist das Chefkoch.de für deutsche Essensverweigerer</a>
739
+ </p>
740
+ </li>
741
+ <li class="story">
742
+ <figure class="archive-img">
743
+ <a href="/de/read/bot-faxt-gefaengnissen-ihre-erbaermlichen-yelp-beurteilungen?trk_source=popular">
744
+ <div class="article-media-overlay"></div>
745
+ <img src="//motherboard-images.vice.com/content-images/article/17152/1416923585985827.png?crop=1xw:0.9699085365853658xh;*,*&resize=600:*&output-format=jpeg&output-quality=90" alt="Warum ein Fax-Bot US-Gefängnissen ihre erbärmlichen Yelp-Reviews schickt" />
746
+ </a>
747
+ </figure>
748
+ <p class="title">
749
+ <a href="/de/read/bot-faxt-gefaengnissen-ihre-erbaermlichen-yelp-beurteilungen?trk_source=popular">Warum ein Fax-Bot US-Gefängnissen ihre erbärmlichen Yelp-Reviews schickt</a>
750
+ </p>
751
+ </li>
752
+ </ul></section>
753
+ <div class="motherboard-ad bottom-sidebar-ad" data-ref="sidebar_bottom"></div> </div>
754
+ </div>
755
+
756
+ <div class="article-comment-wrapper">
757
+ <div class="wrapper">
758
+ <div class="vicenews-widget comment-widget">
759
+ <h5 class=""><span>Kommentare</span></h5>
760
+ <div id="disqus_thread"></div>
761
+
762
+ <script type="text/javascript">
763
+ var disqus_shortname = 'MotherboardDE',
764
+ disqus_url = 'http://motherboard.vice.com/de/read/forscher-kreieren-ein-material-das-fast-so-dunkel-ist-wie-ein-schwarzes-loch',
765
+ disqus_title = 'Forscher kreieren ein Material, das fast so dunkel ist wie ein schwarzes Loch',
766
+ disqus_identifier = 'article/13701';
767
+
768
+ (function() {
769
+ var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
770
+ dsq.src = '//MotherboardDE.disqus.com/embed.js';
771
+ (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
772
+ })();
773
+
774
+ (function() {
775
+ var s = document.createElement('script'); s.async = true;
776
+ s.type = 'text/javascript';
777
+ s.src = '//MotherboardDE.disqus.com/count.js';
778
+ (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
779
+ }());
780
+ </script>
781
+ <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
782
+
783
+ <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
784
+ </div> </div>
785
+ </div>
786
+ </article>
787
+ </div>
788
+
789
+ <footer id="main-footer" class="clearfix">
790
+ <div class="wrapper">
791
+ <nav id="footer-nav">
792
+ <span class="legal">
793
+ &copy; 2014 Vice Media Inc. </span>
794
+ <a href="/de/about" class="about-left">About</a>
795
+
796
+ <div class="right-menu">
797
+ <a href="/de/about" class="about">About</a>
798
+ <a href="mailto:editor@motherboard.tv" class="contact"><a href="mailto:motherboard@viceland.de">Kontakt</a></a>
799
+ <a href="/privacy"><a href="http://www.vice.com/de/pages/privacy-policy">Datenschutzerklärung</a></a>
800
+ <a href="/terms" class="last"><a href="http://www.vice.com/de/pages/about">Impressum</a></a>
801
+
802
+ </div>
803
+ </nav>
804
+ </div><!-- end .wrapper -->
805
+ </footer>
806
+
807
+ </section>
808
+
809
+ <iframe src="/themes/motherboard/statics/html/mb_tracker.html" height="1" width="1" id="iframe-tracker"></iframe>
810
+ <script type="text/javascript">
811
+ var _sf_async_config={uid:8233,domain:"motherboard.tv"};
812
+ (function(){
813
+ function loadChartbeat() {
814
+ window._sf_endpt=(new Date()).getTime();
815
+ var e = document.createElement('script');
816
+ e.setAttribute('language', 'javascript');
817
+ e.setAttribute('type', 'text/javascript');
818
+ e.setAttribute('src',
819
+ (("https:" == document.location.protocol) ? "https://a248.e.akamai.net/chartbeat.download.akamai.com/102508/" : "http://static.chartbeat.com/") +
820
+ "js/chartbeat.js");
821
+ document.body.appendChild(e);
822
+ }
823
+ var oldonload = window.onload;
824
+ window.onload = (typeof window.onload != 'function') ?
825
+ loadChartbeat : function() { oldonload(); loadChartbeat(); };
826
+ })();
827
+ </script>
828
+ <!-- End of Chartbeat --><script type="text/javascript" src="http://pixel.adsafeprotected.com/jload?anId=6202&advId=de&campId=Schwarz&pubId=forscher-kreieren-ein-material-das-fast-so-dunkel-ist-wie-ein-schwarzes-loch&placementId=Schwarz%2C+Entdeckungen%2C+Schwarzes+Loch%2C+Licht&chanId=motherboard.vice.com"></script>
829
+ <noscript><img src="http://pixel.adsafeprotected.com/jload?anId=6202&advId=de&campId=Schwarz&pubId=forscher-kreieren-ein-material-das-fast-so-dunkel-ist-wie-ein-schwarzes-loch&placementId=Schwarz%2C+Entdeckungen%2C+Schwarzes+Loch%2C+Licht&chanId=motherboard.vice.com" height="1" width="1" alt=""></noscript>
830
+ <script type="text/javascript">
831
+ window.vmp_ad_config = {
832
+ ad_slots : {},
833
+ ad_targetting_sizes : {},
834
+ config : {
835
+ adunit : 'motherboard.vice.com/Schwarz',
836
+ els : '.motherboard-ad',
837
+ adsafe_url : 'http://motherboard.vice.com/de/read/forscher-kreieren-ein-material-das-fast-so-dunkel-ist-wie-ein-schwarzes-loch?trk_source=popular',
838
+ targeting : {
839
+ topic : "Schwarz",
840
+ aid : "forscher-kreieren-ein-material-das-fast-so-dunkel-ist-wie-ein-schwarzes-loch",
841
+ atype : "blog",
842
+ auth : "Christine Kewitz",
843
+ keywords : "Schwarz, Entdeckungen, Schwarzes Loch, Licht",
844
+ country : "de"
845
+ }
846
+ }
847
+ };
848
+ </script><script type="text/javascript">
849
+ /*<![CDATA[*/
850
+ var SYSTEM_PREFIX = 'vmp', SITE_PREFIX = 'motherboard', SITE_LOCALE = 'de';
851
+ //Google Custom Serch Engine
852
+ (function(){var cx = '006027918092062956483:ikfpj1yo5mg';
853
+ var gcse = document.createElement('script');
854
+ gcse.type = 'text/javascript';
855
+ gcse.async = true;
856
+ gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx;
857
+ var s = document.getElementsByTagName('script')[0];
858
+ s.parentNode.insertBefore(gcse, s);
859
+ })();
860
+
861
+ /*]]>*/
862
+ </script>
863
+ <script type="text/javascript" src="/assets/js/vmp/lib/require.min.js?v20141210191819" id="vmp-require-js" data-main="/assets/js/vmp/system/require.config.js?v20141210191819" data-config-extension="/assets/js/motherboard/configs/mobo.config.js?v20141210191819" data-main-script="/assets/js/motherboard/articles/single.js" data-asset-version="v20141210191819"></script>
864
+ </body>
865
+ </html>
data/spec/integration/real_world_spec.rb CHANGED
@@ -176,4 +176,24 @@ RSpec.describe "real world examples" do
176
176
  expect(object.og.url).to eq "http://fritzing.org/"
177
177
  end
178
178
  end
179
+
180
+ describe "image_path_2" do
181
+ it "does not parse" do
182
+ expect {
183
+ OpenGraphReader.parse! fixture_html 'real_world/image_path_2'
184
+ }.to raise_error OpenGraphReader::InvalidObjectError, /does not start with/
185
+ end
186
+
187
+ it "parses with image paths turned on" do
188
+ OpenGraphReader.config.synthesize_image_url = true
189
+
190
+ object = OpenGraphReader.parse! fixture_html('real_world/image_path_2'), 'http://motherboard.vice.com/de/read/forscher-kreieren-ein-material-das-fast-so-dunkel-ist-wie-ein-schwarzes-loch?trk_source=popular'
191
+
192
+ expect(object.og.type).to eq "article"
193
+ expect(object.og.title).to eq "Forscher kreieren ein Material, das fast so dunkel ist wie ein schwarzes Loch"
194
+ expect(object.og.site_name).to eq "Motherboard"
195
+ expect(object.og.image.url).to eq "https://motherboard-images.vice.com/content-images/article/13701/1405417621515809.JPG?crop=0.75xw:1xh;*,*&resize=500:*&output-format=jpeg&output-quality=90"
196
+ expect(object.og.url).to eq "http://motherboard.vice.com/de/read/forscher-kreieren-ein-material-das-fast-so-dunkel-ist-wie-ein-schwarzes-loch"
197
+ end
198
+ end
179
199
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: open_graph_reader
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.1
4
+ version: 0.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jonne Haß
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2014-12-08 00:00:00.000000000 Z
11
+ date: 2014-12-14 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: nokogiri
@@ -166,6 +166,7 @@ files:
166
166
  - spec/fixtures/examples/video-movie.html
167
167
  - spec/fixtures/examples/video.html
168
168
  - spec/fixtures/real_world/image_path.html
169
+ - spec/fixtures/real_world/image_path_2.html
169
170
  - spec/fixtures/real_world/missing_image.html
170
171
  - spec/fixtures/real_world/missing_title.html
171
172
  - spec/fixtures/real_world/mixed_case_properties.html
@@ -253,6 +254,7 @@ test_files:
253
254
  - spec/fixtures/examples/video-movie.html
254
255
  - spec/fixtures/examples/video.html
255
256
  - spec/fixtures/real_world/image_path.html
257
+ - spec/fixtures/real_world/image_path_2.html
256
258
  - spec/fixtures/real_world/missing_image.html
257
259
  - spec/fixtures/real_world/missing_title.html
258
260
  - spec/fixtures/real_world/mixed_case_properties.html