Cambios para el documento Home

Resumen

• Propiedades de página (3 modificado, 0 añadido, 0 eliminado)

Detalles

Propiedades de página

Título

...	...	@@ -1,1 +1,1 @@
1		-Inicio
	1	+Página inicio

Autor del documento

...	...	@@ -1,1 +1,1 @@
1		-XWiki.Administrator
	1	+XWiki.cabanindpextmadrides

Contenido

...	...	@@ -1,42 +1,116 @@
1		-== Bienvenido a tu wiki ==
	1	+{{velocity}}
	2	+#if ($xcontext.user == 'XWiki.XWikiGuest')
	3	+ {{html clean="false"}}
	4	+ <style>
	5	+ #hierarchy_breadcrumb,
	6	+ .document-header {
	7	+ display: none;
	8	+ }
2	2
3		-XWiki es la mejor herramienta para organizar tu conocimiento ("knowledge"). Una //wiki// está organizada como una jerarquía de //páginas//. Puedes crear múltiples wikis, cada una de ellas con su propio conjunto de páginas.
	10	+ div.row.document-header + hr {
	11	+ display: none;
	12	+ }
	13	+ </style>
	14	+ {{/html}}
	15	+#end
	16	+{{/velocity}}
4	4
5		-XWiki se puede utilizar como base de conocimiento (soporte, documentación, ventas, etc.), para espacios de trabajo colaborativo o incluso como una intranet completa.
6	6
7		-== Lo básico ==
	19	+{{velocity}}
8	8
9		-Para sacar el máximo provecho de tu wiki, inicia sesión y:
	21	+#set ($total = $services.query.hql(
	22	+ "select count(doc.fullName) from XWikiDocument doc where doc.translation = 0 and doc.hidden = false and doc.space <> 'XWiki'"
	23	+).execute().get(0))
10	10
11		-Utiliza el botón {{displayIcon name="pencil"/}} de arriba para //editar// esta página y empezar a personalizar la wiki según tus necesidades.
	25	+{{html clean="false"}}
	26	+<style>
	27	+ :root{
	28	+ --primary:#0a4980; --primary-600:#0c5aa0; --accent:#f5c542;
	29	+ --bg:#f6f7fb; --card:#fff; --muted:#6b7280; --ring: rgba(10,73,128,.15);
	30	+ --radius:16px; --shadow:0 4px 14px rgba(0,0,0,.08);
	31	+ --menu-bg:#383838; --menu-bg-hover:#2c2c2c;
	32	+ --link:#0a66ff; --link-hover:#084bd1;
	33	+ --heading:#0a4980;
	34	+ }
	35	+ body{ margin:0; background:var(--bg); }
12	12
13		-Utiliza el botón {{displayIcon name="add"/}} de arriba para //añadir// más páginas a tu wiki y crear así la //jerarquía// que en la que mejor se organice tu contenido.
14	14
15		-Utiliza las {{displayIcon name="home"/}} pistas del historial de navegación o "breadcrumbs" situadas encima del título para //navegar// dentro desde tus páginas. Sin ellas, es fácil perderse en una wiki grande.
16	16
17		-Además, puedes acceder a la [[Zona de Pruebas>>Sandbox.WebHome]] para ver ejemplos de uso de la wiki y, en general, como un lugar donde experimentar con sus funcionalidades.
	39	+ .sw-card{ background:var(--card); border:1px solid var(--ring); border-radius:var(--radius); box-shadow:var(--shadow); padding:16px; }
	40	+ .sw-card h3{ margin:0 0 10px 0; font-size:18px; color:var(--heading); }
18	18
19		-{{box}}
20		-Aprende más sobre cómo utilizar XWiki con la [[Guía de Introducción>>https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/WebHome]].
21		-{{/box}}
	42	+ a{ color:var(--link); text-decoration:none; }
	43	+ a:hover{ color:var(--link-hover); text-decoration:underline; }
