Skip to content

Commit

Permalink
Remove unnecessary buttons and add some assets.
Browse files Browse the repository at this point in the history
  • Loading branch information
@Carifio24
Carifio24 committed Apr 16, 2024
1 parent 7e68dd1 commit 195a58d
Show file tree
Hide file tree
Showing 3 changed files with 1 addition and 202 deletions.
1 change: 1 addition & 0 deletions public/coastlines.geojson
View file

Large diffs are not rendered by default.

202 changes: 0 additions & 202 deletions src/TempoLite.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,177 +90,6 @@
</div>
</v-overlay>

<!-- This block contains the elements (e.g. icon buttons displayed at/near the top of the screen -->

<div id="top-content">
<div id="left-buttons">
<icon-button
v-model="showTextSheet"
fa-icon="book-open"
:color="buttonColor"
:tooltip-text="showTextSheet ? 'Hide Info' : 'Learn More'"
tooltip-location="start"
>
</icon-button>
<icon-button
v-model="showVideoSheet"
fa-icon="video"
:color="buttonColor"
tooltip-text="Watch video"
tooltip-location="start"
>
</icon-button>
</div>
<div id="center-buttons">
</div>
<div id="right-buttons">
</div>
</div>


<!-- This block contains the elements (e.g. the project icons) displayed along the bottom of the screen -->

<div id="bottom-content">
<div id="body-logos" v-if= "!smallSize">
<credit-logos/>
</div>
</div>


<!-- This dialog contains the video that is displayed when the video icon is clicked -->

<v-dialog
id="video-container"
v-model="showVideoSheet"
transition="slide-y-transition"
fullscreen
>
<div class="video-wrapper">
<font-awesome-icon
id="video-close-icon"
class="close-icon"
icon="times"
size="lg"
@click="showVideoSheet = false"
@keyup.enter="showVideoSheet = false"
tabindex="0"
></font-awesome-icon>
<video
controls
id="info-video"
>
<source src="" type="video/mp4">
</video>
</div>
</v-dialog>


<!-- This dialog contains the informational content that is displayed when the book icon is clicked -->

<v-dialog
:style="cssVars"
class="bottom-sheet"
id="text-bottom-sheet"
hide-overlay
persistent
no-click-animation
absolute
width="100%"
:scrim="false"
location="bottom"
v-model="showTextSheet"
transition="dialog-bottom-transition"
>
<v-card height="100%">
<v-tabs
v-model="tab"
height="32px"
:color="accentColor"
:slider-color="accentColor"
id="tabs"
dense
>
<v-tab class="info-tabs" tabindex="0"><h3>Information</h3></v-tab>
<v-tab class="info-tabs" tabindex="0"><h3>Using WWT</h3></v-tab>
</v-tabs>
<font-awesome-icon
id="close-text-icon"
class="control-icon"
icon="times"
size="lg"
@click="showTextSheet = false"
@keyup.enter="showTextSheet = false"
tabindex="0"
></font-awesome-icon>
<v-window v-model="tab" id="tab-items" class="pb-2 no-bottom-border-radius">
<v-window-item>
<v-card class="no-bottom-border-radius scrollable">
<v-card-text class="info-text no-bottom-border-radius">
Information goes here
</v-card-text>
</v-card>
</v-window-item>
<v-window-item>
<v-card class="no-bottom-border-radius scrollable">
<v-card-text class="info-text no-bottom-border-radius">
<v-container>
<v-row align="center">
<v-col cols="4">
<v-chip
label
outlined
>
Pan
</v-chip>
</v-col>
<v-col cols="8" class="pt-1">
<strong>{{ touchscreen ? "press + drag" : "click + drag" }}</strong> {{ touchscreen ? ":" : "or" }} <strong>{{ touchscreen ? ":" : "W-A-S-D" }}</strong> {{ touchscreen ? ":" : "keys" }}<br>
</v-col>
</v-row>
<v-row align="center">
<v-col cols="4">
<v-chip
label
outlined
>
Zoom
</v-chip>
</v-col>
<v-col cols="8" class="pt-1">
<strong>{{ touchscreen ? "pinch in and out" : "scroll in and out" }}</strong> {{ touchscreen ? ":" : "or" }} <strong>{{ touchscreen ? ":" : "I-O" }}</strong> {{ touchscreen ? ":" : "keys" }}<br>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<div class="credits">
<h3>Credits:</h3>
<h4><a href="https://www.cosmicds.cfa.harvard.edu/" target="_blank" rel="noopener noreferrer">CosmicDS</a> Mini Stories Team:</h4>
John Lewis<br>
Jon Carifio<br>
Pat Udomprasert<br>
Alyssa Goodman<br>
Mary Dussault<br>
Harry Houghton<br>
Anna Nolin<br>
Evaluator: Sue Sunbury<br>
<br>
</div>
<v-spacer class="end-spacer"></v-spacer>
</v-col>
</v-row>
<v-row>
<v-col>
<funding-acknowledgement/>
</v-col>
</v-row>
</v-container>
</v-card-text>
</v-card>
</v-window-item>
</v-window>
</v-card>
</v-dialog>

</div>
</v-app>
</template>
Expand Down Expand Up @@ -632,7 +461,6 @@ export default defineComponent({
watch: {
imageUrl(url: string) {
this.imageOverlay.setUrl(url);
console.log(this.imageOverlay);
}
}
});
Expand Down Expand Up @@ -745,36 +573,6 @@ body {
}
}
#top-content {
position: absolute;
top: 1rem;
left: 1rem;
width: calc(100% - 2rem);
pointer-events: none;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: flex-start;
}
#left-buttons {
display: flex;
flex-direction: column;
gap: 10px;
}
#bottom-content {
display: flex;
flex-direction: column;
position: absolute;
bottom: 1rem;
right: 1rem;
width: calc(100% - 2rem);
pointer-events: none;
align-items: center;
gap: 5px;
}
#splash-overlay {
position: fixed;
display: flex;
Expand Down
Binary file added src/assets/colorbar.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 195a58d

Please sign in to comment.