feat: VivesPOS landing on Winter CMS 1.2 — theme + plugin + Dockerfile
Some checks are pending
Module sub-split / Sub-split (push) Waiting to run

- Base: wintercms/winter branch 1.2 (full framework)
- Theme vivespos: Canvas 7 + Bootstrap 5 CDN, custom CSS
- Layout: deferred GTM/GA4 tracking, JSON-LD SoftwareApplication
- Partials: hero (offline-first), features, modes (offline/nube toggle),
  screenshots, pricing (3 planes), comparison, FAQ, CTA
- Plugin VivesPOS.Site with ContactForm
- Dockerfile: PHP 8.2 Apache, port 80, healthcheck
- Added winter/wn-pages, blog, sitemap, seo plugins
- Active theme set to vivespos
This commit is contained in:
2026-08-21 19:29:00 -06:00
commit 1f72193a64
3266 changed files with 531480 additions and 0 deletions

View File

@@ -0,0 +1,363 @@
//
// Fade In
//
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
//
// Fade In Down
//
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
//
// Fade In Left
//
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
//
// Fade In Right
//
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
//
// Fade In Up
//
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
//
// Fade Out
//
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
//
// Fade Out Down
//
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
//
// Fade Out Left
//
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
//
// Fade Out Right
//
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
//
// Fade Out Up
//
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}

View File

@@ -0,0 +1,11 @@
//
// Boots the Core LESS
//
// Includes non-output LESS files such as mixins and variables
//
// Core variables and mixins
@import "../../../../system/assets/ui/less/global.less";
@import "variables.less";
@import "mixins.less";

View File