22	22
23		-(% class="row" %)
24		-(((
25		-(% class="col-xs-12 col-sm-6" %)
26		-(((
27		-== Ampliando tu wiki ==
28	28
29		-Para aumentar la potencia y las funciones de tu wiki con las funcionalidades que //tu// necesitas, accede al [[Administrador de Extensiones>>XWiki.XWikiPreferences||queryString="editor=globaladmin&section=XWiki.Extensions"]] donde puedes buscar e instalar extensiones.
30	30
31		-Para navegar por las más de 900 extensiones proporcionadas por la comunidad disponibles para XWiki, accede al [[repositorio de extensiones>>https://extensions.xwiki.org]].
32		-)))
	47	+ /* Centro (nuevo hero sin botones, con párrafo y chip alineada a la izquierda) */
	48	+ .sw-hero{ background:var(--card); border:1px solid var(--ring); border-radius:18px;
	49	+ box-shadow:var(--shadow); padding:20px; display:grid; grid-template-columns:1fr; gap:12px; margin-bottom: 20px;}
	50	+ .sw-hero h2{ margin:0; font-size:24px; color:var(--heading); }
	51	+ .sw-hero p{ margin:0; color:#111827; line-height:1.6; }
	52	+ .sw-chip{ justify-self:start; display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; background:rgba(10,73,128,.07);
	53	+ color:var(--primary-600); font-weight:700; }
33	33
34		-(% class="col-xs-12 col-sm-6" %)
35		-(((
36		-== Crea tu applicación ==
	55	+ /* Explorar por categorías con marco e icono */
	56	+ .cat-wrap{ display:grid; gap:12px; }
	57	+ .cat-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:12px; }
	58	+ .cat-card{ display:flex; align-items:center; gap:12px; padding:12px; border:1px solid var(--ring); border-radius:14px; background:#fff; }
	59	+ .cat-icon{ font-size:22px; line-height:1; }
	60	+ .cat-title{ font-weight:800; }
37	37
38		-Supera los límites de las extensiones disponibles y define la //estructura// de tus datos basada en //tus// necesidades, creando //tus// propias aplicaciones con [[Aplicación en cuestión de minutos>>AppWithinMinutes]] (ACM).
39	39
40		-ACM se encargará de facilitarte a tí y a tus usuarios la creación y administración de los datos.
41		-)))
42		-)))
	63	+</style>
	64	+
	65	+<div class="sw-center">
	66	+ <section class="sw-hero" aria-label="Introducción">
	67	+ <h2>Bienvenido/a a la web del manual de procedimientos del SAMUR-Protección Civil</h2>
	68	+ <p>
	69	+ Este portal centraliza los procedimientos operativos y asistenciales de SAMUR‑Protección Civil, junto con técnicas, guías y recomendaciones de uso diario.
	70	+ La navegación lateral organiza la información por áreas funcionales para un acceso rápido desde cualquier dispositivo.
	71	+ Cada documento incorpora metadatos, versiones y trazabilidad de cambios.
	72	+ El buscador superior permite localizar contenidos por título, etiquetas y texto completo.
	73	+ La portada destaca accesos frecuentes, novedades y utilidades clave para el trabajo en campo y en coordinación.
	74	+ </p>
	75	+ <div class="sw-chip">Disponibles: $numbertool.format($total) páginas</div>
	76	+ </section>
	77	+
	78	+
	79	+ <section class="sw-card col-12" aria-label="Explorar por categorías">
	80	+ <h3>Explorar por categorías</h3>
	81	+ <div class="cat-wrap">
	82	+ <div class="cat-grid">
	83	+ <a class="cat-card" href="$xwiki.getURL('Procedimientos Administrativos.WebHome')">
	84	+ <span class="cat-icon">🗂️</span>
	85	+ <span class="cat-title">Procedimientos administrativos</span>
	86	+ </a>
	87	+ <a class="cat-card" href="$xwiki.getURL('Procedimientos Operativos.WebHome')">
	88	+ <span class="cat-icon"><img src="$xwiki.getAttachmentURL('Main.WebHome', 'ambulanciaSamur.jpg')" /></span>
	89	+ <span class="cat-title">Procedimientos operativos</span>
	90	+ </a>
	91	+ <a class="cat-card" href="$xwiki.getURL('Procedimientos asistenciales.WebHome')">
	92	+ <span class="cat-icon">🩺</span>
	93	+ <span class="cat-title">Procedimientos asistenciales</span>
	94	+ </a>
	95	+ <a class="cat-card" href="$xwiki.getURL('Técnicas.WebHome')">
	96	+ <span class="cat-icon">🛠️</span>
	97	+ <span class="cat-title">Técnicas</span>
	98	+ </a>
	99	+
	100	+ <a class="cat-card" href="$xwiki.getURL('Intervinientes.WebHome')">
	101	+ <span class="cat-icon">👩‍👩‍👧‍👧</span>
	102	+ <span class="cat-title">Intervinientes</span>
	103	+ </a>
	104	+ <a class="cat-card" href="$xwiki.getURL('Central de Comunicaciones.WebHome')">
	105	+ <span class="cat-icon">🗼</span>
	106	+ <span class="cat-title" style="text-align: left;">Central de Comunicaciones</span>
	107	+ </a>
	108	+
	109	+ </div>
	110	+ </div>
	111	+ </section>
	112	+
	113	+</div>
	114	+{{/html}}
	115	+
	116	+{{/velocity}}