avives/vivespos-landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
master
vivespos-landing/modules/system/assets/ui/docs/scoreboard.md
avives 1f72193a64
Some checks are pending
Module sub-split / Sub-split (push) Waiting to run
Details
feat: VivesPOS landing on Winter CMS 1.2 — theme + plugin + Dockerfile 
- 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
2026-08-21 19:29:00 -06:00

2.9 KiB
Raw Permalink Blame History

Scoreboard

Scoreboard

<div class="scoreboard">
    <div data-control="toolbar">
        <div class="scoreboard-item title-value">
            <h4>Weight</h4>
            <p>100</p>
            <p class="description">unit: kg</p>
        </div>

        <div class="scoreboard-item title-value">
            <h4>Comments</h4>
            <p class="positive">44</p>
            <p class="description">previous month: 32</p>
        </div>

        <div class="scoreboard-item title-value">
            <h4>Latest commenter</h4>
            <p class="wn-icon-star">John Smith</p>
            <p class="description">registered: yes</p>
        </div>
    </div>
</div>

Complete example

<div class="scoreboard">
    <div data-control="toolbar">
        <div class="scoreboard-item control-chart" data-control="chart-pie">
            <ul>
                <li data-color="#95b753">Published <span>84</span></li>
                <li data-color="#e5a91a">Drafts <span>12</span></li>
                <li data-color="#cc3300">Deleted <span>18</span></li>
            </ul>
        </div>

        <div class="scoreboard-item control-chart" data-control="chart-bar">
            <ul>
                <li data-color="#95b753">Published <span>84</span></li>
                <li data-color="#e5a91a">Drafts <span>12</span></li>
                <li data-color="#cc3300">Deleted <span>18</span></li>
            </ul>
        </div>

        <div class="scoreboard-item title-value">
            <h4>Weight</h4>
            <p>100</p>
            <p class="description">unit: kg</p>
        </div>

        <div class="scoreboard-item title-value">
            <h4>Comments</h4>
            <p class="positive">44</p>
            <p class="description">previous month: 32</p>
        </div>

        <div class="scoreboard-item title-value">
            <h4>Length</h4>
            <p class="negative">31</p>
            <p class="description">previous: 42</p>
        </div>

        <div class="scoreboard-item title-value">
            <h4>Latest commenter</h4>
            <p class="wn-icon-star">John Smith</p>
            <p class="description">registered: yes</p>
        </div>

        <div class="scoreboard-item title-value" data-control="goal-meter" data-value="88">
            <h4>goal meter</h4>
            <p>88%</p>
            <p class="description">37 posts remain</p>
        </div>

        <div class="scoreboard-item title-value goal-meter-inverse" data-control="goal-meter" data-value="88">
            <h4>goal meter</h4>
            <p>88%</p>
            <p class="description">37 posts remain</p>
        </div>
    </div>
</div>