Changes for page Tidy-Lab Cloud Platform

Last modified by Humphrey AI on 2026/03/22 10:27

From version 29.1
edited by Humphrey AI
on 2026/03/19 15:57
Change comment: There is no comment for this version
To version 4.1
edited by Humphrey AI
on 2026/03/18 14:57
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Tidy-Lab Cloud Platform
1 +Home
Content
... ... @@ -1,35 +1,40 @@
1 +== Welcome to your wiki ==
1 1  
2 -{{velocity}}
3 -#set($discard = $xwiki.ssx.use($doc.fullName))
4 -#set($discard = $xwiki.jsx.use($doc.fullName, {"minify": false}))
5 -{{/velocity}}
3 +XWiki is the best tool to organize your knowledge. A //wiki// is organized in a hierarchy of //pages//. You can create multiple wikis, each with its own set of pages.
6 6  
7 -(% class="tl-hero" %)
5 +XWiki can be used as a knowledge base (support, documentation, sales, etc.), for collaborative workspaces or even as a complete intranet.
6 +
7 +== The basics ==
8 +
9 +To make the most out of your wiki, log-in and:
10 +
11 +Use the {{displayIcon name="pencil"/}} button above to //edit// this page and start customizing your wiki to your needs.
12 +
13 +Use the {{displayIcon name="add"/}} button above to //add// more pages to your wiki and create the //hierarchy// that best organizes your content.
14 +
15 +Use the {{displayIcon name="home"/}} breadcrumbs located above the title to //navigate// inside your pages. It's easy to get lost in a big wiki without them.
16 +
17 +You can also use the [[Sandbox>>Sandbox.WebHome]] for more demo content and generally a place to experiment with your wiki's features.
18 +
19 + {{box}}Learn more on how to use XWiki with the [[Getting Started Guide>>https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/WebHome]].{{/box}}
20 +
21 +(% class="row" %)
8 8  (((
9 -(% class="tl-hero-top" %)
23 +(% class="col-xs-12 col-sm-6" %)
10 10  (((
11 -(% class="tl-hero-center" %)
12 -(((
13 -(% id="HTidy-LabCloudPlatform" class="tl-hero-title" %)
14 -= Tidy-Lab Cloud Platform =
15 -)))
16 -)))
25 +== Extend your wiki ==
17 17  
18 -(% class="tl-hero-bottom" %)
19 -(((
20 -(% class="tl-hero-tagline" %)
21 -data · done · better
27 +To extend the power and functionalities of your wiki with the features that //you// need, head over to the [[Extension Manager>>XWiki.XWikiPreferences||queryString="editor=globaladmin&section=XWiki.Extensions"]] where you can search for and install extensions.
22 22  
23 -(% class="tl-partner-btn-wrap" %)
24 -(((
25 -[[Partner Access>>doc:Foundation.WebHome||class="tl-partner-btn"]]
29 +To browse through the 900+ community contributed extensions available for XWiki, head over to the [[Extensions Repository>>https://extensions.xwiki.org]].
26 26  )))
27 -)))
28 28  
29 -[[▼>>path:#tl-content||class="tl-hero-scroll"]]
30 -)))
31 -
32 -(% id="tl-content" %)
32 +(% class="col-xs-12 col-sm-6" %)
33 33  (((
34 +== Create your application ==
34 34  
36 +Go beyond the available extensions and define the //structure// of your data based on //your// needs, creating //your// own applications with [[App Within Minutes>>AppWithinMinutes]] (AWM).
37 +
38 +AWM will take care of making it easy for you and your users to create and manage the data.
35 35  )))
40 +)))
XWiki.JavaScriptExtension[0]
code
... ... @@ -1,81 +1,1 @@
1 - document.body.classList.add('tl-hero-page');
2 -
3 - (function() {
4 - var hero = document.querySelector('.tl-hero');
5 - if (!hero) return;
6 -
7 - // Collect all chrome elements to fade
8 - var chromeSelectors = [
9 - '#menuview', '#headerglobal', '#hierarchy_breadcrumb',
10 - '.document-header', '#xdocFooter', '#xwikidata',
11 - '#footerglobal', '.skip-nav'
12 - ];
13 - var chromeElements = [];
14 - chromeSelectors.forEach(function(sel) {
15 - var el = document.querySelector(sel);
16 - if (el) chromeElements.push(el);
17 - });
18 -
19 - var wasFading = false;
20 -
21 - function onScroll() {
22 - var heroHeight = hero.offsetHeight;
23 - var scrollY = window.pageYOffset || document.documentElement.scrollTop;
24 -
25 - // Start fading at 30% scroll, fully visible at 70%
26 - var fadeStart = heroHeight * 0.3;
27 - var fadeEnd = heroHeight * 0.7;
28 - var progress = 0;
29 -
30 - if (scrollY <= fadeStart) {
31 - progress = 0;
32 - } else if (scrollY >= fadeEnd) {
33 - progress = 1;
34 - } else {
35 - progress = (scrollY - fadeStart) / (fadeEnd - fadeStart);
36 - }
37 -
38 - if (progress > 0 && progress < 1) {
39 - // Fading: switch from display:none to opacity-based
40 - if (!wasFading) {
41 - document.body.classList.add('tl-fading');
42 - document.body.classList.remove('tl-scrolled');
43 - wasFading = true;
44 - }
45 - chromeElements.forEach(function(el) {
46 - el.style.opacity = progress;
47 - });
48 - } else if (progress >= 1) {
49 - // Fully scrolled: restore normal layout
50 - document.body.classList.remove('tl-fading');
51 - document.body.classList.add('tl-scrolled');
52 - chromeElements.forEach(function(el) {
53 - el.style.opacity = '';
54 - });
55 - wasFading = false;
56 - } else {
57 - // At top: hide everything
58 - document.body.classList.remove('tl-fading');
59 - document.body.classList.remove('tl-scrolled');
60 - chromeElements.forEach(function(el) {
61 - el.style.opacity = '';
62 - });
63 - wasFading = false;
64 - }
65 - }
66 -
67 - window.addEventListener('scroll', onScroll, { passive: true });
68 - onScroll(); // run once on load
69 -
70 - // Smooth scroll for the arrow
71 - var scrollLink = document.querySelector('.tl-hero-scroll');
72 - var tlContent = document.getElementById('tl-content');
73 - if (scrollLink) {
74 - scrollLink.addEventListener('click', function(e) {
75 - e.preventDefault();
76 - if (tlContent) {
77 - tlContent.scrollIntoView({ behavior: 'smooth' });
78 - }
79 - });
80 - }
81 - })();
1 +require(['jquery'], function($) { $(document).ready(function() { $('.tl-hero-scroll').on('click', function(e) { e.preventDefault(); var target = document.getElementById('tl-content'); if (target) { target.scrollIntoView({ behavior: 'smooth' }); } }); });});
name
... ... @@ -1,1 +1,1 @@
1 -Tidy-Lab Hero Page Script
1 +Tidy-Lab Hero Scroll
XWiki.StyleSheetExtension[0]
code
... ... @@ -1,2 +1,1 @@
1 -${NEW_CSS}
2 -
1 +/* Tidy-Lab Hero Section */.tl-hero { position: relative; min-height: 100vh; width: 100vw; margin-left: calc(-1 * (100vw - 100%) / 2); display: flex; flex-direction: column; overflow: hidden;}.tl-hero-top { flex: 1; background-color: #2D2B55; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; position: relative; padding-bottom: 30px; overflow: visible;}.tl-hero-bottom { flex: 1; background-color: #FFFFFF; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-top: 20px;}.tl-hero-logo-bar { position: absolute; top: 30px; left: 40px; z-index: 2;}.tl-hero-logo-img { max-width: 240px; height: auto; filter: brightness(1.8) saturate(1.2);}.tl-hero-center { text-align: center; padding: 0 20px;}.tl-hero-title { color: #FFFFFF !important; font-family: "Calibri Light", "Calibri", "Segoe UI Light", "Segoe UI", "Open Sans", sans-serif !important; font-weight: 300 !important; font-size: 56px !important; letter-spacing: 1px; margin: 0 !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);}.tl-hero-tagline { color: #7B78FF; font-family: "Calibri", "Segoe UI", "Open Sans", sans-serif; font-size: 22px; font-weight: 300; letter-spacing: 8px; text-transform: lowercase; margin: 0;}.tl-hero-scroll { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); color: rgba(123, 120, 255, 0.6); font-size: 24px; text-decoration: none !important; animation: tl-bounce 2s ease infinite; z-index: 2;}.tl-hero-scroll:hover { color: #7B78FF; text-decoration: none;}@keyframes tl-bounce { 0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); } 40% { transform: translateX(-50%) translateY(-12px); } 60% { transform: translateX(-50%) translateY(-6px); }}/* Hide breadcrumb and page header on homepage hero */.wiki-content-header-container { display: none;}/* Responsive */@media (max-width: 992px) { .tl-hero-title { font-size: 40px !important; } .tl-hero-tagline { font-size: 18px; letter-spacing: 6px; } .tl-hero-logo-img { max-width: 180px; } .tl-hero-logo-bar { top: 20px; left: 20px; }}@media (max-width: 576px) { .tl-hero-title { font-size: 28px !important; } .tl-hero-tagline { font-size: 14px; letter-spacing: 4px; } .tl-hero-logo-img { max-width: 140px; } .tl-hero-logo-bar { top: 15px; left: 15px; }}
name
... ... @@ -1,1 +1,1 @@
1 -Tidy-Lab Homepage Hero
1 +Tidy-Lab Hero
XWiki.XWikiRights[0]
allow
... ... @@ -1,1 +1,0 @@
1 -Allow
levels
... ... @@ -1,1 +1,0 @@
1 -view
users
... ... @@ -1,1 +1,0 @@
1 -XWiki.XWikiGuest