diff --git a/public/glyphs2.png b/public/glyphs2.png index aafdbab..bbff056 100644 Binary files a/public/glyphs2.png and b/public/glyphs2.png differ diff --git a/public/glyphs2.xml b/public/glyphs2.xml index 6d44286..fadda36 100644 --- a/public/glyphs2.xml +++ b/public/glyphs2.xml @@ -1,65 +1,67 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/BlazeStarNova.vue b/src/BlazeStarNova.vue index 1e80369..b060dfa 100644 --- a/src/BlazeStarNova.vue +++ b/src/BlazeStarNova.vue @@ -99,6 +99,7 @@
Corona Borealis is Set @@ -170,14 +171,14 @@
- +
- + mdi-cursor-default-click @@ -241,8 +243,10 @@ :touchscreen="touchscreen" :show-blaze-overlay="showBlazeOverlay" :show-alpha-overlay="showAlphaOverlay" - @toggle-blaze="() => store.gotoRADecZoom({ raRad: crbPlace.get_RA() * 15 * D2R, decRad: crbPlace.get_dec() * D2R, zoomDeg: 90, instant: false })" - @toggle-alpha="() => store.gotoRADecZoom({ raRad: 233.6719500 * D2R, decRad: 26.7146850 * D2R, zoomDeg: 90, instant: false })" + @toggle-blaze="() => store.gotoRADecZoom({ raRad: crbPlace.get_RA() * 15 * D2R, decRad: crbPlace.get_dec() * D2R, zoomDeg: 180, instant: false })" + @toggle-alpha="() => { + toggleAlpha(); + }" /> @@ -287,7 +291,7 @@ playbackControl.pause(); const { timePlaying } = playbackControl; const touchscreen = supportsTouchscreen(); -// const { smAndDown } = useDisplay(); +const { smAndDown } = useDisplay(); @@ -499,10 +503,6 @@ function getCrbAlt(when: Date | null = null) { return crbAltAz.altRad; } -/* Properties related to device/screen characteristics */ -// TODO: This seems to be giving the wrong value? Investigate why -// const smallSize = computed(() => smAndDown); - /* This lets us inject component data into element CSS */ const cssVars = computed(() => { // get the text-bottom-sheet id height and subtract it from 100vh @@ -631,6 +631,15 @@ function setMidnight(){ selectedDate.value = time; } +function toggleAlpha() { + store.gotoRADecZoom({ raRad: 233.6719500 * D2R, decRad: 26.7146850 * D2R, zoomDeg: 180, instant: false }).then(() => { + showAlphaOverlay.value = true; + }).then(() => { + setTimeout(() => { + showAlphaOverlay.value = false; + }, 5000); + }); +} watch(isTourPlaying, onTourPlayingChange); @@ -668,8 +677,8 @@ watch(inNorthernHemisphere, (_inNorth: boolean) => resetAltAzGridText()); } :root { - --default-font-size: clamp(0.9rem, min(2.2vh, 2.2vw), 1.4rem); - --default-line-height: clamp(1.3rem, min(2.8vh, 2.8vw), 2.1rem); + --default-font-size: ~"max(14px, calc(0.7em + 0.3vw))"; + --default-line-height: ~"max(20px, calc(1em + 0.4vw))"; } html { @@ -679,7 +688,6 @@ html { background-color: #000; overflow: hidden; - -ms-overflow-style: none; // scrollbar-width: none; } @@ -721,7 +729,6 @@ p { height: 100%; margin: 0; overflow: hidden; - font-size: 11pt; .wwtelescope-component { position: absolute; @@ -832,6 +839,18 @@ p { flex-grow: 1; gap: 10px; align-items: flex-end; + height: auto; +} + +.chip-text { + font-size: var(--default-font-size) !important; + max-width: 33vw; + white-space: normal; + height: auto !important; + padding-inline: 1em !important; + padding-block: 0.5em !important; + text-align: center; + border-radius: 20px; } #empty-space { @@ -930,6 +949,7 @@ p { width: 150px; } } + #controls-top-row { padding-left: 0.5em; display: flex; @@ -999,9 +1019,10 @@ video { } .jl_icon_button_text { - font-size : 1.15em; + font-size : var(--default-font-size) !important; padding-inline: 1em; - max-width: 20ch; text-align: center; + max-width: 20ch; + text-align: center; } .jl_debug { diff --git a/src/BottomSheet.vue b/src/BottomSheet.vue index 8b2d86f..51d288b 100644 --- a/src/BottomSheet.vue +++ b/src/BottomSheet.vue @@ -22,7 +22,7 @@

How do I see this nova?

- The star that will become a nova is named "T Coronae Borealis." It is often referred to as "T CrB" for short and is also nicknamed, the "Blaze Star" (Go to T CrB). As the name suggests, it is located within the constellation Corona Borealis, the "Northern Crown." This guide explains how you can find Corona Borealis in your night sky. + The star that will become a nova is named "T Coronae Borealis." It is often referred to as "T CrB" for short and is also nicknamed the "Blaze Star" (Go to T CrB). As the name suggests, it is located within the constellation Corona Borealis, the "Northern Crown." This guide explains how you can find Corona Borealis in your night sky.

@@ -30,12 +30,12 @@

How bright will the nova be?

- At its normal brightness, T CrB is about a 10th magnitude star. This is about 30-40 times fainter than the faintest star a person could see from a dark sky, so you would need a telescope to see it. When it goes nova, it is predicted to be about 2-2.5 magnitudes. It is comparable in brightness to Alphecca (Go to Alphecca), the brightest star you can see in the crown of Corona Borealis.(TODO: add a link to turn on the layer that shows the brightness comparison.) + At its normal brightness, T CrB is about a 10th magnitude star. This is about 30-40 times fainter than the faintest star a person could see from a dark sky, so you would need a telescope to see it. When it goes nova, it is predicted to be about 2-2.5 magnitudes. It is comparable in brightness to Alphecca (Go to Alphecca), the brightest star you can see in the crown of Corona Borealis.

What causes a nova?

- Novas occur in binary star systems where small, very dense, very hot stars called white dwarfs orbit another large star at close range. The graviational pull from the white dwarf can pull gas from the outer layers of the large companion star onto the surface of the white dwarf. When enough of this gas collects on the surface of the white dwarf, it triggers a nuclear explosion that causes the temporary brightening of the nova. + Novas occur in binary star systems where small, very dense, very hot stars called white dwarfs orbit another large star at close range. The gravitational pull from the white dwarf can pull gas from the outer layers of the large companion star onto the surface of the white dwarf. When enough of this gas collects on the surface of the white dwarf, it triggers a nuclear explosion that causes the temporary brightening of the nova.

diff --git a/src/SplashScreen.vue b/src/SplashScreen.vue index f70d85b..3c11dc6 100644 --- a/src/SplashScreen.vue +++ b/src/SplashScreen.vue @@ -15,6 +15,9 @@
+
+ Image credit: NASA / Goddard Space Flight Center +
@@ -141,6 +144,15 @@ function closeSplashScreen() { cursor: pointer; } } + + #image-credit { + position: absolute; + bottom: 0.5rem; + left: -1rem; + font-size: calc(0.7 * var(--default-font-size)); + font-weight: 400; + color: #DDDDDD; + } } diff --git a/src/TimeDisplay.vue b/src/TimeDisplay.vue index d8125eb..3d1c5c9 100644 --- a/src/TimeDisplay.vue +++ b/src/TimeDisplay.vue @@ -1,7 +1,8 @@