Fix spelling errors and add video player functionality

- Fix spelling errors across multiple pages (add missing accents)
- Add video player page with dynamic routing
- Rename docs.astro to documentation.astro
- Capitalize first letter of video names in player
- Update styles for contact, documentation and global CSS
This commit is contained in:
2026-02-17 13:32:22 -05:00
parent 7bebc0b97d
commit f6bf1dc29b
14 changed files with 468 additions and 43 deletions

View File

@@ -146,12 +146,14 @@
--card-bg-color: var(--main-mistyRose-500);
--naliia-n-bg-color: var(--main-pink-500);
--main-icon-color: var(--light-gray);
--icon-whitecolor: var(--base-white);
--navbar-border-color: rgba(68, 68, 68, 0.2);
--navbar-n-naliia-start: var(--main-pink-500);
--navbar-n-naliia-end: var(--main-yellow-500);
--main-border: 1px solid rgba(68, 68, 68, 0.2);
--primarybutton-bgcolor: var(--main-pink-500);
--primarybutton-txtcolor: var(--base-white);
--pricingcard-bgcolor: var(--dark-gray);
--pricingcard-secundarybgcolor: var(--main-mistyRose-500);
--pricingcard-section-bgcolor: var(--dark-gray);
@@ -162,11 +164,17 @@
--pricingcard-features-subtitlecolor: var(--main-pink-500);
--pricingcard-features-txtcolor: var(--base-white);
--pricingcard-primarytextcolor: var(--light-gray);
--detailstable-header-primarybgcolor: var(--dark-gray);
--detailstable-header-txtcolor: var(--base-white);
--detailstable-primarytxtcolor: var(--light-gray);
--detailstable-primaryborder: 1px solid rgba(68, 68, 68, 0.2);
--input-txtcolor: var(--light-gray);
--documentation-input-bgcolor: transparent;
--documentation-input-border: 1px solid rgba(68, 68, 68, 0.5);
/* spacing, padding, margin */
--space-none-0: var(--space-none);
--space-sm-8px: var(--space-1);
@@ -255,12 +263,14 @@
--card-bg-color: var(--main-mistyRose-500);
--naliia-n-bg-color: var(--main-pink-500);
--main-icon-color: var(--base-white);
--icon-whitecolor: var(--base-white);
--navbar-border-color: rgba(255, 255, 255, 0.2);
--navbar-n-naliia-start: var(--base-white);
--navbar-n-naliia-end: var(--base-white);
--main-border: 1px solid rgba(255, 255, 255, 0.2);
--primarybutton-bgcolor: var(--main-pink-500);
--primarybutton-txtcolor: var(--base-white);
--pricingcard-bgcolor: var(--darker-gray);
--pricingcard-secundarybgcolor: var(--light-gray);
--pricingcard-section-bgcolor: var(--main-pink-500);
@@ -270,10 +280,16 @@
--pricingcard-value-txtcolor: var(--base-white);
--pricingcard-features-subtitlecolor: var(--main-pink-500);
--pricingcard-primarytextcolor: var(--base-white);
--detailstable-header-primarybgcolor: var(--light-gray);
--detailstable-header-txtcolor: var(--base-white);
--detailstable-primarytxtcolor: var(--base-white);
--detailstable-primaryborder: 1px solid rgba(255, 255, 255, 0.2);
--input-txtcolor: var(--light-gray);
--documentation-input-bgcolor: var(--light-gray);
--documentation-input-border: 1px solid rgba(255, 255, 255, 0.5);
}
*,
@@ -285,18 +301,28 @@
html {
margin: 0;
width: 100%;
height: 100%;
min-height: 100vh;
overflow-x: hidden;
}
body {
margin: 0;
width: 100%;
height: 100%;
min-height: 100vh;
background-color: var(--main-bg-color);
font-family: var(--font-family-primary), sans-serif, Arial;
position: relative;
z-index: 0;
overflow: hidden;
display: flex;
flex-direction: column;
& main {
flex: 1 0 auto;
overflow-y: auto;
overflow-x: hidden;
}
}
p {
@@ -430,19 +456,6 @@ summary {
transform: translateX(8%);
}
.body-container {
min-height: 100vh;
display: flex;
flex-direction: column;
position: relative;
z-index: 0;
overflow-x: hidden;
}
main {
flex: 1;
}
.floating-buttons {
position: fixed;