open_graph_reader 0.3.1 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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