diff --git a/src/Carina.vue b/src/Carina.vue
index d689b70..f23a00b 100644
--- a/src/Carina.vue
+++ b/src/Carina.vue
@@ -25,31 +25,30 @@
-
-
- Watch the demo
-
-
- Learn more
-
-
+
+
+
+ Get Started
+
@@ -555,6 +554,10 @@ export default defineComponent({
return this.$vuetify.display.smAndDown;
},
+ xSmallSize(): boolean {
+ return this.$vuetify.display.xs;
+ },
+
cssVars() {
return {
'--accent-color': this.accentColor,
@@ -1047,7 +1050,7 @@ video {
padding-top: 4rem;
padding-bottom: 1rem;
- border-radius: 10%;
+ border-radius: 30px;
border: min(1.2vw, 0.9vh) solid #6facf1;
overflow: auto;
font-family: 'Highway Gothic Narrow', 'Roboto', sans-serif;
@@ -1080,11 +1083,11 @@ video {
#close-splash-button {
position: absolute;
- top: 0.5rem;
- right: 1.75rem;
+ top: 20px;
+ right: 20px;
text-align: end;
color: var(--accent-color);
- font-size: min(8vw, 5vh);
+ font-size: min(5vw, 4vh);
&:hover {
cursor: pointer;
@@ -1099,6 +1102,14 @@ video {
}
+ .splash-get-started {
+ border: 2px solid white;
+ font-size: calc(1.8 * var(--default-font-size));
+ margin-top: 5%;
+ margin-bottom: 2%;
+ font-weight: bold !important;
+ }
+
#splash-screen-guide {
margin-block: 1.5em;
font-size: min(5vw, 4vh);
@@ -1116,6 +1127,7 @@ video {
}
#splash-screen-acknowledgements {
+ margin-top: 3rem;
font-size: calc(1.7 * var(--default-font-size));
line-height: calc(1.5 * var(--default-line-height));
width: 60%;