Advertisement
mfrantz

Untitled

Jan 23rd, 2018
482
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.08 KB | None | 0 0
  1.  
  2. <!doctype html>
  3. <html lang='en'>
  4. <head>
  5. <meta charset='utf-8'>
  6. <meta content='DPR, Width, Viewport-Width' http-equiv='Accept-CH'>
  7. <meta content='initial-scale=1.0, user-scalable=no' name='viewport'>
  8. <meta content='COSMOS' name='apple-mobile-web-app-title'>
  9. <meta content='#365162' name='theme-color'>
  10. <link href='/apple-touch-icon.png' rel='apple-touch-icon'>
  11. <link href='/manifest.json' rel='manifest'>
  12. <link rel="alternate" type="application/rss+xml" title="RSS" href="https://cosmosmagazine.com/feed.rss" />
  13. <title>A stellar bubble | Cosmos</title>
  14. <meta name="description" content="When an ageing star shed its outer layers, this blue bubble was left behind." />
  15. <meta name="keywords" content="planetary nebula" />
  16. <link rel="canonical" href="https://cosmosmagazine.com/space/a-stellar-bubble" />
  17. <meta name="image" content="https://cosmos-production-assets.s3.amazonaws.com/file/spina/photo/13718/image_180123-PlanetaryNebula-Full.jpg" />
  18. <meta name="stripe-key" content="pk_live_0wXNk1D6BDQyg1xLVqb9Uyk8" />
  19. <meta name="fb:app_id" content="930280250426439" />
  20. <meta name="og:url" content="https://cosmosmagazine.com/space/a-stellar-bubble" />
  21. <meta name="og:site_name" content="Cosmos Magazine" />
  22. <meta name="og:title" content="A stellar bubble" />
  23. <meta name="og:image" content="https://cosmos-production-assets.s3.amazonaws.com/file/spina/photo/13718/image_180123-PlanetaryNebula-Full.jpg" />
  24. <meta name="og:description" content="When an ageing star shed its outer layers, this blue bubble was left behind." />
  25. <meta name="og:type" content="website" />
  26. <meta name="parsely-metadata" content="{&quot;section&quot;:&quot;Image of the Day&quot;,&quot;topic&quot;:&quot;Space&quot;,&quot;tag: planetary nebula&quot;:null}" />
  27. <meta name="twitter:site_name" content="Cosmos Magazine" />
  28. <meta name="twitter:site" content="@CosmosMagazine" />
  29. <meta name="twitter:card" content="summary_large_image" />
  30. <meta name="twitter:title" content="A stellar bubble" />
  31. <meta name="twitter:description" content="When an ageing star shed its outer layers, this blue bubble was left behind." />
  32. <meta name="twitter:image" content="https://cosmos-production-assets.s3.amazonaws.com/file/spina/photo/13718/image_180123-PlanetaryNebula-Full.jpg" />
  33. <script type="application/ld+json" data-name="parse.ly">
  34. {
  35. "@context": "http://schema.org",
  36. "@type": "NewsArticle",
  37. "headline": "A stellar bubble",
  38. "url": "https://cosmosmagazine.com/space/a-stellar-bubble",
  39. "thumbnailUrl": "https://cosmos-production-assets.s3.amazonaws.com/file/spina/photo/13718/180123-PlanetaryNebula-Full.jpg",
  40. "dateCreated": "2018-01-24T00:00:00+11:00",
  41. "articleSection": "Image of the Day",
  42. "creator": ["Cosmos editors"],
  43. "keywords": ["planetary nebula", "section: Image of the Day", "topic: Space", "tag: planetary nebula"]
  44. }
  45. </script>
  46.  
  47.  
  48. <script type="application/ld+json">
  49. {
  50. "@context" : "http://schema.org",
  51. "@type" : "WebSite",
  52. "name" : "Cosmos",
  53. "alternateName" : "Cosmos Magazine",
  54. "url" : "https://cosmosmagazine.com"
  55. }
  56. </script>
  57.  
  58. <script type="application/ld+json">
  59. {
  60. "@context": "http://schema.org",
  61. "@type": "BreadcrumbList",
  62. "itemListElement": [{"@type":"ListItem","position":1,"item":{"@id":"/space/a-stellar-bubble","name":""}},{"@type":"ListItem","position":2,"item":{"@id":"/topics/space","name":null}},{"@type":"ListItem","position":3,"item":{"@id":"/topics/space","name":null}}]
  63. }
  64. </script>
  65.  
  66. <script type="application/ld+json">
  67. {
  68. "@context": "http://schema.org",
  69. "@type": "NewsArticle",
  70. "headline": "A stellar bubble",
  71. "url": "https://cosmosmagazine.com/space/a-stellar-bubble",
  72. "image": {
  73. "@type": "ImageObject",
  74. "url": "https://cosmos-production-assets.s3.amazonaws.com/file/spina/photo/13718/180123-PlanetaryNebula-Full.jpg",
  75. "width": 432,
  76. "height": 432
  77. },
  78. "datePublished": "2018-01-24T00:00:00+11:00",
  79. "dateCreated": "2018-01-23T21:38:56+11:00",
  80. "dateModified": "2018-01-23T21:38:56+11:00",
  81. "author": {
  82. "@type": "Person",
  83. "name": "Cosmos editors"
  84. },
  85. "publisher": {
  86. "@type": "Organization",
  87. "name": "Cosmos Magazine",
  88. "logo": {
  89. "@type": "ImageObject",
  90. "url": "https://assets2.cosmosmagazine.com/assets/cosmos-publisher-logo-f8389596b45c4a8bcf0c6551534d23383631cb73a91d00d5874b56a4e8da6970.png",
  91. "width": 180,
  92. "height": 60
  93. }
  94. },
  95. "mainEntityOfPage":{
  96. "@type": "WebPage",
  97. "@id": "https://cosmosmagazine.com/space/a-stellar-bubble"
  98. }
  99. }
  100. </script>
  101.  
  102.  
  103. <link rel="stylesheet" media="all" href="https://assets3.cosmosmagazine.com/assets/application-69da6ae183883204372b48c9f1d34a4a9f0b0559e355350a07b1bddff97c6d2f.css" data-turbolinks-track="true" />
  104. <!--[if lt IE 9]>
  105. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  106. <![endif]-->
  107. <script src="https://assets3.cosmosmagazine.com/assets/application-a819f34c45a9b96918989110a80d13ba4c1e6eea280534d111c5436a0529f25d.js" data-turbolinks-track="true"></script>
  108. <script>
  109. ga('create', "UA-46304205-1", 'auto');
  110. </script>
  111. </head>
  112. <body class='anonymous pages-show'>
  113. <!-- Permanent Header -->
  114. <nav class="navbar navbar-dark bg-inverse text-uppercase" id="nav-primary">
  115. <div class="container">
  116. <button class="navbar-toggler pull-xs-right hidden-md-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
  117. &#9776;
  118. </button>
  119.  
  120. <a class="btn btn-subscribe pull-xs-right pull-sm-left" href="/subscribe?loc=h">
  121. <span class="non-subscriber-only hide-institute">Subscribe</span>
  122. <span class="active-subscriber-only hide-institute">Gift</span>
  123. <div class="cover-image hidden-sm-down">
  124. <img class="img-fluid" src="https://cosmos-production-assets.s3.amazonaws.com/file/spina/photo/13264/c77_cover_3D_header.png" alt="C77 cover 3d header" />
  125. </div>
  126. </a>
  127. <a class="navbar-brand hidden-md-up" href="/">
  128. <img alt="Cosmos" width="100" src="https://assets3.cosmosmagazine.com/assets/cosmos-logo-1cb922b53e9f9d975ca391d0931fa545db576e78b49d8415252799a19a46c10f.png" />
  129. </a>
  130. <a class="navbar-brand hidden-sm-down" href="/">
  131. <img alt="Cosmos" width="275" src="https://assets3.cosmosmagazine.com/assets/cosmos-logo-tagline-abf209343d7bdba30e78a22e9925c12e68b590b3a61b4cd02eed00a5512b4bc2.png" />
  132. </a>
  133. <div class="hidden-sm-down pull-xs-right">
  134. <form class="form-inline pull-xs-left m-r-1" action="/search" role="search" >
  135. <div class="form-group">
  136. <div class="input-group search-group">
  137. <input type="text" name="q" class="search-box form-control" placeholder="Search" value=''>
  138. <div class="input-group-btn">
  139. <button type="submit" class="btn btn-search"><i class="fa fa-search"></i></button>
  140. </div>
  141. </div>
  142. </div>
  143. </form>
  144.  
  145. <a class="btn btn-secondary btn-outline subscriber-only hide-institute" href="/account">Account</a>
  146. <a class="btn btn-secondary btn-outline anonymous-only" href="/log-in">Log in</a>
  147. </div>
  148. </div>
  149. </nav>
  150. <!-- End Permanent Header -->
  151.  
  152. <!-- Mobile Menu -->
  153. <div class="collapse hidden-md-up text-uppercase" id="exCollapsingNavbar">
  154. <div class="container bg-secondary navbar-nav navbar-dark">
  155.  
  156. <div class="row nav navbar-nav">
  157. <div class="col-sm-6 col-xs-6">
  158. <li class="nav-item "><a class="nav-link " href="/latest">Latest</a></li>
  159. </div>
  160. <div class="col-sm-6 col-xs-6">
  161. <li class="nav-item "><a class="nav-link " href="/browse">Explore</a></li>
  162. </div>
  163. </div>
  164.  
  165. <div class="row nav navbar-nav">
  166. <div class="col-xs-12">
  167. <li class="nav-item "><a class="nav-link " href="/topics">Popular Topics</a></li>
  168. </div>
  169. </div>
  170. </div>
  171. <div class="container navbar-nav navbar-light navbar-tertiary">
  172. <div class="row nav navbar-nav">
  173. <div class="col-sm-6 col-xs-6">
  174. <li class="nav-item "><a class="nav-link " href="/topics/space">Space</a></li>
  175. </div>
  176. <div class="col-sm-6 col-xs-6">
  177. <li class="nav-item "><a class="nav-link " href="/topics/biology">Biology</a></li>
  178. </div>
  179. </div>
  180. <div class="row nav navbar-nav">
  181. <div class="col-sm-6 col-xs-6">
  182. <li class="nav-item "><a class="nav-link " href="/topics/physics">Physics</a></li>
  183. </div>
  184. <div class="col-sm-6 col-xs-6">
  185. <li class="nav-item "><a class="nav-link " href="/topics/technology">Technology</a></li>
  186. </div>
  187. </div>
  188. </div>
  189. <div class="container bg-secondary navbar-nav navbar-dark">
  190. <div class="row p-t-1">
  191. <div class="col-sm-6 col-xs-6 subsciber-only hide-institute">
  192. <a class="btn-link" href="/account">Account</a>
  193. </div>
  194. <div class="col-sm-6 col-xs-6 subsciber-only hide-institute">
  195. <a class="btn-link" href="/gift/new">Gift</a>
  196. </div>
  197. <div class="col-sm-6 col-xs-6 anonymous-only">
  198. <a class="btn-link" href="/log-in">Log in</a>
  199. </div>
  200. <div class="col-sm-6 col-xs-6 anonymous-only">
  201. <a class="btn-link" href="/subscribe?loc=h">Subscribe</a>
  202. </div>
  203. </div>
  204.  
  205. <div class="row nav navbar-nav">
  206. <div class="col-sm-6 col-xs-6">
  207. <li class="nav-item "><a class="nav-link " href="/contact">Contact</a></li>
  208. </div>
  209. <div class="col-sm-6 col-xs-6">
  210. <li class="nav-item "><a class="nav-link " href="/issues">Print Issues</a></li>
  211. </div>
  212. </div>
  213.  
  214. <div class="row nav navbar-nav">
  215. <div class="col-sm-6 col-xs-6">
  216. <li class="nav-item "><a class="nav-link " href="/about">About</a></li>
  217. </div>
  218. <!-- <div class="col-sm-6 col-xs-6">
  219. <li class="nav-item "><a class="nav-link " href="/more">More</a></li>
  220. </div> -->
  221. </div>
  222.  
  223. <div class="row">
  224. <div class="col-xs-12">
  225. <form action="/search" role="search">
  226. <div class="form-group">
  227. <div class="input-group search-group">
  228. <input type="text" name="q" class="search-box form-control" placeholder="Search" value=''>
  229. <div class="input-group-btn">
  230. <button type="submit" class="btn btn-search">
  231. <i class="fa fa-search"></i>
  232. </button>
  233. </div>
  234. </div>
  235. </div>
  236. </form>
  237. </div>
  238. </div>
  239.  
  240. </div>
  241.  
  242. </div>
  243. <!-- End Mobile Menu -->
  244.  
  245. <!-- Desktop Menu -->
  246. <nav class="navbar navbar-dark bg-secondary hidden-sm-down text-uppercase" id="nav-secondary">
  247. <div class="container">
  248. <ul class="nav navbar-nav" style="width: 145px;">
  249. </ul>
  250. <ul class="nav navbar-nav">
  251. <li class="nav-item "><a class="nav-link " href="/">Home</a></li>
  252. <li class="nav-item "><a class="nav-link " href="/latest">Latest</a></li>
  253. <li class="nav-item ">
  254. <a class="nav-link" href="/topics" class="navbar-toggler" data-toggle="collapse" data-target="#collapseTopics">Topics</a>
  255. </li>
  256. <li class="nav-item "><a class="nav-link " href="/issues">Print Issues</a></li>
  257. <li class="nav-item "><a class="nav-link " href="/browse">Explore</a></li>
  258. </ul>
  259. <ul class="nav navbar-nav pull-md-right pull-lg-right-lg pull-xl-right m-r-0 hidden-md-down">
  260. <li class="nav-item "><a class="nav-link " href="/contact">Contact</a></li>
  261. <li class="nav-item "><a class="nav-link " href="/about">About</a></li>
  262. </ul>
  263. </div>
  264. </nav>
  265. <!-- End Desktop Menu -->
  266.  
  267. <!-- Topic Collapse Menu -->
  268. <div id="collapseTopics" class="collapse hidden-sm-down text-uppercase" style="font-size: 12px;">
  269.  
  270. <nav class="navbar navbar-light navbar-tertiary" style="background: #cdcdcd">
  271. <div class="container">
  272. <ul class="nav navbar-nav">
  273. <li class="nav-item "><a class="nav-link " href="/topics/biology">Biology</a></li>
  274. <li class="nav-item "><a class="nav-link " href="/topics/geoscience">Geoscience</a></li>
  275. <li class="nav-item "><a class="nav-link " href="/topics/mathematics">Mathematics</a></li>
  276. <li class="nav-item "><a class="nav-link " href="/topics/palaeontology">Palaeontology</a></li>
  277. <li class="nav-item "><a class="nav-link " href="/topics/physics">Physics</a></li>
  278. <li class="nav-item "><a class="nav-link " href="/topics/space">Space</a></li>
  279. <li class="nav-item "><a class="nav-link hidden-md-down" href="/topics/technology">Technology</a></li>
  280. <li class="nav-item "><a class="nav-link " href="/topics">See all topics&nbsp;&nbsp;&nbsp;<i>‣</i></a></li>
  281. </ul>
  282. </div>
  283. </nav>
  284. </div>
  285. <!-- End Mobile Menu -->
  286.  
  287.  
  288. <div id='announcements'></div>
  289.  
  290. <article class="full free topic-space section-image-of-the-day">
  291.  
  292. <div class="container">
  293. <div class="row hidden-print">
  294. <div class="col-xs-12 col-md-9">
  295.  
  296. <div class="row meta-info">
  297. <div class="col-xs-6">
  298. <a class="label" href="/sections/image-of-the-day">
  299. Image of the Day
  300. </a> <a class="label label-topic" href="/topics/space">
  301. Space
  302. </a> <span class="label">24 January 2018</span>
  303. </div>
  304.  
  305.  
  306. <div class="col-xs-6 hidden-xl-up text-xs-right">
  307. <span class="label">1 minute read&nbsp;</span>
  308.  
  309. <div class="btn-group">
  310. <button type="button" class="btn btn-dropdown btn-sm" data-toggle="dropdown" >Share</button>
  311. <button type="button" class="btn btn-dropdown btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  312. <span class="sr-only">Toggle Dropdown</span>
  313. </button>
  314. <div class="dropdown-menu dropdown-menu-right">
  315. <!-- <a class="dropdown-item" href="#send-to-kindle">Email to Kindle</a> -->
  316. <a class="dropdown-item" href="#pocket">Save to Pocket</a>
  317. <a class="dropdown-item" href="#email">Email link</a>
  318. <a class="dropdown-item" href="#print">Print article</a>
  319. <a class="dropdown-item" href="#facebook-share">Facebook</a>
  320. <a class="dropdown-item" href="#twitter-tweet" data-title="A stellar bubble">Twitter</a>
  321. <a class="dropdown-item" href="#reddit">Reddit</a>
  322. <!-- <a class="dropdown-item" href="#copy-url">Copy link</a> -->
  323. <a class="dropdown-item" href="#email">Email link</a>
  324. <a class="dropdown-item" href="#print">Print article</a>
  325. </div>
  326. </div>
  327. </div>
  328.  
  329. </div>
  330.  
  331. </div>
  332. </div>
  333. <div class="row title">
  334. <div class="col-xs-12 col-md-9">
  335. <h1 class="page-title">A stellar bubble</h1>
  336. </div>
  337. </div>
  338. <div class="row">
  339. <div class="col-xs-12">
  340. <hr>
  341. </div>
  342. </div>
  343.  
  344. <div class="row standfirst">
  345. <div class="col-xs-12 col-md-9">
  346. <h2 class="page-standfirst">When an ageing star shed its outer layers, this blue bubble was left behind.</h2>
  347. </div>
  348. </div>
  349. <div class="row">
  350. <div class="col-xs-12">
  351. <hr>
  352. </div>
  353. </div>
  354. </div>
  355.  
  356. <div class="container hidden-md-up hidden-print">
  357. <div class="row">
  358. <div class="col-xs-6">
  359. <a href="#facebook-share" class="btn-facebook btn-block btn facebook-share-button" data-size="large">
  360. <svg width="24" height="24" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" class="hidden-md"><path class="icon" d="M1343 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296h-254v759h-306v-759h-255v-296h255v-218q0-186 104-288.5t277-102.5q147 0 228 12z" fill="#fff"/></svg>
  361. <span class="count">Share</span>
  362. </a>
  363. </div>
  364. <div class="col-xs-6">
  365. <a href="#twitter-tweet" data-title="A stellar bubble" target="_blank" class="btn-twitter btn-block btn twitter-share-button" data-size="large">
  366. <svg width="28" height="28" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" class="hidden-md"><path class="icon" d="M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z" fill="#fff"/></svg>
  367. Tweet
  368. </a>
  369. </div>
  370. </div>
  371. </div>
  372.  
  373.  
  374. <div class="container m-t-2">
  375.  
  376. <div class="row">
  377. <div class="col-md-9 col-xs-12">
  378.  
  379. <div class="body">
  380.  
  381.  
  382.  
  383. <div class="row">
  384. <div class="col-xs-12 body-content">
  385. <p></p><figure class="width-100" src="https://cosmos-magazine.imgix.net/file/spina/photo/13718/180123-PlanetaryNebula-Full.jpg?fit=clip&amp;w=835" data-lightbox="true"><img width="3446" height="3460" srcset="https://cosmos-magazine.imgix.net/file/spina/photo/13718/180123-PlanetaryNebula-Full.jpg?fit=clip&amp;w=835 1x, https://cosmos-magazine.imgix.net/file/spina/photo/13718/180123-PlanetaryNebula-Full.jpg?dpr=2&amp;fit=clip&amp;w=835 2x" src="https://cosmos-magazine.imgix.net/file/spina/photo/13718/180123-PlanetaryNebula-Full.jpg?fit=clip&amp;w=835" alt="The planetary nebula Abell 33."><figcaption><div class="image-caption">The planetary nebula Abell 33.</div><div class="image-credit">ESO</div></figcaption></figure><p></p>
  386.  
  387. <p>This eye-catching image of the planetary nebula Abell 33 was taken by astronomers using the European Southern Observatory’s Very Large Telescope in Chile.</p><p>Created when an ageing star blew off its outer layers, this beautiful blue bubble is, by chance, aligned with a foreground star. </p><p>This cosmic gem is unusually symmetric, appearing to be almost perfectly circular on the sky.</p>
  388.  
  389.  
  390.  
  391. </div>
  392. </div>
  393.  
  394. </div>
  395. <div class="overlay-paywall">
  396.  
  397. </div>
  398.  
  399. <section class='explore hidden-print'>
  400. <div class="row">
  401. <div class="col-sm-8">
  402. <span class="label">Explore</span>
  403. <span class="tags">
  404. <span class="label label-tag"><a class="tag" href="/tags/planetary-nebula">#planetary nebula</a></span>
  405. </span>
  406. </div>
  407. <div class="col-sm-4 text-xs-right">
  408. <div class="btn-group">
  409. <button type="button" class="btn btn-dropdown btn-sm hidden-sm-down" data-toggle="dropdown" >Share to</button>
  410. <button type="button" class="btn btn-dropdown btn-sm hidden-md-up" data-toggle="dropdown" >Send to</button>
  411. <button type="button" class="btn btn-dropdown btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  412. <span class="sr-only">Toggle Dropdown</span>
  413. </button>
  414. <div class="dropdown-menu dropdown-menu-right">
  415. <a class="dropdown-item hidden-sm-down" href="#facebook-share">Facebook</a>
  416. <a class="dropdown-item hidden-sm-down" href="#twitter-tweet" data-title="A stellar bubble">Twitter</a>
  417. <a class="dropdown-item" href="#reddit">Reddit</a>
  418. <!-- <a class="dropdown-item" href="#copy-url">Copy link</a> -->
  419. <a class="dropdown-item" href="#email">Email link</a>
  420. <a class="dropdown-item" href="#print">Print article</a>
  421. </div>
  422. </div>
  423. </div>
  424. </div>
  425. </section>
  426.  
  427. <div class="contributor">
  428. <div class="row contributor">
  429. <div class="col-xs-0 col-sm-0 col-md-0 col-lg-0">
  430. </div>
  431. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-10 m-t-1">
  432. <div><i>Curated content from the editorial staff at Cosmos Magazine.</i></div>
  433. </div>
  434. </div>
  435. </div>
  436.  
  437.  
  438. <div class="hide-paywalled border-top non-subscriber-only hidden-print">
  439.  
  440. </div>
  441.  
  442. </div>
  443. <div class="col-md-3 col-xs-12 hidden-print">
  444. <div class='sidebar'>
  445. <div class='row'>
  446. <div class='col-xs-6'>
  447. <a class='btn-facebook btn-block btn facebook-share-button' data-size='large' href='#facebook-share'>
  448. <svg class='hidden-md' height='24' viewbox='0 0 1792 1792' width='24' xmlns='http://www.w3.org/2000/svg'>
  449. <path class='icon' d='M1343 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296h-254v759h-306v-759h-255v-296h255v-218q0-186 104-288.5t277-102.5q147 0 228 12z' fill='#fff'></path>
  450. </svg>
  451. <span class='count'>Share</span>
  452. </a>
  453. </div>
  454. <div class='col-xs-6'>
  455. <a class='btn-twitter btn-block btn twitter-share-button' data-size='large' data-title='A stellar bubble' href='#twitter-tweet' target='_blank'>
  456. <svg class='hidden-md' height='28' viewbox='0 0 1792 1792' width='28' xmlns='http://www.w3.org/2000/svg'>
  457. <path class='icon' d='M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5t-115.5 248.5-184.5 210.5-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5t-114-159.5q33 5 61 5 43 0 85-11-112-23-185.5-111.5t-73.5-205.5v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5t371.5 99.5q-8-38-8-74 0-134 94.5-228.5t228.5-94.5q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z' fill='#fff'></path>
  458. </svg>
  459. Tweet
  460. </a>
  461. </div>
  462. </div>
  463.  
  464. </div>
  465.  
  466. </div>
  467. </div>
  468.  
  469. <div class="row">
  470. <div class="col-md-9 col-xs-12">
  471. <section class="section-popular hidden-print">
  472. <div class="row">
  473. <div class="col-xs-12 text-xs-center">
  474. <div class="section-heading text-xs-center m-t-0">
  475. <div class="title">
  476. Popular Today
  477. </div>
  478. <a class="more pull-right" href="/popular">More<img width="14" height="14" alt="More Articles" src="https://assets0.cosmosmagazine.com/assets/more-f1f67121a702aa9c390395d189cf02115471c4567e1e92c802da90d7b754851c.png" /></a>
  479. </div>
  480. </div>
  481. </div>
  482. <div id="popular-articles" style="min-height: 290px;"></div>
  483. <script>
  484. $.get('/pages/6589/popular', function(response) {
  485. $('#popular-articles').html(response);
  486. $('#popular-articles').fadeIn();
  487. });
  488. </script>
  489. </section>
  490.  
  491. <section class="section-latest p-b-2 hidden-print">
  492. <div class="row">
  493. <div class="col-xs-12 text-xs-center">
  494. <div class="section-heading text-xs-center">
  495. <div class="title">
  496. Latest Stories
  497. </div>
  498. <a class="more pull-right" href="/latest">More<img width="14" height="14" alt="More Articles" src="https://assets0.cosmosmagazine.com/assets/more-f1f67121a702aa9c390395d189cf02115471c4567e1e92c802da90d7b754851c.png" /></a>
  499. </div>
  500. </div>
  501. </div>
  502. <div id="latest-articles" style="min-height: 290px;"></div>
  503. <script>
  504. $.get('/pages/6589/latest', function(response) {
  505. $('#latest-articles').html(response);
  506. $('#latest-articles').fadeIn();
  507. });
  508. </script>
  509. </section>
  510.  
  511. </div>
  512. </div>
  513.  
  514. </div>
  515. </article>
  516.  
  517. <div class="admin-helper">
  518. <a class="spina-logo hidden-print" data-turbolinks="false" href="/admin/pages/6589/edit">
  519. <img src="https://assets1.cosmosmagazine.com/assets/spina/spina-02855f22a12558b5fdde0e754ebe17e461972a4aac6a44900bf9c81cbeb5c49d.png" alt="Spina" />
  520. </a> <a class="parsely-logo hidden-print" data-turbolinks="false" href="javascript:(function() %7Bvar js %3D document.createElement(%27script%27)%3Bjs.setAttribute(%27src%27, %27https://dash.parsely.com/static/build/overlay.js%3Fv%3D%27 %2B (new Date()).getTime())%3B document.body.appendChild(js)%3B%7D())%3B">
  521. <img src="https://assets0.cosmosmagazine.com/assets/parsely-logo-e3e68c87e5824f9be72c9e2ae9df4ca4a27d7f0df595aa6a0c2c3474d551b7f7.png" alt="Parsely logo" />
  522. </a></div>
  523. <footer>
  524. <div class="container hidden-print">
  525. <div class="row">
  526. <div class="col-md-3 col-sm-6 col-xs-6">
  527. <hr>
  528. <ol>
  529. <li>
  530. <a class="subscriber-only institute-hide" href="/account" style="display: inline;"><i class="fa fa-user"></i> Account</a>
  531. </li>
  532. <li>
  533. <a class="non-subscriber-only" href="/subscribe?loc=f" style="display: none;"><i class="fa fa-credit-card"></i> Subscribe</a>
  534. </li>
  535. <li>
  536. <a href="/email"><i class="fa fa-envelope"></i> Email</a>
  537. </li>
  538. <li>
  539. <a class="" href="https://facebook.com/CosmosMagazine"><i class="fa fa-facebook"></i> Facebook</a>
  540. </li>
  541. <li>
  542. <a class="" href="https://twitter.com/CosmosMagazine"><i class="fa fa-twitter"></i> Twitter</a>
  543. </li>
  544. <li>
  545. <a href="/feed.rss"><span class="sr-only">RSS Feed</span><span class="fa fa-rss"></span></a>
  546. <a class="" href="/rss-feeds">RSS Feeds</a>
  547. </li>
  548. </ol>
  549. </div>
  550. <div class="col-md-3 col-sm-6 col-xs-6">
  551. <hr>
  552. <ol>
  553. <li>
  554. <a class="" href="/issues">Issues</a>
  555. </li>
  556. <li>
  557. <a class="" href="/topics">Topics</a>
  558. </li>
  559. <li>
  560. <a class="" href="/sections/news">News</a>
  561. </li>
  562. <li>
  563. <a class="" href="/sections/feature">Features</a>
  564. </li>
  565. </ol>
  566. </div>
  567. <div class="col-md-3 col-sm-6 col-xs-6">
  568. <hr>
  569. <ol>
  570. <li>
  571. <a class="" href="/advertise">Advertise</a>
  572. </li>
  573. <li>
  574. <a class="" href="/submissions">Submissions</a>
  575. </li>
  576. <li>
  577. <a class="" href="/intern">Intern</a>
  578. </li>
  579. <li>
  580. <a class="" href="/feedback">Feedback</a>
  581. </li>
  582. <li>
  583. <a class="" href="/editorial">Editorial</a>
  584. </li>
  585. </ol>
  586. </div>
  587. <div class="col-md-3 col-sm-6 col-xs-6">
  588. <hr>
  589. <ol>
  590. <li>
  591. <a class="" href="/about">About Us</a>
  592. </li>
  593. <li>
  594. <a class="" href="/contact">Contact</a>
  595. </li>
  596. <li>
  597. <a class="" href="/faq">FAQ</a>
  598. </li>
  599. <li>
  600. <a class="" href="/privacy">Privacy Policy</a>
  601. </li>
  602. <li>
  603. <a class="" href="/terms">Terms &amp; Conditions</a>
  604. </li>
  605. <li>
  606. <a class="" href="/competitions">Competitions</a>
  607. </li>
  608. </ol>
  609. </div>
  610. </div>
  611.  
  612. </div>
  613.  
  614. <div class="container subscriber-only">
  615. <div class="row">
  616. <div class="col-xs-12 text-xs-center text-sm-center text-md-left">
  617. <small class="text-muted">
  618. <span class="subscriber-only">Logged in as <span data-user-name></span></span>
  619. </small>
  620. </div>
  621. </div>
  622. </div>
  623. </footer>
  624.  
  625. <div class="container hidden-print" id="floating-newsletter-signup">
  626. <div class="row">
  627. <div class="col-md-offset-3 col-md-6 col-xs-offset-1 col-xs-10">
  628. <div class="newsletter" id="daily-newsletter-signup">
  629. <div class="close img-circle">
  630. <i class="fa fa-close"></i>
  631. </div>
  632. <p>Receive <u>daily email</u> updates from Cosmos</p>
  633. <form class="form-inline" action="/newsletter?id=daily-newsletter-signup&amp;list_id=5f4ec2b124" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="&#x2713;" />
  634. <div class="col-xs-12">
  635. <div class="row">
  636. <input type="email" class="form-control col-xs-6 col-sm-8" name="email" placeholder="Your email">
  637. <button name="button" type="submit" data-disable="..." class="btn btn-secondary col-xs-6 col-sm-4 pull-xs-right">Sign up</button>
  638. </div>
  639. </div>
  640. </form> </div>
  641. <div class="signed-up" id="daily-newsletter-signup-signed-up" style="display: none;"></div>
  642. </div>
  643. </div>
  644. </div>
  645.  
  646. <div id="parsely-root" style="display: none">
  647. <span id="parsely-cfg" data-parsely-site="cosmosmagazine.com"></span>
  648. </div>
  649. <script type="application/ld+json" data-name="parse.ly">
  650. {
  651. "@context": "http://schema.org",
  652. "@type": "NewsArticle",
  653. "headline": "A stellar bubble",
  654. "url": "https://cosmosmagazine.com/space/a-stellar-bubble",
  655. "thumbnailUrl": "https://cosmos-production-assets.s3.amazonaws.com/file/spina/photo/13718/180123-PlanetaryNebula-Full.jpg",
  656. "dateCreated": "2018-01-24T00:00:00+11:00",
  657. "articleSection": "Image of the Day",
  658. "creator": ["Cosmos editors"],
  659. "keywords": ["planetary nebula", "section: Image of the Day", "topic: Space", "tag: planetary nebula"]
  660. }
  661. </script>
  662.  
  663.  
  664. <script>
  665. auth_token = "";
  666. helper_token = "";
  667. App.user(function(user) {
  668. updateArticles(user);
  669. });
  670. var link=document.createElement('meta');
  671. link.name="csrf-param";
  672. link.content="authenticity_token";
  673. document.getElementsByTagName('head')[0].appendChild(link);
  674.  
  675. var link=document.createElement('meta');
  676. link.name="csrf-token";
  677. link.content="Sfk0y1+K5bq/cPFCMuh8bDm+drOJ3P1by67RyAEKZVVapx8wJ0wxrQ+DSQRApWF9BC3TPjba2j2Dy19qtwu2rA==";
  678. document.getElementsByTagName('head')[0].appendChild(link);
  679. </script>
  680.  
  681.  
  682.  
  683. </body>
  684. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement