diff --git a/jwst-brick/src/JwstBrick.vue b/jwst-brick/src/JwstBrick.vue index bb086e20..02d122ab 100644 --- a/jwst-brick/src/JwstBrick.vue +++ b/jwst-brick/src/JwstBrick.vue @@ -246,9 +246,7 @@ v-model="tab" height="32px" :color="accentColor" - :slider-color="accentColor" id="tabs" - dense grow >

Information

@@ -267,7 +265,34 @@ - Information goes here +

About "The Brick"

+

Our Milky Way galaxy is full of cold, dark clouds of gas and dust where new stars like our Sun are born. A cloud near the center of the galaxy, called “The Brick,” is possibly the densest, most massive dark cloud in the entire Galaxy! Despite its large amount of mass, The Brick does not seem to be actively forming many new stars, so it remains dark and cold. A team of astronomers led by Adam Ginsburg observed The Brick using one of JWST’s near-infrared cameras. In the image, you can see many, many of the Milky Way’s stars in front of The Brick (left thumbnail). With some processing, the astronomers were able to remove the stars from the image and show only the cloud itself, revealing stripey structures and wisps in both the dark, cold gas and the hot, glowing background material (right thumbnail). The ”blue” colors in the image show where frozen carbon monoxide, CO ice, is blocking out some of the light emitted by the hot glowing hydrogen that fills the Galactic Center.

+

The background image shows the Milky Way as observed in infrared light by the Spitzer Space Telescope, a predecessor to JWST.

+ +

Seeing in Infrared light

+

Our eyes see visible light, but visible light is only a small part of a broader spectrum of light that has different energies, ranging from gamma rays and x-rays to infrared light and radio waves. Blue light corresponds to shorter wavelength (and higher energy) light, while red corresponds to longer wavelength (and lower energy) light. Images from each part of the spectrum can tell a different part of the story about objects in space.

+

JWST takes pictures in infrared (or IR) light, which is longer than visible light and cannot be seen by our eyes. Astronomers can still assign “false” colors to help us make sense of the images. In  JWST’s images of The Brick, the shorter wavelength IR light is displayed in “blue,” and the longer wavelength IR light is displayed in “red.” Atoms of hot hydrogen gas in the center of our galaxy emit light at both these IR wavelengths.

+ + +

The dense cloud that makes up “The Brick” is mostly cold hydrogen, dust, and carbon monoxide (CO). The Brick is so dense that it blocks the infrared light emitted by the surrounding hot hydrogen, creating the dark jelly bean shape we see at the center of the JWST images. In the center of the cloud, the dust blocks both the shorter (“blue”) and longer (“red”) IR wavelengths. Towards the edge of the cloud where it is less dense, frozen CO ice does most of the blocking. CO ice tends to block more of the “red” and less of the “blue” IR light, so the edge of the cloud glows “blue”in these images.

+
+ + This is a schematic of The Brick as imaged by JWST, separated into layers. The bottom layer depicts light from hot background gas that emits at both longer and shorter IR wavelengths, depicted with red and blue arrows. Above that is The Brick layer. In the middle of The Brick, red and blue arrows from the bottom layer are stopped by The Brick layer. Near the edge of the Brick, the red arrow is stopped, but the blue arrow can pass. Outside of The Brick region, both red and blue arrows can pass. The top of the schematic shows the direction the light moves towards JWST. + +
+ +

Science Team

+ Adam Ginsburg
+ Ashley Barnes
+ Cara Battersby
+ Alyssa Bulatek
+ Savannah Gramze
+ Jonathan Henshaw
+ Desmond Jeff
+ Xing Lu
+ E. A. C. Mills
+ Daniel Walker
+
@@ -303,16 +328,27 @@ + +
-

Credits:

+

Credits

+ +

CosmicDS Mini Stories Team:

John Lewis
- Jon Carifio
Pat Udomprasert
+ Jon Carifio
Alyssa Goodman
- Mary Dussault
Harry Houghton
Anna Nolin
+ Mary Dussault
Evaluator: Sue Sunbury

WorldWide Telescope Team:

@@ -320,12 +356,12 @@ A. David Weigel
Jon Carifio
-
+ @@ -409,6 +445,7 @@ export default defineComponent({ overlayWasVisible: false, accentColor: "#F0AB52", + accentColor2: "#99c8ff", initialPosition: {ra: 266.5375, dec:-28.708, zoom: 120 }, @@ -591,6 +628,7 @@ export default defineComponent({ cssVars() { return { '--accent-color': this.accentColor, + '--accent-color2': this.accentColor2, '--app-content-height': this.showTextSheet ? '66%' : '100%', }; }, @@ -1045,6 +1083,7 @@ body { align-content: center; padding-top: 4rem; padding-bottom: 1rem; + padding-inline: 0.5rem; border-radius: 50px; border: min(1.2vw, 0.9vh) solid var(--accent-color); @@ -1235,12 +1274,31 @@ video { } .info-text { + font-size: var(--default-font-size); + line-height: var(--default-line-height); + height: 33vh; padding-bottom: 25px; + & img { + max-width: 100%; + } + + & h3 { + margin-top: calc(var(--default-line-height)); + margin-bottom: calc(0.3 * var(--default-line-height)); + color: var(--accent-color2); + } + + & p { + margin-bottom: calc(0.5 * var(--default-line-height)); + } + & a { - text-decoration: none; + text-decoration: underline; } + + } @@ -1305,6 +1363,10 @@ video { } +.v-tabs [aria-selected="false"]:not(.v-slide-group-item--active) { + color: #BDBDBD !important; +} + #close-text-icon { position: absolute; top: 0.25em;