diff --git a/css/app.77e558c7.css b/css/app.77e558c7.css deleted file mode 100644 index f346174..0000000 --- a/css/app.77e558c7.css +++ /dev/null @@ -1 +0,0 @@ -@font-face{font-family:Highway Gothic Narrow;src:url(https://projects.cosmicds.cfa.harvard.edu/cds-website/fonts/HighwayGothicNarrow.ttf)}:root{--default-font-size:clamp(0.7rem,min(1.7vh,1.7vw),1.1rem);--default-line-height:clamp(1rem,min(2.2vh,2.2vw),1.6rem)}html{height:100%;margin:0;padding:0;background-color:#000;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}html ::-webkit-scrollbar{display:none}body{height:100%;margin:0;padding:0;font-family:Verdana,Arial,Helvetica,sans-serif}#main-content,body{position:fixed;width:100%;overflow:hidden}#main-content{height:var(--app-content-height);transition:height .1s ease-in-out}#app{width:100%;height:100%;margin:0;overflow:hidden;font-size:11pt}#app .wwtelescope-component{position:absolute;top:0;width:100%;height:100%;border-style:none;border-width:0;margin:0;padding:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;color:#fff;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}#modal-loading{background-color:#000}#modal-loading .container{display:flex;flex-direction:row;align-items:center;justify-content:center}#modal-loading .container .spinner{background-image:url(https://projects.cosmicds.cfa.harvard.edu/cds-website/logos/lunar_loader.gif);background-repeat:no-repeat;background-size:contain;width:3rem;height:3rem}#modal-loading .container p{margin:0 0 0 1rem;padding:0;font-size:150%}#modal-readytostart{cursor:pointer;color:#999}#modal-readytostart:hover{color:#2aa5f7}#modal-readytostart div{margin:0;padding:0;background-image:url(https://projects.cosmicds.cfa.harvard.edu/cds-website/logos/wwt_globe_bg.png);background-repeat:no-repeat;background-size:contain;background-position:50%;width:20rem;height:20rem;max-width:70%;max-height:70%;display:flex;align-items:center;justify-content:center}#modal-readytostart div .icon{width:60%;height:60%;margin-left:14%;margin-top:3%}.ui-text{color:#f0ab52;background:#000;padding:5px 5px;border:2px solid #000;border-radius:10px;font-size:calc(.7em + .2vw)}.ui-text:focus{color:#fff}.slider-label{font-weight:700;font-size:calc(.8em + .5vw);padding:5px 10px;text-align:center;line-height:20px}.slider-label .light-type{font-size:calc(.56em + .35vw)}.slider-label:hover{cursor:pointer}.top-content{top:1rem;left:1rem;width:calc(100% - 2rem);justify-content:space-between;align-items:flex-start}.bottom-content,.top-content{position:absolute;pointer-events:none;display:flex}.bottom-content{flex-direction:column;bottom:.5rem;right:.5rem;width:calc(100% - 1rem);align-items:center;gap:5px}#overlay-button-container{align-self:flex-start;padding-bottom:.5rem}#tools{z-index:10;color:#fff}#tools .opacity-range{width:50vw}#tools .clickable{cursor:pointer}#tools select{background:#fff;color:#000;border-radius:3px}.tool-container{display:flex;flex-direction:row;align-items:center;gap:5px;pointer-events:auto}#left-buttons,#right-buttons{display:flex;flex-direction:column;gap:10px}#gallery-container{position:absolute;top:1rem;right:1rem;height:50vh;width:20vw;border:1px solid red}#splash-overlay{align-items:center;justify-content:center;font-size:min(8vw,7vh)}#splash-screen{color:var(--accent-color);background-color:#000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:space-around;align-content:center;padding-top:4rem;padding-bottom:1rem;padding-inline:.5rem;border-radius:50px;border:min(1.2vw,.9vh) solid var(--accent-color);overflow:auto;font-family:Highway Gothic Narrow,Roboto,sans-serif;box-shadow:0 0 25px #000}@media (max-width:699px){#splash-screen{max-height:80vh;max-width:90vw}}@media (min-width:700px){#splash-screen{max-height:85vh;max-width:min(70vw,800px)}}#splash-screen div{margin-inline:auto;text-align:center}#splash-screen p{font-family:Highway Gothic Narrow,Roboto,sans-serif;font-weight:700;vertical-align:middle}#splash-screen p.highlight{text-transform:uppercase;font-weight:bolder}#splash-screen p.small{font-size:var(--default-font-size);font-weight:700}#splash-screen #first-splash-row{width:100%}#splash-screen #close-splash-button{position:absolute;top:.5rem;right:1.75rem;text-align:end;color:var(--accent-color);font-size:min(8vw,5vh)}#splash-screen #close-splash-button:hover{cursor:pointer}#splash-screen #splash-screen-text{display:flex;flex-direction:column;line-height:130%}#splash-screen #splash-screen-guide{margin-block:1.5em;font-size:min(5vw,4vh);line-height:140%;width:75%}#splash-screen #splash-screen-guide .v-col{padding:0}#splash-screen #splash-screen-guide .svg-inline--fa{color:var(--accent-color);margin:0 10px}#splash-screen #splash-screen-acknowledgements{font-size:calc(var(--default-font-size)*1.7);line-height:calc(var(--default-line-height)*1.5);width:70%}#splash-screen #splash-screen-logos{margin-block:.75em}#splash-screen #splash-screen-logos img{height:5vmin;vertical-align:middle;margin:2px}@media only screen and (max-width:600px){#splash-screen #splash-screen-logos img{height:24px}}#splash-screen #splash-screen-logos svg{vertical-align:middle;height:24px}#project-credits{color:#ddd;font-size:calc(.7em + .2vw);justify-self:flex-end;align-self:flex-end;display:flex;justify-content:center;align-items:center}#project-credits p{margin:0;padding:0;line-height:1}#project-credits a{text-decoration:none;color:#fff;pointer-events:auto}#project-credits a:hover{text-decoration:underline}#project-credits a[class^=share-network]:hover{text-decoration:none;filter:brightness(75%)}#project-credits img{height:35px;vertical-align:middle;margin:2px}@media only screen and (max-width:600px){#project-credits img{height:24px}}#project-credits svg{vertical-align:middle;height:24px}#video-container{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;overflow:hidden;padding:0;z-index:1000}#video-container .close-icon{position:absolute;top:10px;right:10px;z-index:15}#video-container .close-icon:hover{cursor:pointer}#video-container .close-icon:focus{color:#fff;border:2px solid #fff}#video-container .video-wrapper{display:flex;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;z-index:1000}#video-container #info-video,#video-container video{margin:auto;height:85%;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;border:5px solid #fff}.bottom-sheet .v-overlay__content{align-self:flex-end;padding:0;margin:0;max-width:100%;height:34%}#tabs{align-self:left}@media (max-width:599px){.info-tabs{padding-inline:.75rem;font-size:calc(var(--default-font-size)*1.15)}}@media (min-width:600px){.info-tabs{padding-inline:2rem}}.info-text{font-size:var(--default-font-size);line-height:var(--default-line-height);height:33vh;padding-bottom:25px}.info-text img{max-width:100%}.info-text h3{margin-top:calc(var(--default-line-height));margin-bottom:calc(var(--default-line-height)*.3);color:var(--accent-color2)}.info-text p{margin-bottom:calc(var(--default-line-height)*.5)}.info-text a{text-decoration:underline}.close-icon{position:absolute;top:10px;right:10px;z-index:15}.close-icon:hover{cursor:pointer}.close-icon:focus{color:#fff;border:2px solid #fff}.pointer{cursor:pointer}.control-icon{pointer-events:auto}.control-icon:hover{cursor:pointer}.scrollable{overflow-y:auto}.no-bottom-border-radius{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}#tab-items .v-card-text{font-size:max(14px,calc(.7em + .3vw));padding-top:max(2vw,16px);padding-left:max(4vw,16px);padding-right:max(4vw,16px)}#tab-items .v-card-text .end-spacer{height:25px}.v-tabs [aria-selected=false]:not(.v-slide-group-item--active){color:#ddd!important}#close-text-icon{position:absolute;top:.25em;color:#fff}@media (max-width:599px){#close-text-icon{right:.5em}}@media (min-width:600px){#close-text-icon{right:.77083em}}.v-tabs:not(.v-tabs--vertical).v-tabs--right>.v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes) .v-slide-group__next,.v-tabs:not(.v-tabs--vertical):not(.v-tabs--right)>.v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes) .v-slide-group__prev{display:none}a{text-decoration:none;font-weight:700;color:#589eef}#jwst-crossfade,a{pointer-events:auto}#jwst-crossfade{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}#jwst-crossfade span{flex-grow:0}#jwst-crossfade input{flex-grow:0.7}#main-content .gallery-root .gallery{border:none}@media only screen and (max-width:600px){#icons-container,.mobile-off{display:none}}img#brick-diagram{margin:1rem auto .5rem;max-width:min(300px,75vw);display:block}@media (min-width:600px){img#brick-diagram{max-width:min(50vw,500px);margin:0 1rem 1rem;display:inline;float:right}}.gallery-root{transition-property:height,width;transition:.5s ease-out}.gallery-root .blurred{background:transparent;box-shadow:0 4px 30px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gallery-root .gallery{border-radius:5px;border:1px solid #fff;display:flex;flex-direction:column;overflow-y:auto;max-height:var(--gallery-max-height);width:min();pointer-events:auto;position:fixed;left:50%;transform:translateX(-50%)}.gallery-root .noselect{-moz-user-select:none;user-select:none;-webkit-user-select:none;-ms-user-select:none}.gallery-root .gallery-header{position:relative;display:flex;justify-content:center}.gallery-root .gallery-title{font-size:16pt}.gallery-root .gallery-close{position:absolute;right:3px;cursor:pointer}.gallery-root .gallery-content{display:grid;grid-template-columns:repeat(var(--column-count),minmax(100px,1fr));-moz-column-gap:10px;column-gap:10px;row-gap:5px;padding:5px}.gallery-root .default-activator{border-radius:3px;border:1px solid #fff;position:relative;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;cursor:pointer}.gallery-root .default-activator img{padding:5px;border-radius:3px}.gallery-root .default-activator-title{margin:auto}.gallery-root .gallery-item{padding:2px 10px;border-radius:5px;border:2px solid #999;display:flex;flex-direction:column;cursor:pointer}.gallery-root .gallery-item img{margin-left:auto;margin-right:auto;border-radius:3px;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.gallery-root .gallery-item span{flex-grow:1;display:inline-grid;align-items:center;text-align:center}.gallery-root .selected{border:2px solid var(--selected-color)}.gallery-root .selected span{color:var(--selected-color)}.gallery-root .place-name{font-size:10pt} \ No newline at end of file diff --git a/css/app.a02e0ca7.css b/css/app.a02e0ca7.css new file mode 100644 index 0000000..78e56cf --- /dev/null +++ b/css/app.a02e0ca7.css @@ -0,0 +1 @@ +@font-face{font-family:Highway Gothic Narrow;src:url(https://projects.cosmicds.cfa.harvard.edu/cds-website/fonts/HighwayGothicNarrow.ttf)}:root{--default-font-size:clamp(0.7rem,min(1.7vh,1.7vw),1.1rem);--default-line-height:clamp(1rem,min(2.2vh,2.2vw),1.6rem)}html{height:100%;margin:0;padding:0;background-color:#000;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}html ::-webkit-scrollbar{display:none}body{height:100%;margin:0;padding:0;font-family:Verdana,Arial,Helvetica,sans-serif}#main-content,body{position:fixed;width:100%;overflow:hidden}#main-content{height:var(--app-content-height);transition:height .1s ease-in-out}#app{width:100%;height:100%;margin:0;overflow:hidden;font-size:11pt}#app .wwtelescope-component{position:absolute;top:0;width:100%;height:100%;border-style:none;border-width:0;margin:0;padding:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;color:#fff;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}#modal-loading{background-color:#000}#modal-loading .container{display:flex;flex-direction:row;align-items:center;justify-content:center}#modal-loading .container .spinner{background-image:url(https://projects.cosmicds.cfa.harvard.edu/cds-website/misc/lunar_loader.gif);background-repeat:no-repeat;background-size:contain;width:3rem;height:3rem}#modal-loading .container p{margin:0 0 0 1rem;padding:0;font-size:150%}#modal-readytostart{cursor:pointer;color:#999}#modal-readytostart:hover{color:#2aa5f7}#modal-readytostart div{margin:0;padding:0;background-image:url(https://projects.cosmicds.cfa.harvard.edu/cds-website/logos/wwt_globe_bg.png);background-repeat:no-repeat;background-size:contain;background-position:50%;width:20rem;height:20rem;max-width:70%;max-height:70%;display:flex;align-items:center;justify-content:center}#modal-readytostart div .icon{width:60%;height:60%;margin-left:14%;margin-top:3%}.ui-text{color:#f0ab52;background:#000;padding:5px 5px;border:2px solid #000;border-radius:10px;font-size:calc(.7em + .2vw)}.ui-text:focus{color:#fff}.slider-label{font-weight:700;font-size:calc(.8em + .5vw);padding:5px 10px;text-align:center;line-height:20px}.slider-label .light-type{font-size:calc(.56em + .35vw)}.slider-label:hover{cursor:pointer}.top-content{top:1rem;left:1rem;width:calc(100% - 2rem);justify-content:space-between;align-items:flex-start}.bottom-content,.top-content{position:absolute;pointer-events:none;display:flex}.bottom-content{flex-direction:column;bottom:.5rem;right:.5rem;width:calc(100% - 1rem);align-items:center;gap:5px}#overlay-button-container{align-self:flex-start;padding-bottom:.5rem}#tools{z-index:10;color:#fff}#tools .opacity-range{width:50vw}#tools .clickable{cursor:pointer}#tools select{background:#fff;color:#000;border-radius:3px}.tool-container{display:flex;flex-direction:row;align-items:center;gap:5px;pointer-events:auto}#left-buttons,#right-buttons{display:flex;flex-direction:column;gap:10px}#gallery-container{position:absolute;top:1rem;right:1rem;height:50vh;width:20vw;border:1px solid red}#splash-overlay{align-items:center;justify-content:center;font-size:min(8vw,7vh)}#splash-screen{color:var(--accent-color);background-color:#000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:space-around;align-content:center;padding-top:4rem;padding-bottom:1rem;padding-inline:.5rem;border-radius:50px;border:min(1.2vw,.9vh) solid var(--accent-color);overflow:auto;font-family:Highway Gothic Narrow,Roboto,sans-serif;box-shadow:0 0 25px #000}@media (max-width:699px){#splash-screen{max-height:80vh;max-width:90vw}}@media (min-width:700px){#splash-screen{max-height:85vh;max-width:min(70vw,800px)}}#splash-screen div{margin-inline:auto;text-align:center}#splash-screen p{font-family:Highway Gothic Narrow,Roboto,sans-serif;font-weight:700;vertical-align:middle}#splash-screen p.highlight{text-transform:uppercase;font-weight:bolder}#splash-screen p.small{font-size:var(--default-font-size);font-weight:700}#splash-screen #first-splash-row{width:100%}#splash-screen #close-splash-button{position:absolute;top:.5rem;right:1.75rem;text-align:end;color:var(--accent-color);font-size:min(8vw,5vh)}#splash-screen #close-splash-button:hover{cursor:pointer}#splash-screen #splash-screen-text{display:flex;flex-direction:column;line-height:130%}#splash-screen #splash-screen-guide{margin-block:1.5em;font-size:min(5vw,4vh);line-height:140%;width:75%}#splash-screen #splash-screen-guide .v-col{padding:0}#splash-screen #splash-screen-guide .svg-inline--fa{color:var(--accent-color);margin:0 10px}#splash-screen #splash-screen-acknowledgements{font-size:calc(var(--default-font-size)*1.7);line-height:calc(var(--default-line-height)*1.5);width:70%}#splash-screen #splash-screen-logos{margin-block:.75em}#splash-screen #splash-screen-logos img{height:5vmin;vertical-align:middle;margin:2px}@media only screen and (max-width:600px){#splash-screen #splash-screen-logos img{height:24px}}#splash-screen #splash-screen-logos svg{vertical-align:middle;height:24px}#project-credits{color:#ddd;font-size:calc(.7em + .2vw);justify-self:flex-end;align-self:flex-end;display:flex;justify-content:center;align-items:center}#project-credits p{margin:0;padding:0;line-height:1}#project-credits a{text-decoration:none;color:#fff;pointer-events:auto}#project-credits a:hover{text-decoration:underline}#project-credits a[class^=share-network]:hover{text-decoration:none;filter:brightness(75%)}#project-credits img{height:35px;vertical-align:middle;margin:2px}@media only screen and (max-width:600px){#project-credits img{height:24px}}#project-credits svg{vertical-align:middle;height:24px}#video-container{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;overflow:hidden;padding:0;z-index:1000}#video-container .close-icon{position:absolute;top:10px;right:10px;z-index:15}#video-container .close-icon:hover{cursor:pointer}#video-container .close-icon:focus{color:#fff;border:2px solid #fff}#video-container .video-wrapper{display:flex;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;z-index:1000}#video-container #info-video,#video-container video{margin:auto;height:85%;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;border:5px solid #fff}.bottom-sheet .v-overlay__content{align-self:flex-end;padding:0;margin:0;max-width:100%;height:34%}#tabs{align-self:left}@media (max-width:599px){.info-tabs{padding-inline:.75rem;font-size:calc(var(--default-font-size)*1.15)}}@media (min-width:600px){.info-tabs{padding-inline:2rem}}.info-text{font-size:var(--default-font-size);line-height:var(--default-line-height);height:33vh;padding-bottom:25px}.info-text img{max-width:100%}.info-text h3{margin-top:calc(var(--default-line-height));margin-bottom:calc(var(--default-line-height)*.3);color:var(--accent-color2)}.info-text p{margin-bottom:calc(var(--default-line-height)*.5)}.info-text a{text-decoration:underline}.close-icon{position:absolute;top:10px;right:10px;z-index:15}.close-icon:hover{cursor:pointer}.close-icon:focus{color:#fff;border:2px solid #fff}.pointer{cursor:pointer}.control-icon{pointer-events:auto}.control-icon:hover{cursor:pointer}.scrollable{overflow-y:auto}.no-bottom-border-radius{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}#tab-items .v-card-text{font-size:max(14px,calc(.7em + .3vw));padding-top:max(2vw,16px);padding-left:max(4vw,16px);padding-right:max(4vw,16px)}#tab-items .v-card-text .end-spacer{height:25px}.v-tabs [aria-selected=false]:not(.v-slide-group-item--active){color:#ddd!important}#close-text-icon{position:absolute;top:.25em;color:#fff}@media (max-width:599px){#close-text-icon{right:.5em}}@media (min-width:600px){#close-text-icon{right:.77083em}}.v-tabs:not(.v-tabs--vertical).v-tabs--right>.v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes) .v-slide-group__next,.v-tabs:not(.v-tabs--vertical):not(.v-tabs--right)>.v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes) .v-slide-group__prev{display:none}a{text-decoration:none;font-weight:700;color:#589eef}#jwst-crossfade,a{pointer-events:auto}#jwst-crossfade{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}#jwst-crossfade span{flex-grow:0}#jwst-crossfade input{flex-grow:0.7}#main-content .gallery-root .gallery{border:none}@media only screen and (max-width:600px){#icons-container,.mobile-off{display:none}}img#brick-diagram{margin:1rem auto .5rem;max-width:min(300px,75vw);display:block}@media (min-width:600px){img#brick-diagram{max-width:min(50vw,500px);margin:0 1rem 1rem;display:inline;float:right}}.gallery-root{transition-property:height,width;transition:.5s ease-out}.gallery-root .blurred{background:transparent;box-shadow:0 4px 30px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gallery-root .gallery{border-radius:5px;border:1px solid #fff;display:flex;flex-direction:column;overflow-y:auto;max-height:var(--gallery-max-height);width:min();pointer-events:auto;position:fixed;left:50%;transform:translateX(-50%)}.gallery-root .noselect{-moz-user-select:none;user-select:none;-webkit-user-select:none;-ms-user-select:none}.gallery-root .gallery-header{position:relative;display:flex;justify-content:center}.gallery-root .gallery-title{font-size:16pt}.gallery-root .gallery-close{position:absolute;right:3px;cursor:pointer}.gallery-root .gallery-content{display:grid;grid-template-columns:repeat(var(--column-count),minmax(100px,1fr));-moz-column-gap:10px;column-gap:10px;row-gap:5px;padding:5px}.gallery-root .default-activator{border-radius:3px;border:1px solid #fff;position:relative;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;cursor:pointer}.gallery-root .default-activator img{padding:5px;border-radius:3px}.gallery-root .default-activator-title{margin:auto}.gallery-root .gallery-item{padding:2px 10px;border-radius:5px;border:2px solid #999;display:flex;flex-direction:column;cursor:pointer}.gallery-root .gallery-item img{margin-left:auto;margin-right:auto;border-radius:3px;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.gallery-root .gallery-item span{flex-grow:1;display:inline-grid;align-items:center;text-align:center}.gallery-root .selected{border:2px solid var(--selected-color)}.gallery-root .selected span{color:var(--selected-color)}.gallery-root .place-name{font-size:10pt} \ No newline at end of file diff --git a/index.html b/index.html index d9232e6..486d503 100644 --- a/index.html +++ b/index.html @@ -2,4 +2,4 @@ function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); - gtag('config', 'G-C2ELSYY9VC');