Skip to content

Commit

Permalink
Add info text with footnotes
Browse files Browse the repository at this point in the history
  • Loading branch information
patudom committed Feb 16, 2024
1 parent c16a97d commit 7f67ace
Show file tree
Hide file tree
Showing 2 changed files with 23 additions and 9 deletions.
9 changes: 7 additions & 2 deletions assets/common.less
Original file line number Diff line number Diff line change
Expand Up @@ -415,6 +415,11 @@ video {
text-decoration: underline;
}

& .highlight {
font-weight: bolder;
color: #aec2fd;
}


}

Expand Down Expand Up @@ -469,12 +474,12 @@ video {

.v-card-text {
font-size: ~"max(14px, calc(0.7em + 0.3vw))";
padding-top: ~"max(2vw, 16px)";
padding-top: ~"max(1vw, 5px)";
padding-left: ~"max(4vw, 16px)";
padding-right: ~"max(4vw, 16px)";

.end-spacer {
height: 25px;
height: 30px;
}
}

Expand Down
23 changes: 16 additions & 7 deletions src/Radwave.vue
Original file line number Diff line number Diff line change
Expand Up @@ -288,7 +288,21 @@
<v-window-item>
<v-card class="no-bottom-border-radius scrollable">
<v-card-text class="info-text no-bottom-border-radius">
Information goes here
<h3>What is the RadWave?</h3>
<p>The more humans study our universe, the more we find that it is richer and more complex than we previously realized. The Radcliffe Wave (or RadWave for short) is a massive structure that was discovered in our Milky Way galaxy by astronomers João Alves, Catherine Zucker, Alyssa Goodman, and others in 2020<sup><a href="#2020team" class="highlight">[1]</a></sup>. The RadWave is made up of gas, dust, and stars loosely connected in a wave-like shape. It is so huge and so close to us that earlier scientists did not see that these parts were all connected. Learn more about the discovery of the RadWave here!</p>
<h3>How do scientists make predictions from models and data?</h3>
<p>The RadWave looks like a wave, but does it also move like a wave? Ralf Konietzka, with Goodman, Zucker, and others<sup><a href="#2024team" class="highlight">[2]</a></sup> used data from the Gaia satellite to answer this question by measuring the speed and direction of stars in different parts of the wave. Just like weather reporters can predict where a storm will go based on wind patterns, Konietzka uses the information about the RadWave’s current motion to predict how it will move in the future. The best model that fits the data is shown in this interactive.</p>
<h3>Why do the blue star clusters fade out?</h3>
<p>The time it takes for the RadWave to complete a “wave” is about 100 million years, but the clouds and young star clusters along the wave will disperse in less than 30 million years, so the blue dots that represent the star clusters fade out in the interactive view to reflect this.</p>
<h3>Science Credits</h3>
<p>[1] <span class="highlight" id="2020team">2020 RadWave Team: </span>
João Alves, Catherine Zucker, Alyssa A. Goodman, Joshua S. Speagle, Stefan Meingast, Thomas Robitaille, Douglas P. Finkbeiner, Edward F. Schlafly, and Gregory M. Green</p>
<p>[2] <span class="highlight" id="2024team">2024 RadWave in Motion Team:</span>
Ralf Konietzka, Alyssa A. Goodman, Catherine Zucker, Andreas Burkert, João Alves, Michael Foley, Cameren Swiggum, Maria Koller, and Núria Miret-Roig</p>
<v-spacer class="end-spacer"></v-spacer>
</v-card-text>
</v-card>
</v-window-item>
Expand Down Expand Up @@ -342,14 +356,14 @@
A. David Weigel<br>
Jon Carifio<br>
</div>
<v-spacer class="end-spacer"></v-spacer>
</v-col>
</v-row>
<v-row>
<v-col>
<funding-acknowledgement/>
</v-col>
</v-row>
<v-spacer class="end-spacer"></v-spacer>
</v-container>
</v-card-text>
</v-card>
Expand Down Expand Up @@ -1015,7 +1029,6 @@ export default defineComponent({
}
window.requestAnimationFrame(this.onAnimationFrame);
}
},
watch: {
Expand Down Expand Up @@ -1110,10 +1123,6 @@ export default defineComponent({

<style lang="less">
.no-background {
background-image: none!important;
}
#modal-loading {
background-color: #000;
Expand Down

0 comments on commit 7f67ace

Please sign in to comment.