@@ -0,0 +1,165 @@
// --------------------------------------------------
// Flexbox LESS mixins
// The spec: http://www.w3.org/TR/css3-flexbox
// --------------------------------------------------
// Flexbox display
// flex or inline-flex
.flex-display() {
display: ~"-webkit-box";
display: ~"-webkit-flex";
display: ~"-moz-flex";
display: ~"-ms-flexbox"; // IE10 uses -ms-flexbox
display: ~"-ms-flex"; // IE11
display: flex;
}
// The 'flex: 0 0 auto' shorthand
.flex-fix() {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
// The 'flex: 1 1 auto' shorthand
.flex-stretch() {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
// The 'flex: 1' shorthand
.flex-stretch-constrain() {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
}
// Flex Flow Direction Column
// - applies to: flex containers
.flex-direction-column() {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}
// Flex Flow Direction Row
// - applies to: flex containers
.flex-direction-row() {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
}
// Flex Line Wrapping
// - applies to: flex containers
// nowrap | wrap | wrap-reverse
.flex-wrap(@wrap: nowrap) {
-webkit-flex-wrap: @wrap;
-moz-flex-wrap: @wrap;
-ms-flex-wrap: @wrap;
flex-wrap: @wrap;
}
// Flex Direction and Wrap
// - applies to: flex containers
// <flex-direction> || <flex-wrap>
.flex-flow(@flow) {
-webkit-flex-flow: @flow;
-moz-flex-flow: @flow;
-ms-flex-flow: @flow;
flex-flow: @flow;
}
// Display Order
// - applies to: flex items
// <integer>
.flex-order(@order: 0) {
-webkit-order: @order;
-moz-order: @order;
-ms-order: @order;
order: @order;
}
// Flex grow factor
// - applies to: flex items
// <number>
.flex-grow(@grow: 0) {
-webkit-flex-grow: @grow;
-moz-flex-grow: @grow;
-ms-flex-grow: @grow;
flex-grow: @grow;
}
// Flex shr
// - applies to: flex itemsink factor
// <number>
.flex-shrink(@shrink: 1) {
-webkit-flex-shrink: @shrink;
-moz-flex-shrink: @shrink;
-ms-flex-shrink: @shrink;
flex-shrink: @shrink;
}
// Flex basis
// - the initial main size of the flex item
// - applies to: flex itemsnitial main size of the flex item
// <width>
.flex-basis(@width: auto) {
-webkit-flex-basis: @width;
-moz-flex-basis: @width;
-ms-flex-basis: @width;
flex-basis: @width;
}
// Axis Alignment
// - applies to: flex containers
// flex-start | flex-end | center | space-between | space-around
.justify-content(@justify: flex-start) {
-webkit-justify-content: @justify;
-moz-justify-content: @justify;
-ms-justify-content: @justify;
-webkit-box-pack: @justify;
justify-content: @justify;
}
// Packing Flex Lines
// - applies to: multi-line flex containers
// flex-start | flex-end | center | space-between | space-around | stretch
.align-content(@align: stretch) {
-webkit-align-content: @align;
-moz-align-content: @align;
-webkit-box-align: @align;
-ms-align-content: @align;
align-content: @align;
}
// Cross-axis Alignment
// - applies to: flex containers
// flex-start | flex-end | center | baseline | stretch
.align-items(@align: stretch) {
-webkit-align-items: @align;
-moz-align-items: @align;
-ms-align-items: @align;
align-items: @align;
}
// Cross-axis Alignment
// - applies to: flex items
// auto | flex-start | flex-end | center | baseline | stretch
.align-self(@align: auto) {
-webkit-align-self: @align;
-moz-align-self: @align;
-ms-align-self: @align;
align-self: @align;
}

View File

@@ -0,0 +1,153 @@
//
// Override UI variables
// --------------------------------------------------
@font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
//
// Paths
// --------------------------------------------------
@type-font-path: "../font";
//
// Colors
// --------------------------------------------------
@color-border: #cccccc;
@color-border-light: #e1e1e1;
@color-mainmenu: #151515;
@color-mainmenu-inactive: rgba(255,255,255,.6);
@color-mainmenu-active: #ffffff;
@color-mainmenu-active-bg: #262626;
@color-mainmenu-collapsed: #000000;
@color-accountmenu-bg: #f9f9f9;
@color-accountmenu-text: #666666;
@color-accountmenu-divider: #e0e0e0;
@color-footer: rgba(255,255,255,.8);
@color-footer-border: #dfdfdf;
@color-footer-text: #666666;
@color-sidebarnav-active-text: #ffffff;
@color-sidebarnav-active-icon: #ffffff;
@color-sidebarnav-inactive-text: rgba(255,255,255,.6);
@color-sidebarnav-inactive-icon: rgba(255,255,255,.6);
@color-sidebarnav-counter-bg: #d9350f;
@color-sidebarnav-counter-text: #ffffff;
@color-sidebarnav-tree-group: #ecf0f1;
@color-sidebarnav-tree-group-bg: rgba(0,0,0,.15);
@color-sidebarnav-tree-inactive-header: #ffffff;
@color-sidebarnav-tree-inactive-desc: rgba(255,255,255,.6);
@color-sidebarnav-tree-inactive-text: #ffffff;
@color-sidebarnav-tree-active-header: #ffffff;
@color-sidebarnav-tree-inactive-bg: transparent;
@color-sidebarnav-tree-active-text: rgba(255,255,255,.91);
@color-sidebarnav-tree-active-marker: @brand-secondary;
@color-sidebarnav-back-link-bg: #2b3e50;
@color-sidebarnav-back-link-text: #bdc3c7;
@color-scrollbar-track: transparent;
@color-scrollbar-thumb: rgba(0,0,0,.35);
@color-scrollpanel-border: #efefef;
@color-scrollpanel-fix-button: #aaaaaa;
@color-scrollpanel-fix-button-light: #eeeeee;
@color-scroll-indicator: #bbbbbb;
@color-panel-light: #ECF0F1;
@color-outer-muted-text: rgba(255,255,255,.44);
@color-outer-heading: #feffff;
@color-outer-description: #999999;
@color-outer-bg: #2b3e50;
@color-outer-header: @body-bg;
@color-outer-form-label: #666666;
@color-breadcrumb-text-active: #9da3a7;
@color-breadcrumb-text: #9B9B9B;
@color-breadcrumb-background: #2b343d;
@color-custom-input-icon: #666666;
@color-custom-input-border: #999999;
@color-input-sidebar-control: #C4C4C4;
@color-switch-input-bg: #f6f6f6;
@color-switch-input-on: #8da85e;
@color-switch-input-off: #cc3300;
@color-custom-select-border: #b2b9be;
@color-custom-select-bg: #f6f6f6;
@color-custom-select-bg-hover: #4da7e8;
@color-filelist-norecords-text: #666666;
@color-filelist-norecords-bg: #eeeeee;
@color-filelist-cb-border: #cccccc;
@color-filelist-title-hero: #2b3e50;
@color-filelist-hero-item-bg: #ffffff;
@color-filelist-hero-hover-bg: @highlight-hover-bg;
@color-filelist-hero-hover-text: @highlight-hover-text;
@color-filelist-hero-active-bg: @highlight-active-bg;
@color-filelist-hero-active-text: @highlight-active-text;
@color-fancy-master-tabs-bg: @brand-secondary-darker;
@color-fancy-master-tabs-active-text: #ffffff;
@color-fancy-master-tabs-inactive-text: rgba(255, 255, 255, .35);
@color-fancy-master-panel-bg: @brand-secondary-darker;
@color-fancy-secondary-tabs-bg: #475354;
@color-fancy-secondary-tabs-active-text: #ffffff;
@color-fancy-secondary-tabs-inactive-text: #919898;
@color-fancy-primary-tabs-bg: #7F8C8D;
@color-fancy-primary-tabs-inactive-text: #95a5a6;
@color-fancy-primary-tabs-active-text: #808c8d;
@color-fancy-primary-tabs-active-bg: #fafafa;
@color-fancy-primary-tabs-inactive-bg: #d5d9d8;
@color-fancy-form-tabless-fields-bg: @brand-secondary;
@color-fancy-form-label: rgba(255, 255, 255, .5);
@color-fancy-form-text: #ffffff;
@color-fancy-form-text-selection: @brand-secondary-darker;
@color-fancy-form-placeholder: rgba(255, 255, 255, .5);
@color-fancy-form-inactive-tab: #2c9cb9;
@color-sortable-caret: #999999;
@color-sortable-active: @brand-secondary;
@color-report-widget-title: #7e8c8d;
@color-report-widget-control-inactive: #b6b6b6;
@color-report-widget-description: @color-report-widget-title;
@color-report-widget-link: @color-report-widget-title;
@color-treeview-item-bg: #ffffff;
@color-treeview-item-title: #2b3e50;
@color-treeview-item-comment: #95a5a6;
@color-treeview-control: #bdc3c7;
@color-treeview-hover-bg: @highlight-hover-bg;
@color-treeview-hover-text: @highlight-hover-text;
@color-treeview-active-bg: @highlight-active-bg;
@color-treeview-active-text: @highlight-active-text;
@color-treeview-item-active-comment: #8f8f8f;
@color-treeview-submenu-text: #ffffff;
@color-treeview-light-submenu-bg: #2581b8;
@color-treeview-light-submenu-border: #328ec8;
//
// Sizes
// --------------------------------------------------
@size-tiny: 50px;
@size-small: 100px;
@size-large: 200px;
@size-huge: 250px;
@size-giant: 350px;
//
// Media breakpoints
// --------------------------------------------------
@menu-breakpoint-min: 770px;
@menu-breakpoint-max: (@menu-breakpoint-min - 1);