-
- Thanks for filling out the form!
+
-
- Oops...! some problem!
+
+
+
+
+
+
SlashOS Mobile
+
Coming soon: a lightweight, privacy-first mobile companion that pairs seamlessly with your desktop.
+
+ - Synchronized notifications and clipboard
+ - Minimal UI with maximum performance
+ - Regular OTA updates
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
diff --git a/js/menu.js b/js/menu.js
new file mode 100644
index 0000000..ccd1f26
--- /dev/null
+++ b/js/menu.js
@@ -0,0 +1,42 @@
+function setupMenuToggle() {
+ const btn = document.getElementById('menu-toggle');
+ const hdr = document.querySelector('header');
+ const navLinks = document.getElementById('nav-links');
+ if (!btn || !hdr) return;
+
+ const setMenuState = (open) => {
+ hdr.classList.toggle('open', open);
+ btn.setAttribute('aria-expanded', open ? 'true' : 'false');
+ document.body.classList.toggle('menu-open', open);
+ };
+
+ btn.addEventListener('click', () => {
+ const next = !hdr.classList.contains('open');
+ setMenuState(next);
+ });
+
+ document.addEventListener('keydown', (e) => {
+ if (e.key === 'Escape' && hdr.classList.contains('open')) {
+ setMenuState(false);
+ }
+ });
+
+ document.addEventListener('click', (e) => {
+ if (!hdr.classList.contains('open')) return;
+ if (!hdr.contains(e.target) && !btn.contains(e.target)) {
+ setMenuState(false);
+ }
+ });
+
+ if (navLinks) {
+ navLinks.querySelectorAll('a').forEach((link) => {
+ link.addEventListener('click', () => setMenuState(false));
+ });
+ }
+
+ window.addEventListener('resize', () => {
+ if (window.innerWidth > 960 && hdr.classList.contains('open')) {
+ setMenuState(false);
+ }
+ });
+}
\ No newline at end of file
diff --git a/js/release.js b/js/release.js
new file mode 100644
index 0000000..1435e25
--- /dev/null
+++ b/js/release.js
@@ -0,0 +1,138 @@
+const API_URL = 'https://api.github.com/repos/slashos/desktop/releases';
+
+function loadReleases() {
+ fetch(API_URL)
+ .then((response) => response.json())
+ .then((data) => {
+ if (!Array.isArray(data) || data.length === 0) return handleReleaseError();
+
+ const releases = [...data].sort((a, b) => new Date(b.published_at) - new Date(a.published_at));
+ const latestOverall = releases[0];
+ const latestStable = releases.find((r) => !r.prerelease) || latestOverall;
+
+ populateHero(latestStable, latestOverall);
+ populateDesktop(latestStable, latestOverall);
+ populateArchive(releases);
+ })
+ .catch((error) => {
+ console.error('Error fetching releases:', error);
+ handleReleaseError();
+ });
+}
+
+function populateHero(stable, latest) {
+ if (!stable || !latest) return;
+
+ setText('hero-stable-tag', formatTag(stable.tag_name));
+ setText('hero-stable-date', formatDate(stable.published_at));
+ setHtml('hero-stable-btn', buildCta(stable, true));
+
+ setText('hero-edge-tag', formatTag(latest.tag_name));
+ setText('hero-edge-date', formatDate(latest.published_at));
+ setHtml('hero-edge-btn', buildCta(latest, false));
+}
+
+function populateDesktop(stable, latest) {
+ if (stable) {
+ setText('stable-tag', formatTag(stable.tag_name) || 'Stable');
+ setText('stable-date', formatDate(stable.published_at));
+ setText('stable-body', trimBody(stable.body) || 'Official stable release.');
+ setHtml('stable-cta', buildCta(stable, true));
+ }
+
+ if (latest) {
+ setText('edge-tag', formatTag(latest.tag_name) || 'Latest');
+ setText('edge-date', formatDate(latest.published_at));
+ setText('edge-body', trimBody(latest.body) || (latest.prerelease ? 'Newest prerelease build.' : 'Newest available build.'));
+ setHtml('edge-cta', buildCta(latest, false));
+ }
+}
+
+function populateArchive(releases) {
+ const stable = releases.filter((r) => !r.prerelease);
+ const pre = releases.filter((r) => r.prerelease);
+ renderArchiveGroup('releases-stable', stable, 'No stable releases yet.');
+ renderArchiveGroup('releases-pre', pre, 'No prereleases yet.');
+}
+
+function renderArchiveGroup(containerId, items, emptyText) {
+ const container = document.getElementById(containerId);
+ if (!container) return;
+
+ container.innerHTML = '';
+ if (!items || items.length === 0) {
+ container.innerHTML = `
${emptyText}
`;
+ return;
+ }
+
+ items.forEach((release) => {
+ const card = document.createElement('article');
+ card.className = 'archive-card glass';
+
+ const assetsHtml = (release.assets || [])
+ .map((asset) => `
${asset.name}`)
+ .join('');
+
+ card.innerHTML = `
+
+
+ ${release.prerelease ? 'Prerelease' : 'Stable'}
+ ${release.tag_name}
+
+
${formatDate(release.published_at)}
+
+
${trimBody(release.body, 220) || 'No description provided.'}
+
${assetsHtml || 'No assets'}
+ `;
+
+ container.appendChild(card);
+ });
+}
+
+function buildCta(release, primary = true) {
+ const asset = pickAsset(release);
+ const btnClass = primary ? 'btn primary' : 'btn secondary';
+ const label = release && release.tag_name ? `Download ${formatTag(release.tag_name)}` : 'Download';
+ if (asset) {
+ return `
${label}`;
+ }
+ return `
View on GitHub`;
+}
+
+function pickAsset(release) {
+ if (!release || !Array.isArray(release.assets)) return null;
+ return release.assets.find((asset) => asset.browser_download_url) || null;
+}
+
+function trimBody(body, limit = 120) {
+ if (!body) return '';
+ const clean = body.replace(/\r?\n+/g, ' ').trim();
+ return clean.length > limit ? `${clean.slice(0, limit)}...` : clean;
+}
+
+function formatDate(value) {
+ return value ? new Date(value).toLocaleDateString() : '';
+}
+
+function formatTag(tag) {
+ if (!tag || typeof tag !== 'string') return '';
+ // Strip common arch/build suffixes to keep the card compact
+ return tag.replace(/-x86(_)?64.*$/i, '');
+}
+
+function setText(id, value) {
+ const el = document.getElementById(id);
+ if (el) el.textContent = value;
+}
+
+function setHtml(id, html) {
+ const el = document.getElementById(id);
+ if (el) el.innerHTML = html;
+}
+
+function handleReleaseError() {
+ setText('hero-stable-tag', 'Unavailable');
+ setText('hero-edge-tag', 'Unavailable');
+ setText('stable-tag', 'Unavailable');
+ setText('edge-tag', 'Unavailable');
+}
\ No newline at end of file
diff --git a/js/script.js b/js/script.js
new file mode 100644
index 0000000..c39f5b1
--- /dev/null
+++ b/js/script.js
@@ -0,0 +1,6 @@
+// Main script - loads other modules
+document.addEventListener('DOMContentLoaded', () => {
+ loadReleases();
+ setupMenuToggle();
+ setCopyrightYear();
+});
\ No newline at end of file
diff --git a/js/utils.js b/js/utils.js
new file mode 100644
index 0000000..c308672
--- /dev/null
+++ b/js/utils.js
@@ -0,0 +1,4 @@
+function setCopyrightYear() {
+ const el = document.getElementById('copyright-year');
+ if (el) el.textContent = new Date().getFullYear();
+}
\ No newline at end of file
diff --git a/project.mobirise b/project.mobirise
deleted file mode 100644
index 5bc7db8..0000000
--- a/project.mobirise
+++ /dev/null
@@ -1,3006 +0,0 @@
-{
- "settings": {
- "name": "SlashOS",
- "currentPage": "index.html",
- "theme": {
- "name": "startm5",
- "title": "StartM5",
- "styling": {
- "primaryColor": "#7c4dff",
- "secondaryColor": "#ffd7ef",
- "successColor": "#3a341c",
- "infoColor": "#320707",
- "warningColor": "#a0e2e1",
- "dangerColor": "#000000",
- "mainFont": "Inter Tight",
- "display1Font": "Poppins",
- "display1Size": 5,
- "display2Font": "Poppins",
- "display2Size": 4,
- "display5Font": "Poppins",
- "display5Size": 2,
- "display7Font": "Poppins",
- "display7Size": 1.4,
- "display4Font": "Poppins",
- "display4Size": "1.4",
- "isRoundedImages": true,
- "isRoundedButtons": true,
- "isLargeButtons": true,
- "isGhostButtonBorder": true,
- "underlinedLinks": true,
- "isAnimatedOnScroll": true,
- "isScrollToTopButton": true
- },
- "additionalSetColors": [
- "#1e1e1e",
- "#7c4dff",
- "#ffa25b",
- "#2b7a69",
- "#164fd3",
- "#ff7d19",
- "#385493"
- ]
- },
- "path": "@PROJECT_PATH@",
- "versionFirst": "5.8.25",
- "siteFonts": [
- {
- "css": "'Inter Tight', sans-serif",
- "name": "Inter Tight",
- "url": "https://fonts.googleapis.com/css?family=Inter+Tight:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i"
- },
- {
- "css": "'Poppins', sans-serif",
- "name": "Poppins",
- "url": "https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
- }
- ],
- "uniqCompNum": 71,
- "versionPublish": "5.9.13",
- "imageResize": true,
- "chatbutton": {},
- "favicon": "@PROJECT_PATH@/assets/images/group-76.svg",
- "mbrsiteDomain": "09rdmpxzw2",
- "usedWebp": false,
- "cssOptimize": false,
- "lazyLoad": false,
- "robotsSwitcher": false,
- "sitemapSwitcher": false,
- "sitemapSwitcherAuto": false,
- "siteUrl": false,
- "cookiesAlert": false,
- "gdpr": false,
- "pwa-switcher": false,
- "screenshot": "screenshot.png",
- "publishChangesOnly": true
- },
- "pages": {
- "index.html": {
- "settings": {
- "main": true,
- "title": "SlashOS",
- "meta_descr": "In today’s fast-paced world, your digital life needs to be as flexible and adaptable as you are. We’ve redefined the way you interact with your devices by seamlessly integrating the power of Arch Linux on your desktop with the fluidity of Pixel OS on your mobile. Welcome to a new era of computing, where your desktop and mobile experiences are not just connected—they’re unified.",
- "header_custom": "",
- "footer_custom": "",
- "html_before": ""
- },
- "components": [
- {
- "alias": false,
- "_styles": {
- "z-index": "1000",
- "width": "100%",
- "position": "relative",
- ".dropdown-item:before": {
- "font-family": "Moririse2 !important",
- "content": "\"\\e966\"",
- "display": "inline-block",
- "width": "0",
- "position": "absolute",
- "left": "1rem",
- "top": "0.5rem",
- "margin-right": "0.5rem",
- "line-height": "1",
- "font-size": "inherit",
- "vertical-align": "middle",
- "text-align": "center",
- "overflow": "hidden",
- "transform": "scale(0, 1)",
- "transition": "all 0.25s ease-in-out"
- },
- "@media (max-width: 767px)": {
- ".navbar-toggler": {
- "transform": "scale(0.8)"
- }
- },
- ".navbar-brand": {
- "img": {
- "max-width": "100%",
- "max-height": "100%",
- "border-radius": "0px !important"
- },
- "flex-shrink": "0",
- "align-items": "center",
- "margin-right": "0",
- "padding": "10px 0",
- "transition": "all 0.3s",
- "word-break": "break-word",
- "z-index": "1",
- ".navbar-caption": {
- "line-height": "inherit !important"
- },
- ".navbar-logo a": {
- "outline": "none"
- }
- },
- ".navbar-nav": {
- "margin": "auto",
- "margin-left": "0",
- "& when (@contentAlign = '2')": {
- "margin-left": "auto"
- },
- "& when (@contentAlign = '3')": {
- "margin-left": "auto",
- "margin-right": "0"
- },
- ".nav-item": {
- "padding": "0 !important",
- "transition": ".3s all !important",
- ".nav-link": {
- "padding": "16px !important",
- "margin": "0 !important",
- "border-radius": "1rem !important",
- "transition": ".3s all !important",
- "&:hover": {
- "background-color": "rgba(27, 31, 10, 0.06)"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- }
- },
- ".open": {
- ".nav-link": {
- "&::after": {
- "transform": "rotate(180deg)"
- },
- "@media (min-width: 992px)": {
- "&::before": {
- "content": "\"\"",
- "width": "100%",
- "height": "20px",
- "top": "100%",
- "background": "transparent",
- "position": "absolute"
- }
- }
- }
- },
- ".dropdown-item": {
- "padding": "12px !important",
- "border-radius": "0.5rem !important",
- "margin": "0 8px !important",
- "transition": ".3s all !important",
- "&:hover": {
- "background-color": "rgba(27, 31, 10, 0.06)"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- "& when not (@showLogo), (@showBrand)": {
- "@media (min-width: 992px)": {
- "padding-left": "1.5rem"
- }
- },
- "& when not (@showBrand)": {
- "@media (min-width: 992px)": {
- "padding-left": "1.5rem"
- }
- }
- },
- ".nav-link": {
- "width": "fit-content",
- "position": "relative"
- },
- ".navbar-logo": {
- "padding-left": "2rem",
- "margin": "0 !important",
- "@media (max-width: 767px)": {
- "padding-left": "1rem"
- }
- },
- ".navbar-caption": {
- "padding-left": "1rem",
- "padding-right": ".5rem",
- "& when not (@showLogo)": {
- "@media (min-width: 767px)": {
- "padding-left": "2rem"
- }
- }
- },
- ".nav-dropdown": {
- "@media (max-width: 767px)": {
- "padding-bottom": "0.5rem"
- }
- },
- ".nav-dropdown .link.dropdown-toggle::after": {
- "margin-left": "0.5rem",
- "margin-top": "0.2rem",
- "transition": ".3s all"
- },
- ".container": {
- "display": "flex",
- "height": "90px",
- "padding": "0.5rem 0.6rem",
- "flex-wrap": "nowrap",
- "& when not (@collapsed)": {
- "@media (min-width: 992px)": {},
- "& when (@transparent)": {
- "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
- }
- },
- "left": "0",
- "right": "0",
- "-webkit-box-pack": "justify",
- "-ms-flex-pack": "justify",
- "justify-content": "flex-end",
- "-webkit-box-align": "center",
- "-webkit-align-items": "center",
- "-ms-flex-align": "center",
- "align-items": "center",
- "border-radius": "100vw",
- "margin-top": "1rem",
- "background-color": "@menuBgColor",
- "box-shadow": "0 30px 60px 0 rgba(27, 31, 10, 0.08)",
- "@media (max-width: 992px)": {
- "padding-right": "2rem"
- },
- "@media (max-width: 767px)": {
- "width": "95%",
- "height": "56px !important",
- "padding-right": "1rem",
- "margin-top": "0rem"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- ".iconfont-wrapper": {
- "color": "@iconsColor !important",
- "font-size": "1.5rem",
- "padding-right": "0.5rem"
- },
- ".dropdown-menu": {
- "flex-wrap": "wrap",
- "flex-direction": "column",
- "max-width": "100%",
- "padding": "12px 4px !important",
- "border-radius": "1.5rem",
- "transition": ".3s all !important",
- "min-width": "auto",
- "background": "@menuBgColor",
- "& when (@transparent)": {
- "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- ".nav-item:focus, .nav-link:focus": {
- "outline": "none"
- },
- ".dropdown .dropdown-menu .dropdown-item": {
- "width": "auto",
- "transition": "all 0.25s ease-in-out",
- "&::after": {
- "right": "0.5rem"
- },
- ".mbr-iconfont": {
- "margin-right": "0.5rem",
- "vertical-align": "sub",
- "&:before": {
- "display": "inline-block",
- "transform": "scale(1, 1)",
- "transition": "all 0.25s ease-in-out"
- }
- }
- },
- ".collapsed": {
- ".dropdown-menu .dropdown-item:before": {
- "display": "none"
- },
- ".dropdown .dropdown-menu .dropdown-item": {
- "padding": "0.235em 1.5em 0.235em 1.5em !important",
- "transition": "none",
- "margin": "0 !important"
- }
- },
- ".navbar": {
- "min-height": "90px",
- "transition": "all 0.3s",
- "border-bottom": "1px solid transparent",
- "background": "transparent !important",
- "&:not(.navbar-short)": {},
- "&.opened": {
- "transition": "all 0.3s"
- },
- ".dropdown-item": {
- "padding": "0.5rem 1.8rem"
- },
- ".navbar-logo img": {
- "width": "auto"
- },
- ".navbar-collapse": {
- "z-index": "1",
- "justify-content": "flex-end"
- },
- "&.collapsed": {
- "justify-content": "center",
- ".nav-item .nav-link::before": {
- "display": "none"
- },
- "&.opened": {
- ".dropdown-menu": {
- "top": "0"
- },
- "@media (min-width: 992px)": {
- "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
- "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
- }
- }
- },
- ".dropdown-menu": {
- ".dropdown-submenu": {
- "left": "0 !important"
- },
- ".dropdown-item:after": {
- "right": "auto"
- },
- ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
- "margin-left": "0.5rem",
- "margin-top": "0.2rem",
- "border-top": "0.35em solid",
- "border-right": "0.35em solid transparent",
- "border-left": "0.35em solid transparent",
- "border-bottom": "0",
- "top": "41%"
- }
- },
- "ul.navbar-nav": {
- "li": {
- "margin": "auto"
- }
- },
- ".dropdown-menu .dropdown-item": {
- "padding": "0.25rem 1.5rem",
- "text-align": "center"
- },
- ".icons-menu": {
- "padding-left": "0",
- "padding-right": "0",
- "padding-top": "0.5rem",
- "padding-bottom": "0.5rem"
- }
- },
- "@media (max-width: 767px)": {
- ".navbar-logo": {
- "img": {
- "height": "2rem !important"
- }
- },
- "min-height": "72px"
- },
- "@media (max-width: 991px)": {
- ".nav-item .nav-link::before": {
- "display": "none"
- },
- "&.opened": {
- ".dropdown-menu": {
- "top": "0"
- }
- },
- ".dropdown-menu": {
- ".dropdown-submenu": {
- "left": "0 !important"
- },
- ".dropdown-item:after": {
- "right": "auto"
- },
- ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
- "margin-left": "0.5rem",
- "margin-top": "0.2rem",
- "border-top": "0.35em solid",
- "border-right": "0.35em solid transparent",
- "border-left": "0.35em solid transparent",
- "border-bottom": "0",
- "top": "40%"
- }
- },
- "ul.navbar-nav": {
- "li": {}
- },
- ".dropdown-menu .dropdown-item": {
- "padding": "0.25rem 1.5rem !important",
- "text-align": "center"
- },
- ".navbar-brand": {
- "flex-shrink": "initial",
- "flex-basis": "auto",
- "word-break": "break-word",
- "padding-right": "10px"
- },
- ".navbar-toggler": {
- "flex-basis": "auto"
- },
- ".icons-menu": {
- "padding-left": "0",
- "padding-top": "0.5rem",
- "padding-bottom": "0.5rem"
- }
- },
- "&.navbar-short": {
- ".navbar-logo": {
- "img": {
- "height": "2rem"
- }
- }
- },
- "padding": "0 !important",
- "border": "none !important",
- "box-shadow": "none !important",
- "border-radius": "0 !important"
- },
- ".dropdown-item.active, .dropdown-item:active": {
- "background-color": "transparent"
- },
- ".navbar-expand-lg .navbar-nav .nav-link": {
- "padding": "0"
- },
- ".nav-dropdown .link.dropdown-toggle": {
- "margin-right": "1.667em",
- "&[aria-expanded=\"true\"]": {
- "margin-right": "0",
- "padding": "0.667em 1.667em"
- }
- },
- ".navbar.navbar-expand-lg .dropdown": {
- ".dropdown-menu": {
- "background": "@menuBgColor",
- ".dropdown-submenu": {
- "margin": "0",
- "left": "105%",
- "transform": "none",
- "top": "-12px"
- }
- }
- },
- ".navbar .dropdown.open > .dropdown-menu": {
- "display": "flex"
- },
- "ul.navbar-nav": {
- "flex-wrap": "wrap"
- },
- ".navbar-buttons": {
- "text-align": "center",
- "min-width": "140px",
- "@media (max-width: 992px)": {
- "text-align": "left"
- }
- },
- "button.navbar-toggler": {
- "outline": "none",
- "width": "31px",
- "height": "20px",
- "cursor": "pointer",
- "transition": "all 0.2s",
- "position": "relative",
- "align-self": "center",
- ".hamburger span": {
- "position": "absolute",
- "right": "0",
- "width": "30px",
- "height": "2px",
- "border-right": "5px",
- "background-color": "@hamburgerColor",
- "&:nth-child(1)": {
- "top": "0",
- "transition": "all 0.2s"
- },
- "&:nth-child(2)": {
- "top": "8px",
- "transition": "all 0.15s"
- },
- "&:nth-child(3)": {
- "top": "8px",
- "transition": "all 0.15s"
- },
- "&:nth-child(4)": {
- "top": "16px",
- "transition": "all 0.2s"
- }
- }
- },
- "nav.opened .hamburger span": {
- "&:nth-child(1)": {
- "top": "8px",
- "width": "0",
- "opacity": "0",
- "right": "50%",
- "transition": "all 0.2s"
- },
- "&:nth-child(2)": {
- "transform": "rotate(45deg)",
- "transition": "all 0.25s"
- },
- "&:nth-child(3)": {
- "transform": "rotate(-45deg)",
- "transition": "all 0.25s"
- },
- "&:nth-child(4)": {
- "top": "8px",
- "width": "0",
- "opacity": "0",
- "right": "50%",
- "transition": "all 0.2s"
- }
- },
- ".navbar-dropdown": {
- "padding": "0 1rem"
- },
- "a.nav-link": {
- "display": "flex",
- "align-items": "center",
- "justify-content": "center"
- },
- ".icons-menu": {
- "flex-wrap": "nowrap",
- "display": "flex",
- "justify-content": "center",
- "padding-left": "1rem",
- "padding-right": "1rem",
- "padding-top": "0.3rem",
- "text-align": "center",
- "@media (max-width: 992px)": {
- "justify-content": "flex-start",
- "margin-bottom": ".5rem"
- }
- },
- "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
- ".navbar": {
- "height": "70px",
- "&.opened": {
- "height": "auto"
- }
- },
- ".nav-item .nav-link:hover::before": {
- "width": "175%",
- "max-width": "calc(100% ~\"+\" 2rem)",
- "left": "-1rem"
- }
- },
- ".navbar .dropdown > .dropdown-menu": {
- "display": "none",
- "width": "max-content",
- "max-width": "500px !important",
- "transform": "translateX(-50%)",
- "top": "calc(~'100% + 20px')",
- "left": "50%",
- ".dropdown-item": {
- "line-height": "1 !important"
- },
- ".dropdown": {
- ".dropdown-item": {
- "align-items": "center",
- "display": "flex",
- "height": "max-content !important",
- "min-height": "max-content !important",
- "&::after": {
- "display": "inline-block",
- "position": "static",
- "margin-left": "0.5rem",
- "margin-top": "0",
- "margin-right": "0",
- "margin-bottom": "0",
- "transition": ".3s all",
- "transform": "rotate(-90deg)"
- }
- }
- },
- ".dropdown.open": {
- ".dropdown-item": {
- "&::after": {
- "transform": "rotate(0deg)"
- }
- }
- }
- },
- ".mbr-section-btn": {
- "margin": "-0.6rem -0.6rem"
- },
- ".navbar-toggler": {
- "margin-left": "12px",
- "margin-right": "8px",
- "order": "1000"
- },
- "& when (@collapsed)": {
- ".navbar-brand": {
- "margin-right": "auto"
- },
- ".navbar-collapse": {
- "z-index": "-1 !important",
- "position": "absolute",
- "top": "110%",
- "left": "0",
- "width": "100%",
- "padding": "1rem",
- "border-radius": "1.5rem",
- "background": "@menuBgColor",
- "& when (@transparent)": {
- "border-color": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important",
- "opacity": "1",
- "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
- },
- "backdrop-filter": "blur(8px)",
- "@media (max-width: 575px)": {
- "padding": "1rem"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- ".navbar-nav": {
- ".nav-item": {
- ".nav-link": {
- "&::after": {
- "margin-left": "10px"
- }
- }
- },
- ".dropdown-item": {
- "&:hover": {
- "background-color": "rgba(27, 31, 10, 0.06)"
- }
- }
- },
- ".navbar .dropdown > .dropdown-menu": {
- "display": "none",
- "max-width": "100% !important",
- "transform": "translateX(0)",
- "top": "10px",
- "left": "0",
- "padding": "8px !important",
- "border-radius": "0.5rem",
- "background-color": "rgba(27, 31, 10, 0.04) !important",
- ".dropdown-item": {
- "padding": "8px !important",
- "line-height": "1 !important",
- "margin-bottom": "4px !important"
- },
- ".dropdown": {
- ".dropdown-item": {
- "align-items": "center",
- "display": "flex",
- "height": "max-content !important",
- "min-height": "max-content !important",
- "&::after": {
- "display": "inline-block",
- "position": "static",
- "margin-left": "0.5rem",
- "margin-top": "0",
- "margin-right": "0",
- "margin-bottom": "0",
- "transition": ".3s all",
- "transform": "rotate(0deg)"
- }
- }
- },
- ".dropdown.open": {
- ".dropdown-item": {
- "&::after": {
- "transform": "rotate(180deg)"
- }
- }
- },
- ".dropdown-submenu": {
- "position": "static",
- "width": "100%",
- "max-width": "100% !important",
- "transform": "translateX(0) !important",
- "top": "0",
- "left": "0",
- "padding": "8px !important",
- "border-radius": "0.5rem",
- "background-color": "rgba(27, 31, 10, 0.04) !important"
- }
- },
- ".navbar .dropdown.open > .dropdown-menu": {
- "display": "flex",
- "flex-direction": "column",
- "align-items": "flex-start"
- },
- ".navbar .dropdown > .dropdown-submenu.show": {
- "display": "flex",
- "flex-direction": "column",
- "align-items": "flex-start"
- }
- },
- "@media (max-width: 991px)": {
- ".navbar-brand": {
- "margin-right": "auto"
- },
- ".navbar-collapse": {
- "z-index": "-1 !important",
- "position": "absolute",
- "top": "110%",
- "left": "0",
- "width": "100%",
- "padding": "1rem",
- "border-radius": "1.5rem",
- "background": "@menuBgColor",
- "& when (@transparent)": {
- "opacity": "1",
- "border-color": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important",
- "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
- },
- "backdrop-filter": "blur(8px)",
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- ".navbar-nav": {
- ".nav-item": {
- ".nav-link": {
- "&::after": {
- "margin-left": "10px"
- }
- }
- },
- ".dropdown-item": {
- "&:hover": {
- "background-color": "rgba(27, 31, 10, 0.06)"
- }
- }
- },
- ".navbar .dropdown > .dropdown-menu": {
- "max-width": "100% !important",
- "transform": "translateX(0)",
- "top": "10px",
- "left": "0",
- "padding": "8px !important",
- "border-radius": "1rem",
- "background-color": "rgba(27, 31, 10, 0.04) !important",
- ".dropdown-item": {
- "padding": "8px !important",
- "line-height": "1 !important",
- "margin-bottom": "4px !important"
- },
- ".dropdown": {
- ".dropdown-item": {
- "align-items": "center",
- "display": "flex",
- "height": "max-content !important",
- "min-height": "max-content !important",
- "&::after": {
- "display": "inline-block",
- "position": "static",
- "margin-left": "0.5rem",
- "margin-top": "0",
- "margin-right": "0",
- "margin-bottom": "0",
- "transition": ".3s all",
- "transform": "rotate(0deg)"
- }
- }
- },
- ".dropdown.open": {
- ".dropdown-item": {
- "&::after": {
- "transform": "rotate(180deg)"
- }
- }
- },
- ".dropdown-submenu": {
- "position": "static",
- "width": "100%",
- "max-width": "100% !important",
- "transform": "translateX(0) !important",
- "top": "0",
- "left": "0",
- "padding": "8px !important",
- "border-radius": "1rem",
- "background-color": "rgba(27, 31, 10, 0.04) !important"
- }
- },
- ".navbar .dropdown.open > .dropdown-menu": {
- "display": "flex !important",
- "flex-direction": "column",
- "align-items": "flex-start"
- }
- },
- ".navbar-collapse": {
- "@media (max-width: 575px)": {
- "padding": "1rem"
- }
- }
- },
- "_name": "menu02",
- "_sourceTheme": "startm5",
- "_customHTML": "",
- "_cid": "tJS6tZXiPa",
- "_anchor": "menu02-0",
- "_protectedParams": [],
- "_global": true,
- "_once": "menu",
- "_params": {}
- },
- {
- "alias": false,
- "_styles": {
- "& when not (@fullScreen)": {
- "padding-top": "(@paddingTop * 1rem)",
- "padding-bottom": "(@paddingBottom * 1rem)"
- },
- "& when (@bg-type = 'image')": {
- "background-image": "url(@bg-value)"
- },
- "& when (@bg-type = 'color')": {
- "background-color": "@bg-value"
- },
- ".mbr-fallback-image.disabled": {
- "display": "none"
- },
- ".mbr-fallback-image": {
- "display": "block",
- "background-size": "cover",
- "background-position": "center center",
- "width": "100%",
- "height": "100%",
- "position": "absolute",
- "bottom": "0",
- "& when (@bg-type = 'video')": {
- "background-image": "url(@fallBackImage)"
- }
- },
- ".topbg": {
- "position": "absolute",
- "bottom": "0",
- "left": "0",
- "width": "100%",
- "height": "30%",
- "background": "@topbg"
- },
- ".mbr-section-title": {
- "color": "#ffffff",
- "text-align": "center"
- },
- ".mbr-text, .mbr-section-btn": {
- "color": "#ffffff"
- }
- },
- "_name": "header05",
- "_sourceTheme": "startm5",
- "_customHTML": "",
- "_cid": "tJS6uM4N87",
- "_anchor": "header05-1",
- "_PHPplaceholders": [],
- "_JSplaceholders": [],
- "_protectedParams": [],
- "_global": false,
- "_once": false,
- "_params": {}
- },
- {
- "alias": false,
- "_styles": {
- "padding-top": "(@paddingTop * 1rem)",
- "padding-bottom": "(@paddingBottom * 1rem)",
- "& when (@bg-type = \"color\")": {
- "background-color": "@bg-value"
- },
- "& when (@bg-type = \"image\")": {
- "background-image": "url(@bg-value)",
- "& when (@overlay)": {
- ".mbr-overlay": {
- "background": "@overlayColor",
- "opacity": "@overlayOpacity"
- }
- }
- },
- "img, .item-img": {
- "width": "100%",
- "& when (@autoSize)": {
- "height": "100%",
- "object-fit": "cover",
- "& when (@showCardTitle)": {
- "height": "(@imageHeight * 100px)",
- "object-fit": "cover"
- },
- "& when (@showCardSubtitle)": {
- "height": "(@imageHeight * 100px)",
- "object-fit": "cover"
- },
- "& when (@showText)": {
- "height": "(@imageHeight * 100px)",
- "object-fit": "cover"
- },
- "& when (@showButtons)": {
- "height": "(@imageHeight * 100px)",
- "object-fit": "cover"
- }
- }
- },
- ".item:focus, span:focus": {
- "outline": "none"
- },
- ".item": {
- "margin-bottom": "2rem"
- },
- "@media (max-width: 767px)": {
- ".item": {
- "margin-bottom": "1rem"
- }
- },
- "& when not (@spacing)": {
- ".row": {
- "margin-left": "0",
- "margin-right": "0"
- },
- ".item": {
- "padding": "0",
- "margin": "0"
- }
- },
- ".item-content": {
- "margin-top": "2rem",
- "padding": "0 2.25rem 2.25rem",
- "@media (max-width: 767px)": {
- "padding": "0 2rem 1.5rem",
- "margin-top": "1rem"
- },
- "display": "flex",
- "flex-direction": "column",
- "height": "100%"
- },
- ".item-wrapper": {
- "position": "relative",
- "background": "@cardsBg",
- "height": "100%",
- "display": "flex",
- "flex-flow": "column nowrap",
- ".item-footer": {
- "margin-top": "auto"
- }
- },
- ".mbr-section-title": {
- "color": "#ffffff",
- "text-align": "center"
- },
- ".item-title": {
- "text-align": "left"
- },
- ".item-subtitle": {
- "text-align": "left"
- },
- ".mbr-text, .item .mbr-section-btn": {
- "text-align": "left"
- },
- ".content-head": {
- "max-width": "800px"
- },
- ".mbr-section-subtitle, .mbr-section-head .mbr-section-btn": {
- "color": "#ffffff",
- "text-align": "center"
- }
- },
- "_name": "features04",
- "_sourceTheme": "startm5",
- "_customHTML": "
\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\n\t\n\t\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Our Features
\n\t\t\t\t\t
The best of everything, combined!
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
![\"Mobirise](\"@PROJECT_PATH@/assets/images/archlinux-816x612.jpg\")
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tDesktop based on Arch Linux
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t$5.00\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tArch Linux offers unparalleled control over your desktop environment, allowing you to tailor your system to your exact needs. Whether you’re a developer, designer, or power user, Arch’s lightweight and highly customizable nature ensures that your desktop works the way you want it to.
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\n\t\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
![\"Mobirise](\"@PROJECT_PATH@/assets/images/83726145-280x280.png\")
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tMobile based on Pixel OS
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t$7.00\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tWith Pixel OS, your mobile device is more than just a phone—it’s an extension of your desktop. Enjoy the simplicity and responsiveness of Pixel OS, designed to keep you productive on the move, without sacrificing the power you need.
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
![\"Mobirise](\"@PROJECT_PATH@/assets/images/iot-duo-light-1.svg\")
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tSeamless integration
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t$10.00\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tAutomatically sync files, folders, and even clipboard content between your desktop and mobile device. Our integration ensures that your data is always up-to-date and available, wherever you are.
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t
",
- "_cid": "tMlEXTHLbS",
- "_anchor": "features04-w",
- "_protectedParams": [],
- "_global": false,
- "_once": false,
- "_params": {}
- },
- {
- "alias": false,
- "_styles": {
- "& when not (@fullScreen)": {
- "padding-top": "(@paddingTop * 1rem)",
- "padding-bottom": "(@paddingBottom * 1rem)"
- },
- "& when (@bg-type = 'color')": {
- "background-color": "@bg-value"
- },
- "& when (@bg-type = 'image')": {
- "background-image": "url(@bg-value)"
- },
- ".mbr-fallback-image.disabled": {
- "display": "none"
- },
- ".mbr-fallback-image": {
- "display": "block",
- "background-size": "cover",
- "background-position": "center center",
- "width": "100%",
- "height": "100%",
- "position": "absolute",
- "top": "0",
- "& when (@bg-type = 'video')": {
- "background-image": "url(@fallBackImage)"
- }
- },
- "& when (@reverseContent)": {
- ".row": {
- "flex-direction": "row-reverse"
- }
- },
- "@media (max-width: 992px)": {
- ".mbr-figure": {
- "margin-top": "1.5rem"
- }
- },
- ".row": {
- "align-items": "center"
- },
- ".text-wrapper": {
- "@media (min-width: 992px)": {
- "padding": "0 2rem"
- }
- },
- ".media-content, .mbr-figure": {
- "align-self": "center"
- },
- ".mbr-figure iframe": {
- "width": "100%",
- "border-radius": "2rem",
- "overflow": "hidden"
- },
- ".mbr-figure": {
- "border-radius": "0rem",
- "overflow": "hidden",
- "@media (min-width: 767px)": {
- "border-radius": "2rem"
- }
- }
- },
- "_name": "header04",
- "_sourceTheme": "startm5",
- "_customHTML": "",
- "_cid": "umXwUNqL7J",
- "_anchor": "header04-1n",
- "_protectedParams": [],
- "_global": false,
- "_once": false,
- "_params": {}
- },
- {
- "alias": false,
- "_styles": {
- "display": "flex",
- "& when not (@fullScreen)": {
- "padding-top": "(@paddingTop * 1rem)",
- "padding-bottom": "(@paddingBottom * 1rem)"
- },
- "& when (@bg-type = \"color\")": {
- "background-color": "@bg-value"
- },
- "& when (@bg-type = \"image\")": {
- "background-image": "url(@bg-value)",
- ".mbr-overlay": {
- "background-color": "@overlayColor",
- "opacity": "@overlayOpacity"
- }
- },
- "@media (min-width: 768px)": {
- "align-items": "~\"@{verticalAlign}\"",
- ".row": {
- "justify-content": "~\"@{horizontalAlign}\""
- },
- ".content-wrap": {
- "padding": "1rem 3rem"
- }
- },
- "@media (max-width: 991px) and (min-width: 768px)": {
- ".content-wrap": {
- "min-width": "50%"
- }
- },
- "@media (max-width: 767px)": {
- "-webkit-align-items": "center",
- "align-items": "~\"@{verticalAlign}\"",
- ".mbr-row": {
- "-webkit-justify-content": "center",
- "justify-content": "center"
- },
- ".content-wrap": {
- "width": "100%"
- }
- },
- ".mbr-section-title, .mbr-section-subtitle": {
- "text-align": "center"
- },
- ".mbr-text, .mbr-section-btn": {
- "text-align": "center",
- "color": "#232323"
- },
- ".mbr-section-title": {
- "color": "#232323"
- }
- },
- "_name": "header17",
- "_sourceTheme": "startm5",
- "_customHTML": "",
- "_cid": "umXxchNQmr",
- "_anchor": "header17-1o",
- "_protectedParams": [],
- "_global": false,
- "_once": false,
- "_params": {}
- },
- {
- "alias": false,
- "_styles": {
- "padding-top": "(@paddingTop * 1rem)",
- "padding-bottom": "(@paddingBottom * 1rem)",
- ".mbr-overlay": {
- "background-color": "@overlayColor",
- "opacity": "@overlayOpacity"
- },
- "& when (@bg-type = 'image')": {
- "background-image": "url(@bg-value)"
- },
- "& when (@bg-type = 'color')": {
- "background-color": "@bg-value"
- },
- "form": {
- ".mbr-section-btn": {
- "text-align": "center",
- "width": "100%",
- ".btn": {
- "display": "inline-flex",
- "@media (max-width: 991px)": {
- "width": "100%"
- }
- }
- }
- }
- },
- "_name": "form02",
- "_sourceTheme": "startm5",
- "_customHTML": "
",
- "_cid": "tJS9pBcTSa",
- "_anchor": "form02-6",
- "_PHPplaceholders": [],
- "_JSplaceholders": [],
- "_protectedParams": [],
- "_global": false,
- "_once": false,
- "_params": {}
- },
- {
- "alias": false,
- "_styles": {
- "padding-top": "(@paddingTop * 1rem)",
- "padding-bottom": "(@paddingBottom * 1rem)",
- "& when (@bg-type = 'color')": {
- "background-color": "@bg-value"
- },
- "& when (@bg-type = 'image')": {
- "background-image": "url(@bg-value)"
- },
- ".container": {
- "@media (max-width: 991px)": {
- "padding": "0 16px"
- },
- "@media (max-width: 767px)": {
- "padding": "0 12px"
- }
- },
- ".social-row": {
- "display": "flex",
- "justify-content": "center",
- "align-items": "center",
- "flex-wrap": "wrap",
- ".soc-item": {
- "margin": "8px",
- "a": {
- "&:hover, &:focus": {
- ".mbr-iconfont": {
- "background-color": "@active"
- }
- },
- ".mbr-iconfont": {
- "width": "72px",
- "height": "72px",
- "display": "flex",
- "align-items": "center",
- "justify-content": "center",
- "border-radius": "100%",
- "font-size": "32px",
- "background-color": "@iconBg",
- "color": "@icon",
- "transition": "all 0.3s ease-in-out"
- }
- }
- }
- },
- ".row-links": {
- "width": "100%",
- "justify-content": "center"
- },
- ".header-menu": {
- "list-style": "none",
- "display": "flex",
- "justify-content": "center",
- "flex-wrap": "wrap",
- "padding": "0",
- "margin-bottom": "0",
- "li": {
- "padding": "0 1rem 1rem 1rem",
- "p": {
- "margin": "0"
- }
- }
- },
- ".copyright": {
- "margin-bottom": "0",
- "color": "#ffffff",
- "text-align": "center"
- },
- ".mbr-section-title": {
- "color": "#ffffff"
- },
- "header-menu-item": {
- "color": "#a6a99c",
- "text-align": "center"
- }
- },
- "_name": "footer03",
- "_sourceTheme": "startm5",
- "_customHTML": "",
- "_cid": "tJS9NNcTLZ",
- "_anchor": "footer03-8",
- "_PHPplaceholders": [],
- "_JSplaceholders": [],
- "_protectedParams": [],
- "_global": true,
- "_once": "footers",
- "_params": {}
- }
- ]
- },
- "404.html": {
- "settings": {
- "title": "Page not found",
- "order": "2"
- },
- "components": [
- {
- "alias": false,
- "_styles": {
- "z-index": "1000",
- "width": "100%",
- "position": "relative",
- ".dropdown-item:before": {
- "font-family": "Moririse2 !important",
- "content": "\"\\e966\"",
- "display": "inline-block",
- "width": "0",
- "position": "absolute",
- "left": "1rem",
- "top": "0.5rem",
- "margin-right": "0.5rem",
- "line-height": "1",
- "font-size": "inherit",
- "vertical-align": "middle",
- "text-align": "center",
- "overflow": "hidden",
- "transform": "scale(0, 1)",
- "transition": "all 0.25s ease-in-out"
- },
- "@media (max-width: 767px)": {
- ".navbar-toggler": {
- "transform": "scale(0.8)"
- }
- },
- ".navbar-brand": {
- "img": {
- "max-width": "100%",
- "max-height": "100%",
- "border-radius": "0px !important"
- },
- "flex-shrink": "0",
- "align-items": "center",
- "margin-right": "0",
- "padding": "10px 0",
- "transition": "all 0.3s",
- "word-break": "break-word",
- "z-index": "1",
- ".navbar-caption": {
- "line-height": "inherit !important"
- },
- ".navbar-logo a": {
- "outline": "none"
- }
- },
- ".navbar-nav": {
- "margin": "auto",
- "margin-left": "0",
- "& when (@contentAlign = '2')": {
- "margin-left": "auto"
- },
- "& when (@contentAlign = '3')": {
- "margin-left": "auto",
- "margin-right": "0"
- },
- ".nav-item": {
- "padding": "0 !important",
- "transition": ".3s all !important",
- ".nav-link": {
- "padding": "16px !important",
- "margin": "0 !important",
- "border-radius": "1rem !important",
- "transition": ".3s all !important",
- "&:hover": {
- "background-color": "rgba(27, 31, 10, 0.06)"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- }
- },
- ".open": {
- ".nav-link": {
- "&::after": {
- "transform": "rotate(180deg)"
- },
- "@media (min-width: 992px)": {
- "&::before": {
- "content": "\"\"",
- "width": "100%",
- "height": "20px",
- "top": "100%",
- "background": "transparent",
- "position": "absolute"
- }
- }
- }
- },
- ".dropdown-item": {
- "padding": "12px !important",
- "border-radius": "0.5rem !important",
- "margin": "0 8px !important",
- "transition": ".3s all !important",
- "&:hover": {
- "background-color": "rgba(27, 31, 10, 0.06)"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- "& when not (@showLogo), (@showBrand)": {
- "@media (min-width: 992px)": {
- "padding-left": "1.5rem"
- }
- },
- "& when not (@showBrand)": {
- "@media (min-width: 992px)": {
- "padding-left": "1.5rem"
- }
- }
- },
- ".nav-link": {
- "width": "fit-content",
- "position": "relative"
- },
- ".navbar-logo": {
- "padding-left": "2rem",
- "margin": "0 !important",
- "@media (max-width: 767px)": {
- "padding-left": "1rem"
- }
- },
- ".navbar-caption": {
- "padding-left": "1rem",
- "padding-right": ".5rem",
- "& when not (@showLogo)": {
- "@media (min-width: 767px)": {
- "padding-left": "2rem"
- }
- }
- },
- ".nav-dropdown": {
- "@media (max-width: 767px)": {
- "padding-bottom": "0.5rem"
- }
- },
- ".nav-dropdown .link.dropdown-toggle::after": {
- "margin-left": "0.5rem",
- "margin-top": "0.2rem",
- "transition": ".3s all"
- },
- ".container": {
- "display": "flex",
- "height": "90px",
- "padding": "0.5rem 0.6rem",
- "flex-wrap": "nowrap",
- "& when not (@collapsed)": {
- "@media (min-width: 992px)": {},
- "& when (@transparent)": {
- "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
- }
- },
- "left": "0",
- "right": "0",
- "-webkit-box-pack": "justify",
- "-ms-flex-pack": "justify",
- "justify-content": "flex-end",
- "-webkit-box-align": "center",
- "-webkit-align-items": "center",
- "-ms-flex-align": "center",
- "align-items": "center",
- "border-radius": "100vw",
- "margin-top": "1rem",
- "background-color": "@menuBgColor",
- "box-shadow": "0 30px 60px 0 rgba(27, 31, 10, 0.08)",
- "@media (max-width: 992px)": {
- "padding-right": "2rem"
- },
- "@media (max-width: 767px)": {
- "width": "95%",
- "height": "56px !important",
- "padding-right": "1rem",
- "margin-top": "0rem"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- ".iconfont-wrapper": {
- "color": "@iconsColor !important",
- "font-size": "1.5rem",
- "padding-right": "0.5rem"
- },
- ".dropdown-menu": {
- "flex-wrap": "wrap",
- "flex-direction": "column",
- "max-width": "100%",
- "padding": "12px 4px !important",
- "border-radius": "1.5rem",
- "transition": ".3s all !important",
- "min-width": "auto",
- "background": "@menuBgColor",
- "& when (@transparent)": {
- "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- ".nav-item:focus, .nav-link:focus": {
- "outline": "none"
- },
- ".dropdown .dropdown-menu .dropdown-item": {
- "width": "auto",
- "transition": "all 0.25s ease-in-out",
- "&::after": {
- "right": "0.5rem"
- },
- ".mbr-iconfont": {
- "margin-right": "0.5rem",
- "vertical-align": "sub",
- "&:before": {
- "display": "inline-block",
- "transform": "scale(1, 1)",
- "transition": "all 0.25s ease-in-out"
- }
- }
- },
- ".collapsed": {
- ".dropdown-menu .dropdown-item:before": {
- "display": "none"
- },
- ".dropdown .dropdown-menu .dropdown-item": {
- "padding": "0.235em 1.5em 0.235em 1.5em !important",
- "transition": "none",
- "margin": "0 !important"
- }
- },
- ".navbar": {
- "min-height": "90px",
- "transition": "all 0.3s",
- "border-bottom": "1px solid transparent",
- "background": "transparent !important",
- "&:not(.navbar-short)": {},
- "&.opened": {
- "transition": "all 0.3s"
- },
- ".dropdown-item": {
- "padding": "0.5rem 1.8rem"
- },
- ".navbar-logo img": {
- "width": "auto"
- },
- ".navbar-collapse": {
- "z-index": "1",
- "justify-content": "flex-end"
- },
- "&.collapsed": {
- "justify-content": "center",
- ".nav-item .nav-link::before": {
- "display": "none"
- },
- "&.opened": {
- ".dropdown-menu": {
- "top": "0"
- },
- "@media (min-width: 992px)": {
- "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
- "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
- }
- }
- },
- ".dropdown-menu": {
- ".dropdown-submenu": {
- "left": "0 !important"
- },
- ".dropdown-item:after": {
- "right": "auto"
- },
- ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
- "margin-left": "0.5rem",
- "margin-top": "0.2rem",
- "border-top": "0.35em solid",
- "border-right": "0.35em solid transparent",
- "border-left": "0.35em solid transparent",
- "border-bottom": "0",
- "top": "41%"
- }
- },
- "ul.navbar-nav": {
- "li": {
- "margin": "auto"
- }
- },
- ".dropdown-menu .dropdown-item": {
- "padding": "0.25rem 1.5rem",
- "text-align": "center"
- },
- ".icons-menu": {
- "padding-left": "0",
- "padding-right": "0",
- "padding-top": "0.5rem",
- "padding-bottom": "0.5rem"
- }
- },
- "@media (max-width: 767px)": {
- ".navbar-logo": {
- "img": {
- "height": "2rem !important"
- }
- },
- "min-height": "72px"
- },
- "@media (max-width: 991px)": {
- ".nav-item .nav-link::before": {
- "display": "none"
- },
- "&.opened": {
- ".dropdown-menu": {
- "top": "0"
- }
- },
- ".dropdown-menu": {
- ".dropdown-submenu": {
- "left": "0 !important"
- },
- ".dropdown-item:after": {
- "right": "auto"
- },
- ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
- "margin-left": "0.5rem",
- "margin-top": "0.2rem",
- "border-top": "0.35em solid",
- "border-right": "0.35em solid transparent",
- "border-left": "0.35em solid transparent",
- "border-bottom": "0",
- "top": "40%"
- }
- },
- "ul.navbar-nav": {
- "li": {}
- },
- ".dropdown-menu .dropdown-item": {
- "padding": "0.25rem 1.5rem !important",
- "text-align": "center"
- },
- ".navbar-brand": {
- "flex-shrink": "initial",
- "flex-basis": "auto",
- "word-break": "break-word",
- "padding-right": "10px"
- },
- ".navbar-toggler": {
- "flex-basis": "auto"
- },
- ".icons-menu": {
- "padding-left": "0",
- "padding-top": "0.5rem",
- "padding-bottom": "0.5rem"
- }
- },
- "&.navbar-short": {
- ".navbar-logo": {
- "img": {
- "height": "2rem"
- }
- }
- },
- "padding": "0 !important",
- "border": "none !important",
- "box-shadow": "none !important",
- "border-radius": "0 !important"
- },
- ".dropdown-item.active, .dropdown-item:active": {
- "background-color": "transparent"
- },
- ".navbar-expand-lg .navbar-nav .nav-link": {
- "padding": "0"
- },
- ".nav-dropdown .link.dropdown-toggle": {
- "margin-right": "1.667em",
- "&[aria-expanded=\"true\"]": {
- "margin-right": "0",
- "padding": "0.667em 1.667em"
- }
- },
- ".navbar.navbar-expand-lg .dropdown": {
- ".dropdown-menu": {
- "background": "@menuBgColor",
- ".dropdown-submenu": {
- "margin": "0",
- "left": "105%",
- "transform": "none",
- "top": "-12px"
- }
- }
- },
- ".navbar .dropdown.open > .dropdown-menu": {
- "display": "flex"
- },
- "ul.navbar-nav": {
- "flex-wrap": "wrap"
- },
- ".navbar-buttons": {
- "text-align": "center",
- "min-width": "140px",
- "@media (max-width: 992px)": {
- "text-align": "left"
- }
- },
- "button.navbar-toggler": {
- "outline": "none",
- "width": "31px",
- "height": "20px",
- "cursor": "pointer",
- "transition": "all 0.2s",
- "position": "relative",
- "align-self": "center",
- ".hamburger span": {
- "position": "absolute",
- "right": "0",
- "width": "30px",
- "height": "2px",
- "border-right": "5px",
- "background-color": "@hamburgerColor",
- "&:nth-child(1)": {
- "top": "0",
- "transition": "all 0.2s"
- },
- "&:nth-child(2)": {
- "top": "8px",
- "transition": "all 0.15s"
- },
- "&:nth-child(3)": {
- "top": "8px",
- "transition": "all 0.15s"
- },
- "&:nth-child(4)": {
- "top": "16px",
- "transition": "all 0.2s"
- }
- }
- },
- "nav.opened .hamburger span": {
- "&:nth-child(1)": {
- "top": "8px",
- "width": "0",
- "opacity": "0",
- "right": "50%",
- "transition": "all 0.2s"
- },
- "&:nth-child(2)": {
- "transform": "rotate(45deg)",
- "transition": "all 0.25s"
- },
- "&:nth-child(3)": {
- "transform": "rotate(-45deg)",
- "transition": "all 0.25s"
- },
- "&:nth-child(4)": {
- "top": "8px",
- "width": "0",
- "opacity": "0",
- "right": "50%",
- "transition": "all 0.2s"
- }
- },
- ".navbar-dropdown": {
- "padding": "0 1rem"
- },
- "a.nav-link": {
- "display": "flex",
- "align-items": "center",
- "justify-content": "center"
- },
- ".icons-menu": {
- "flex-wrap": "nowrap",
- "display": "flex",
- "justify-content": "center",
- "padding-left": "1rem",
- "padding-right": "1rem",
- "padding-top": "0.3rem",
- "text-align": "center",
- "@media (max-width: 992px)": {
- "justify-content": "flex-start",
- "margin-bottom": ".5rem"
- }
- },
- "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
- ".navbar": {
- "height": "70px",
- "&.opened": {
- "height": "auto"
- }
- },
- ".nav-item .nav-link:hover::before": {
- "width": "175%",
- "max-width": "calc(100% ~\"+\" 2rem)",
- "left": "-1rem"
- }
- },
- ".navbar .dropdown > .dropdown-menu": {
- "display": "none",
- "width": "max-content",
- "max-width": "500px !important",
- "transform": "translateX(-50%)",
- "top": "calc(~'100% + 20px')",
- "left": "50%",
- ".dropdown-item": {
- "line-height": "1 !important"
- },
- ".dropdown": {
- ".dropdown-item": {
- "align-items": "center",
- "display": "flex",
- "height": "max-content !important",
- "min-height": "max-content !important",
- "&::after": {
- "display": "inline-block",
- "position": "static",
- "margin-left": "0.5rem",
- "margin-top": "0",
- "margin-right": "0",
- "margin-bottom": "0",
- "transition": ".3s all",
- "transform": "rotate(-90deg)"
- }
- }
- },
- ".dropdown.open": {
- ".dropdown-item": {
- "&::after": {
- "transform": "rotate(0deg)"
- }
- }
- }
- },
- ".mbr-section-btn": {
- "margin": "-0.6rem -0.6rem"
- },
- ".navbar-toggler": {
- "margin-left": "12px",
- "margin-right": "8px",
- "order": "1000"
- },
- "& when (@collapsed)": {
- ".navbar-brand": {
- "margin-right": "auto"
- },
- ".navbar-collapse": {
- "z-index": "-1 !important",
- "position": "absolute",
- "top": "110%",
- "left": "0",
- "width": "100%",
- "padding": "1rem",
- "border-radius": "1.5rem",
- "background": "@menuBgColor",
- "& when (@transparent)": {
- "border-color": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important",
- "opacity": "1",
- "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
- },
- "backdrop-filter": "blur(8px)",
- "@media (max-width: 575px)": {
- "padding": "1rem"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- ".navbar-nav": {
- ".nav-item": {
- ".nav-link": {
- "&::after": {
- "margin-left": "10px"
- }
- }
- },
- ".dropdown-item": {
- "&:hover": {
- "background-color": "rgba(27, 31, 10, 0.06)"
- }
- }
- },
- ".navbar .dropdown > .dropdown-menu": {
- "display": "none",
- "max-width": "100% !important",
- "transform": "translateX(0)",
- "top": "10px",
- "left": "0",
- "padding": "8px !important",
- "border-radius": "0.5rem",
- "background-color": "rgba(27, 31, 10, 0.04) !important",
- ".dropdown-item": {
- "padding": "8px !important",
- "line-height": "1 !important",
- "margin-bottom": "4px !important"
- },
- ".dropdown": {
- ".dropdown-item": {
- "align-items": "center",
- "display": "flex",
- "height": "max-content !important",
- "min-height": "max-content !important",
- "&::after": {
- "display": "inline-block",
- "position": "static",
- "margin-left": "0.5rem",
- "margin-top": "0",
- "margin-right": "0",
- "margin-bottom": "0",
- "transition": ".3s all",
- "transform": "rotate(0deg)"
- }
- }
- },
- ".dropdown.open": {
- ".dropdown-item": {
- "&::after": {
- "transform": "rotate(180deg)"
- }
- }
- },
- ".dropdown-submenu": {
- "position": "static",
- "width": "100%",
- "max-width": "100% !important",
- "transform": "translateX(0) !important",
- "top": "0",
- "left": "0",
- "padding": "8px !important",
- "border-radius": "0.5rem",
- "background-color": "rgba(27, 31, 10, 0.04) !important"
- }
- },
- ".navbar .dropdown.open > .dropdown-menu": {
- "display": "flex",
- "flex-direction": "column",
- "align-items": "flex-start"
- },
- ".navbar .dropdown > .dropdown-submenu.show": {
- "display": "flex",
- "flex-direction": "column",
- "align-items": "flex-start"
- }
- },
- "@media (max-width: 991px)": {
- ".navbar-brand": {
- "margin-right": "auto"
- },
- ".navbar-collapse": {
- "z-index": "-1 !important",
- "position": "absolute",
- "top": "110%",
- "left": "0",
- "width": "100%",
- "padding": "1rem",
- "border-radius": "1.5rem",
- "background": "@menuBgColor",
- "& when (@transparent)": {
- "opacity": "1",
- "border-color": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important",
- "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
- },
- "backdrop-filter": "blur(8px)",
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- ".navbar-nav": {
- ".nav-item": {
- ".nav-link": {
- "&::after": {
- "margin-left": "10px"
- }
- }
- },
- ".dropdown-item": {
- "&:hover": {
- "background-color": "rgba(27, 31, 10, 0.06)"
- }
- }
- },
- ".navbar .dropdown > .dropdown-menu": {
- "max-width": "100% !important",
- "transform": "translateX(0)",
- "top": "10px",
- "left": "0",
- "padding": "8px !important",
- "border-radius": "1rem",
- "background-color": "rgba(27, 31, 10, 0.04) !important",
- ".dropdown-item": {
- "padding": "8px !important",
- "line-height": "1 !important",
- "margin-bottom": "4px !important"
- },
- ".dropdown": {
- ".dropdown-item": {
- "align-items": "center",
- "display": "flex",
- "height": "max-content !important",
- "min-height": "max-content !important",
- "&::after": {
- "display": "inline-block",
- "position": "static",
- "margin-left": "0.5rem",
- "margin-top": "0",
- "margin-right": "0",
- "margin-bottom": "0",
- "transition": ".3s all",
- "transform": "rotate(0deg)"
- }
- }
- },
- ".dropdown.open": {
- ".dropdown-item": {
- "&::after": {
- "transform": "rotate(180deg)"
- }
- }
- },
- ".dropdown-submenu": {
- "position": "static",
- "width": "100%",
- "max-width": "100% !important",
- "transform": "translateX(0) !important",
- "top": "0",
- "left": "0",
- "padding": "8px !important",
- "border-radius": "1rem",
- "background-color": "rgba(27, 31, 10, 0.04) !important"
- }
- },
- ".navbar .dropdown.open > .dropdown-menu": {
- "display": "flex !important",
- "flex-direction": "column",
- "align-items": "flex-start"
- }
- },
- ".navbar-collapse": {
- "@media (max-width: 575px)": {
- "padding": "1rem"
- }
- }
- },
- "_name": "menu02",
- "_sourceTheme": "startm5",
- "_customHTML": "",
- "_cid": "tJS6tZXiPa",
- "_anchor": "menu02-1j",
- "_protectedParams": [],
- "_global": true,
- "_once": "menu",
- "_params": {}
- },
- {
- "alias": false,
- "_styles": {
- "display": "flex",
- "& when not (@fullScreen)": {
- "padding-top": "(@paddingTop * 1rem)",
- "padding-bottom": "(@paddingBottom * 1rem)"
- },
- "& when (@bg-type = \"color\")": {
- "background-color": "@bg-value"
- },
- "& when (@bg-type = \"image\")": {
- "background-image": "url(@bg-value)",
- ".mbr-overlay": {
- "background-color": "@overlayColor",
- "opacity": "@overlayOpacity"
- }
- },
- ".content-wrap": {
- "padding": "5rem 1rem",
- "@media (min-width: 992px)": {
- "padding": "5rem 3rem"
- }
- },
- "@media (min-width: 768px)": {
- "align-items": "~\"@{verticalAlign}\"",
- ".row": {
- "justify-content": "~\"@{horizontalAlign}\""
- }
- },
- "@media (max-width: 991px) and (min-width: 768px)": {
- ".content-wrap": {
- "min-width": "50%"
- }
- },
- "@media (max-width: 767px)": {
- "-webkit-align-items": "center",
- "align-items": "center",
- ".mbr-row": {
- "-webkit-justify-content": "center",
- "justify-content": "center"
- },
- ".content-wrap": {
- "width": "100%"
- }
- },
- ".mbr-section-title": {
- "text-align": "center",
- "color": "#ffffff"
- },
- ".mbr-text, .mbr-section-btn": {
- "text-align": "center",
- "color": "#ffffff"
- },
- ".mbr-description": {
- "text-align": "center",
- "color": "#ffffff"
- }
- },
- "_name": "header19",
- "_sourceTheme": "startm5",
- "_customHTML": "",
- "_cid": "umXvZUiIot",
- "_anchor": "header19-1m",
- "_protectedParams": [],
- "_global": false,
- "_once": false,
- "_params": {}
- }
- ]
- },
- "desktophistory.html": {
- "settings": {
- "title": "Desktop Version History",
- "order": "1"
- },
- "components": [
- {
- "alias": false,
- "_styles": {
- "z-index": "1000",
- "width": "100%",
- "position": "relative",
- ".dropdown-item:before": {
- "font-family": "Moririse2 !important",
- "content": "\"\\e966\"",
- "display": "inline-block",
- "width": "0",
- "position": "absolute",
- "left": "1rem",
- "top": "0.5rem",
- "margin-right": "0.5rem",
- "line-height": "1",
- "font-size": "inherit",
- "vertical-align": "middle",
- "text-align": "center",
- "overflow": "hidden",
- "transform": "scale(0, 1)",
- "transition": "all 0.25s ease-in-out"
- },
- "@media (max-width: 767px)": {
- ".navbar-toggler": {
- "transform": "scale(0.8)"
- }
- },
- ".navbar-brand": {
- "img": {
- "max-width": "100%",
- "max-height": "100%",
- "border-radius": "0px !important"
- },
- "flex-shrink": "0",
- "align-items": "center",
- "margin-right": "0",
- "padding": "10px 0",
- "transition": "all 0.3s",
- "word-break": "break-word",
- "z-index": "1",
- ".navbar-caption": {
- "line-height": "inherit !important"
- },
- ".navbar-logo a": {
- "outline": "none"
- }
- },
- ".navbar-nav": {
- "margin": "auto",
- "margin-left": "0",
- "& when (@contentAlign = '2')": {
- "margin-left": "auto"
- },
- "& when (@contentAlign = '3')": {
- "margin-left": "auto",
- "margin-right": "0"
- },
- ".nav-item": {
- "padding": "0 !important",
- "transition": ".3s all !important",
- ".nav-link": {
- "padding": "16px !important",
- "margin": "0 !important",
- "border-radius": "1rem !important",
- "transition": ".3s all !important",
- "&:hover": {
- "background-color": "rgba(27, 31, 10, 0.06)"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- }
- },
- ".open": {
- ".nav-link": {
- "&::after": {
- "transform": "rotate(180deg)"
- },
- "@media (min-width: 992px)": {
- "&::before": {
- "content": "\"\"",
- "width": "100%",
- "height": "20px",
- "top": "100%",
- "background": "transparent",
- "position": "absolute"
- }
- }
- }
- },
- ".dropdown-item": {
- "padding": "12px !important",
- "border-radius": "0.5rem !important",
- "margin": "0 8px !important",
- "transition": ".3s all !important",
- "&:hover": {
- "background-color": "rgba(27, 31, 10, 0.06)"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- "& when not (@showLogo), (@showBrand)": {
- "@media (min-width: 992px)": {
- "padding-left": "1.5rem"
- }
- },
- "& when not (@showBrand)": {
- "@media (min-width: 992px)": {
- "padding-left": "1.5rem"
- }
- }
- },
- ".nav-link": {
- "width": "fit-content",
- "position": "relative"
- },
- ".navbar-logo": {
- "padding-left": "2rem",
- "margin": "0 !important",
- "@media (max-width: 767px)": {
- "padding-left": "1rem"
- }
- },
- ".navbar-caption": {
- "padding-left": "1rem",
- "padding-right": ".5rem",
- "& when not (@showLogo)": {
- "@media (min-width: 767px)": {
- "padding-left": "2rem"
- }
- }
- },
- ".nav-dropdown": {
- "@media (max-width: 767px)": {
- "padding-bottom": "0.5rem"
- }
- },
- ".nav-dropdown .link.dropdown-toggle::after": {
- "margin-left": "0.5rem",
- "margin-top": "0.2rem",
- "transition": ".3s all"
- },
- ".container": {
- "display": "flex",
- "height": "90px",
- "padding": "0.5rem 0.6rem",
- "flex-wrap": "nowrap",
- "& when not (@collapsed)": {
- "@media (min-width: 992px)": {},
- "& when (@transparent)": {
- "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
- }
- },
- "left": "0",
- "right": "0",
- "-webkit-box-pack": "justify",
- "-ms-flex-pack": "justify",
- "justify-content": "flex-end",
- "-webkit-box-align": "center",
- "-webkit-align-items": "center",
- "-ms-flex-align": "center",
- "align-items": "center",
- "border-radius": "100vw",
- "margin-top": "1rem",
- "background-color": "@menuBgColor",
- "box-shadow": "0 30px 60px 0 rgba(27, 31, 10, 0.08)",
- "@media (max-width: 992px)": {
- "padding-right": "2rem"
- },
- "@media (max-width: 767px)": {
- "width": "95%",
- "height": "56px !important",
- "padding-right": "1rem",
- "margin-top": "0rem"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- ".iconfont-wrapper": {
- "color": "@iconsColor !important",
- "font-size": "1.5rem",
- "padding-right": "0.5rem"
- },
- ".dropdown-menu": {
- "flex-wrap": "wrap",
- "flex-direction": "column",
- "max-width": "100%",
- "padding": "12px 4px !important",
- "border-radius": "1.5rem",
- "transition": ".3s all !important",
- "min-width": "auto",
- "background": "@menuBgColor",
- "& when (@transparent)": {
- "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- ".nav-item:focus, .nav-link:focus": {
- "outline": "none"
- },
- ".dropdown .dropdown-menu .dropdown-item": {
- "width": "auto",
- "transition": "all 0.25s ease-in-out",
- "&::after": {
- "right": "0.5rem"
- },
- ".mbr-iconfont": {
- "margin-right": "0.5rem",
- "vertical-align": "sub",
- "&:before": {
- "display": "inline-block",
- "transform": "scale(1, 1)",
- "transition": "all 0.25s ease-in-out"
- }
- }
- },
- ".collapsed": {
- ".dropdown-menu .dropdown-item:before": {
- "display": "none"
- },
- ".dropdown .dropdown-menu .dropdown-item": {
- "padding": "0.235em 1.5em 0.235em 1.5em !important",
- "transition": "none",
- "margin": "0 !important"
- }
- },
- ".navbar": {
- "min-height": "90px",
- "transition": "all 0.3s",
- "border-bottom": "1px solid transparent",
- "background": "transparent !important",
- "&:not(.navbar-short)": {},
- "&.opened": {
- "transition": "all 0.3s"
- },
- ".dropdown-item": {
- "padding": "0.5rem 1.8rem"
- },
- ".navbar-logo img": {
- "width": "auto"
- },
- ".navbar-collapse": {
- "z-index": "1",
- "justify-content": "flex-end"
- },
- "&.collapsed": {
- "justify-content": "center",
- ".nav-item .nav-link::before": {
- "display": "none"
- },
- "&.opened": {
- ".dropdown-menu": {
- "top": "0"
- },
- "@media (min-width: 992px)": {
- "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
- "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
- }
- }
- },
- ".dropdown-menu": {
- ".dropdown-submenu": {
- "left": "0 !important"
- },
- ".dropdown-item:after": {
- "right": "auto"
- },
- ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
- "margin-left": "0.5rem",
- "margin-top": "0.2rem",
- "border-top": "0.35em solid",
- "border-right": "0.35em solid transparent",
- "border-left": "0.35em solid transparent",
- "border-bottom": "0",
- "top": "41%"
- }
- },
- "ul.navbar-nav": {
- "li": {
- "margin": "auto"
- }
- },
- ".dropdown-menu .dropdown-item": {
- "padding": "0.25rem 1.5rem",
- "text-align": "center"
- },
- ".icons-menu": {
- "padding-left": "0",
- "padding-right": "0",
- "padding-top": "0.5rem",
- "padding-bottom": "0.5rem"
- }
- },
- "@media (max-width: 767px)": {
- ".navbar-logo": {
- "img": {
- "height": "2rem !important"
- }
- },
- "min-height": "72px"
- },
- "@media (max-width: 991px)": {
- ".nav-item .nav-link::before": {
- "display": "none"
- },
- "&.opened": {
- ".dropdown-menu": {
- "top": "0"
- }
- },
- ".dropdown-menu": {
- ".dropdown-submenu": {
- "left": "0 !important"
- },
- ".dropdown-item:after": {
- "right": "auto"
- },
- ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
- "margin-left": "0.5rem",
- "margin-top": "0.2rem",
- "border-top": "0.35em solid",
- "border-right": "0.35em solid transparent",
- "border-left": "0.35em solid transparent",
- "border-bottom": "0",
- "top": "40%"
- }
- },
- "ul.navbar-nav": {
- "li": {}
- },
- ".dropdown-menu .dropdown-item": {
- "padding": "0.25rem 1.5rem !important",
- "text-align": "center"
- },
- ".navbar-brand": {
- "flex-shrink": "initial",
- "flex-basis": "auto",
- "word-break": "break-word",
- "padding-right": "10px"
- },
- ".navbar-toggler": {
- "flex-basis": "auto"
- },
- ".icons-menu": {
- "padding-left": "0",
- "padding-top": "0.5rem",
- "padding-bottom": "0.5rem"
- }
- },
- "&.navbar-short": {
- ".navbar-logo": {
- "img": {
- "height": "2rem"
- }
- }
- },
- "padding": "0 !important",
- "border": "none !important",
- "box-shadow": "none !important",
- "border-radius": "0 !important"
- },
- ".dropdown-item.active, .dropdown-item:active": {
- "background-color": "transparent"
- },
- ".navbar-expand-lg .navbar-nav .nav-link": {
- "padding": "0"
- },
- ".nav-dropdown .link.dropdown-toggle": {
- "margin-right": "1.667em",
- "&[aria-expanded=\"true\"]": {
- "margin-right": "0",
- "padding": "0.667em 1.667em"
- }
- },
- ".navbar.navbar-expand-lg .dropdown": {
- ".dropdown-menu": {
- "background": "@menuBgColor",
- ".dropdown-submenu": {
- "margin": "0",
- "left": "105%",
- "transform": "none",
- "top": "-12px"
- }
- }
- },
- ".navbar .dropdown.open > .dropdown-menu": {
- "display": "flex"
- },
- "ul.navbar-nav": {
- "flex-wrap": "wrap"
- },
- ".navbar-buttons": {
- "text-align": "center",
- "min-width": "140px",
- "@media (max-width: 992px)": {
- "text-align": "left"
- }
- },
- "button.navbar-toggler": {
- "outline": "none",
- "width": "31px",
- "height": "20px",
- "cursor": "pointer",
- "transition": "all 0.2s",
- "position": "relative",
- "align-self": "center",
- ".hamburger span": {
- "position": "absolute",
- "right": "0",
- "width": "30px",
- "height": "2px",
- "border-right": "5px",
- "background-color": "@hamburgerColor",
- "&:nth-child(1)": {
- "top": "0",
- "transition": "all 0.2s"
- },
- "&:nth-child(2)": {
- "top": "8px",
- "transition": "all 0.15s"
- },
- "&:nth-child(3)": {
- "top": "8px",
- "transition": "all 0.15s"
- },
- "&:nth-child(4)": {
- "top": "16px",
- "transition": "all 0.2s"
- }
- }
- },
- "nav.opened .hamburger span": {
- "&:nth-child(1)": {
- "top": "8px",
- "width": "0",
- "opacity": "0",
- "right": "50%",
- "transition": "all 0.2s"
- },
- "&:nth-child(2)": {
- "transform": "rotate(45deg)",
- "transition": "all 0.25s"
- },
- "&:nth-child(3)": {
- "transform": "rotate(-45deg)",
- "transition": "all 0.25s"
- },
- "&:nth-child(4)": {
- "top": "8px",
- "width": "0",
- "opacity": "0",
- "right": "50%",
- "transition": "all 0.2s"
- }
- },
- ".navbar-dropdown": {
- "padding": "0 1rem"
- },
- "a.nav-link": {
- "display": "flex",
- "align-items": "center",
- "justify-content": "center"
- },
- ".icons-menu": {
- "flex-wrap": "nowrap",
- "display": "flex",
- "justify-content": "center",
- "padding-left": "1rem",
- "padding-right": "1rem",
- "padding-top": "0.3rem",
- "text-align": "center",
- "@media (max-width: 992px)": {
- "justify-content": "flex-start",
- "margin-bottom": ".5rem"
- }
- },
- "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
- ".navbar": {
- "height": "70px",
- "&.opened": {
- "height": "auto"
- }
- },
- ".nav-item .nav-link:hover::before": {
- "width": "175%",
- "max-width": "calc(100% ~\"+\" 2rem)",
- "left": "-1rem"
- }
- },
- ".navbar .dropdown > .dropdown-menu": {
- "display": "none",
- "width": "max-content",
- "max-width": "500px !important",
- "transform": "translateX(-50%)",
- "top": "calc(~'100% + 20px')",
- "left": "50%",
- ".dropdown-item": {
- "line-height": "1 !important"
- },
- ".dropdown": {
- ".dropdown-item": {
- "align-items": "center",
- "display": "flex",
- "height": "max-content !important",
- "min-height": "max-content !important",
- "&::after": {
- "display": "inline-block",
- "position": "static",
- "margin-left": "0.5rem",
- "margin-top": "0",
- "margin-right": "0",
- "margin-bottom": "0",
- "transition": ".3s all",
- "transform": "rotate(-90deg)"
- }
- }
- },
- ".dropdown.open": {
- ".dropdown-item": {
- "&::after": {
- "transform": "rotate(0deg)"
- }
- }
- }
- },
- ".mbr-section-btn": {
- "margin": "-0.6rem -0.6rem"
- },
- ".navbar-toggler": {
- "margin-left": "12px",
- "margin-right": "8px",
- "order": "1000"
- },
- "& when (@collapsed)": {
- ".navbar-brand": {
- "margin-right": "auto"
- },
- ".navbar-collapse": {
- "z-index": "-1 !important",
- "position": "absolute",
- "top": "110%",
- "left": "0",
- "width": "100%",
- "padding": "1rem",
- "border-radius": "1.5rem",
- "background": "@menuBgColor",
- "& when (@transparent)": {
- "border-color": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important",
- "opacity": "1",
- "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
- },
- "backdrop-filter": "blur(8px)",
- "@media (max-width: 575px)": {
- "padding": "1rem"
- },
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- ".navbar-nav": {
- ".nav-item": {
- ".nav-link": {
- "&::after": {
- "margin-left": "10px"
- }
- }
- },
- ".dropdown-item": {
- "&:hover": {
- "background-color": "rgba(27, 31, 10, 0.06)"
- }
- }
- },
- ".navbar .dropdown > .dropdown-menu": {
- "display": "none",
- "max-width": "100% !important",
- "transform": "translateX(0)",
- "top": "10px",
- "left": "0",
- "padding": "8px !important",
- "border-radius": "0.5rem",
- "background-color": "rgba(27, 31, 10, 0.04) !important",
- ".dropdown-item": {
- "padding": "8px !important",
- "line-height": "1 !important",
- "margin-bottom": "4px !important"
- },
- ".dropdown": {
- ".dropdown-item": {
- "align-items": "center",
- "display": "flex",
- "height": "max-content !important",
- "min-height": "max-content !important",
- "&::after": {
- "display": "inline-block",
- "position": "static",
- "margin-left": "0.5rem",
- "margin-top": "0",
- "margin-right": "0",
- "margin-bottom": "0",
- "transition": ".3s all",
- "transform": "rotate(0deg)"
- }
- }
- },
- ".dropdown.open": {
- ".dropdown-item": {
- "&::after": {
- "transform": "rotate(180deg)"
- }
- }
- },
- ".dropdown-submenu": {
- "position": "static",
- "width": "100%",
- "max-width": "100% !important",
- "transform": "translateX(0) !important",
- "top": "0",
- "left": "0",
- "padding": "8px !important",
- "border-radius": "0.5rem",
- "background-color": "rgba(27, 31, 10, 0.04) !important"
- }
- },
- ".navbar .dropdown.open > .dropdown-menu": {
- "display": "flex",
- "flex-direction": "column",
- "align-items": "flex-start"
- },
- ".navbar .dropdown > .dropdown-submenu.show": {
- "display": "flex",
- "flex-direction": "column",
- "align-items": "flex-start"
- }
- },
- "@media (max-width: 991px)": {
- ".navbar-brand": {
- "margin-right": "auto"
- },
- ".navbar-collapse": {
- "z-index": "-1 !important",
- "position": "absolute",
- "top": "110%",
- "left": "0",
- "width": "100%",
- "padding": "1rem",
- "border-radius": "1.5rem",
- "background": "@menuBgColor",
- "& when (@transparent)": {
- "opacity": "1",
- "border-color": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important",
- "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity) !important"
- },
- "backdrop-filter": "blur(8px)",
- "& when not (@isRoundedButtons)": {
- "border-radius": "4px !important"
- }
- },
- ".navbar-nav": {
- ".nav-item": {
- ".nav-link": {
- "&::after": {
- "margin-left": "10px"
- }
- }
- },
- ".dropdown-item": {
- "&:hover": {
- "background-color": "rgba(27, 31, 10, 0.06)"
- }
- }
- },
- ".navbar .dropdown > .dropdown-menu": {
- "max-width": "100% !important",
- "transform": "translateX(0)",
- "top": "10px",
- "left": "0",
- "padding": "8px !important",
- "border-radius": "1rem",
- "background-color": "rgba(27, 31, 10, 0.04) !important",
- ".dropdown-item": {
- "padding": "8px !important",
- "line-height": "1 !important",
- "margin-bottom": "4px !important"
- },
- ".dropdown": {
- ".dropdown-item": {
- "align-items": "center",
- "display": "flex",
- "height": "max-content !important",
- "min-height": "max-content !important",
- "&::after": {
- "display": "inline-block",
- "position": "static",
- "margin-left": "0.5rem",
- "margin-top": "0",
- "margin-right": "0",
- "margin-bottom": "0",
- "transition": ".3s all",
- "transform": "rotate(0deg)"
- }
- }
- },
- ".dropdown.open": {
- ".dropdown-item": {
- "&::after": {
- "transform": "rotate(180deg)"
- }
- }
- },
- ".dropdown-submenu": {
- "position": "static",
- "width": "100%",
- "max-width": "100% !important",
- "transform": "translateX(0) !important",
- "top": "0",
- "left": "0",
- "padding": "8px !important",
- "border-radius": "1rem",
- "background-color": "rgba(27, 31, 10, 0.04) !important"
- }
- },
- ".navbar .dropdown.open > .dropdown-menu": {
- "display": "flex !important",
- "flex-direction": "column",
- "align-items": "flex-start"
- }
- },
- ".navbar-collapse": {
- "@media (max-width: 575px)": {
- "padding": "1rem"
- }
- }
- },
- "_name": "menu02",
- "_sourceTheme": "startm5",
- "_customHTML": "",
- "_cid": "un9hNVYHAg",
- "_protectedParams": [],
- "_global": true,
- "_once": "menu",
- "_params": {},
- "_anchor": "menu02-1w"
- },
- {
- "alias": false,
- "_styles": {
- "padding-top": "(@paddingTop * 1rem)",
- "padding-bottom": "(@paddingBottom * 1rem)",
- "& when (@bg-type = \"color\")": {
- "background-color": "@bg-value"
- },
- "& when (@bg-type = \"image\")": {
- "background-image": "url(@bg-value)",
- "& when (@overlay)": {
- ".mbr-overlay": {
- "background": "@overlayColor",
- "opacity": "@overlayOpacity"
- }
- }
- },
- ".item-mb": {
- "margin-bottom": "2rem",
- "@media (max-width: 767px)": {
- "margin-bottom": "1rem"
- }
- },
- ".item-head": {
- "background": "@cardsHead",
- "padding": "2.25rem",
- "@media (min-width: 992px) and (max-width: 1200px)": {
- "padding": "2rem 1.5rem",
- "margin-bottom": "2rem"
- },
- "@media (max-width: 767px)": {
- "padding": "2rem 1.5rem",
- "margin-bottom": "2rem"
- }
- },
- ".item-content": {
- "padding": "2.25rem 2.25rem 0",
- "background": "@cardsBg",
- "@media (min-width: 992px) and (max-width: 1200px)": {
- "padding": "0rem 1.5rem"
- },
- "@media (max-width: 767px)": {
- "padding": "0rem 1.5rem"
- }
- },
- ".item-wrapper": {
- "border-radius": "2rem",
- "overflow": "hidden",
- "margin-bottom": "2rem",
- "background": "@cardsBg",
- "padding": "0rem",
- "height": "100%",
- "display": "flex",
- "flex-flow": "column nowrap",
- "@media (max-width: 767px)": {
- "margin-bottom": "1rem"
- },
- "@media (min-width: 992px) and (max-width: 1200px)": {
- ".item-footer": {
- "padding": "0 1.5rem 3rem"
- }
- },
- "@media (min-width: 1201px)": {
- ".item-footer": {
- "padding": "0 2rem 3rem"
- }
- }
- },
- ".btn": {
- "width": "-webkit-fill-available"
- },
- ".item:focus, span:focus": {
- "outline": "none"
- },
- ".mbr-section-btn": {
- "margin-top": "auto !important",
- "padding": "2rem 2rem 0",
- "@media (max-width: 991px)": {
- "padding": "0rem 2.25rem 2rem"
- },
- "@media (max-width: 767px)": {
- "padding": "0rem 1.5rem",
- "margin-bottom": "2rem"
- }
- },
- ".mbr-section-title": {
- "color": "#000000"
- },
- ".mbr-section-subtitle": {
- "color": "#ffffff"
- },
- ".mbr-text, .mbr-section-btn": {
- "text-align": "left"
- },
- ".item-title": {
- "text-align": "left",
- "color": "#000000"
- },
- ".item-subtitle": {
- "text-align": "left",
- "color": "#000000"
- },
- ".content-head": {
- "max-width": "800px"
- },
- ".counter-container": {
- "ul": {
- "margin": "0",
- "padding-left": "2.25rem",
- "list-style": "none",
- "li": {
- "position": "relative",
- "list-style": "none",
- "margin-bottom": "2rem",
- "&:before": {
- "position": "absolute",
- "left": "-1.5em",
- "content": "\"\"",
- "display": "flex",
- "justify-content": "center",
- "align-items": "center",
- "color": "@iconColor",
- "background-color": "@iconColor",
- "width": "0.5em",
- "height": "0.5em",
- "top": "0.4em",
- "border-radius": "50%"
- }
- }
- }
- },
- ".counter-container ul li": {
- "margin-bottom": "1rem"
- },
- ".mbr-text UL": {
- "text-align": "left"
- }
- },
- "_name": "pricing03",
- "_sourceTheme": "startm5",
- "_customHTML": "
",
- "_cid": "un9i3LPrvd",
- "_anchor": "pricing03-1y",
- "_protectedParams": [],
- "_global": false,
- "_once": false,
- "_params": {}
- }
- ]
- }
- }
-}
\ No newline at end of file
diff --git a/releases.html b/releases.html
new file mode 100644
index 0000000..f866798
--- /dev/null
+++ b/releases.html
@@ -0,0 +1,91 @@
+
+
+
+
+
+
SlashOS Releases
+
+
+
+
+
Skip to content
+
+
+
+
+
+
Downloads
+
Release Archive
+
Every SlashOS build in one place, stable and prerelease drops, always up to date.
+
+
+
+
Stable
+
Release builds
+
+
+
+
+
+
+
Prerelease
+
Fast-track builds
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/remove.py b/remove.py
deleted file mode 100644
index 06f18ec..0000000
--- a/remove.py
+++ /dev/null
@@ -1,37 +0,0 @@
-import os
-from bs4 import BeautifulSoup
-
-def remove_section_with_href(filename, section_class, href_pattern):
- """Removes the specified HTML section if its href contains the given pattern.
-
- Args:
- filename: The name of the HTML file.
- section_class: The class name of the section to remove.
- href_pattern: The pattern to match in the href attribute.
- """
-
- # Open the file and parse the HTML content
- with open(filename, 'r', encoding='utf-8') as f:
- soup = BeautifulSoup(f, 'html.parser')
-
- # Find all sections with the specified class
- sections = soup.find_all('section', class_=section_class)
- for section in sections:
- # Check if any
tag within the section contains the href pattern
- for a_tag in section.find_all('a', href=True):
- if href_pattern in a_tag['href']:
- section.decompose() # Remove the entire section
- break # Stop after finding the first match
-
- # Write the modified HTML back to the file, preserving the structure
- with open(filename, 'w', encoding='utf-8') as f:
- f.write(soup.prettify(formatter="html"))
-
-# Replace 'display-7' and 'mobi' with your actual values
-section_class = 'display-7'
-href_pattern = 'mobi'
-
-# Process all HTML files in the current directory
-for filename in os.listdir('.'):
- if filename.endswith('.html'):
- remove_section_with_href(filename, section_class, href_pattern)
diff --git a/requirements.txt b/requirements.txt
deleted file mode 100644
index 588cb5d..0000000
--- a/requirements.txt
+++ /dev/null
@@ -1 +0,0 @@
-bs4
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..5cc65bd
--- /dev/null
+++ b/style.css
@@ -0,0 +1,6 @@
+@import "css/base.css";
+@import "css/header.css";
+@import "css/components.css";
+@import "css/sections.css";
+@import "css/footer.css";
+@import "css/responsive.css";
\ No newline at end of file
- 
- 
- 
-