Перейти к содержимому

Изменения документа Home

Редактировал(а) root_xwiki 2025/10/29 08:16
От версии 2.1
отредактировано root_xwiki
на 2025/10/08 05:26
Изменить комментарий: К данной версии нет комментариев
К версии 5.1
отредактировано root_xwiki
на 2025/10/08 10:17
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -1,40 +1,207 @@
1 -== Добро пожаловать в вашу вики ==
1 +{{html clean="false" inline="true"}}
2 +<div class="corporate-dashboard">
3 + <!-- Header: фон на всю ширину, контент в контейнере -->
4 + <header class="header-full">
5 + <div class="container header-content">
6 + <div class="header-row">
7 + <div class="header-logo">
8 + <img src="/bin/download/%D0%A2%D0%B5%D1%81%D1%82%20%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%BE%D0%B9%20%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B/WebHome/tca.png" alt="Логотип TCAX" style="max-height: 60px; width: auto;">
9 + </div>
10 + <div class="header-text">
11 + <h1 style="margin: 0 0 0.25rem; font-size: 2rem; font-weight: bold; color: white;">ООО "Тверьспецавтохозяйство"</h1>
12 + <p style="margin: 0; font-size: 1.1rem; color: white; font-weight: 300;">Корпоративный портал инструкций и справочников</p>
13 + </div>
14 + </div>
15 + </div>
16 + </header>
2 2  
3 -XWiki - это лучший инструмент для организации ваших знаний. //Вики// организована как иерархия //страниц//. Вы можете создать несколько вики, каждая из которых будет иметь собственный набор страниц.
18 + <!-- Сетка карточек -->
19 + <main class="container main-content">
20 + <div class="cards-row">
21 + <!-- Служба охраны труда -->
22 + <div class="card-col">
23 + <div class="dept-card">
24 + <div class="card-body-center">
25 + <div class="icon-circle icon-blue">
26 + <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMDA3YmZmIiBkPSJNNDgwIDI4OEMzMjAgMjU2IDE5MiAyNTYgMzIgMjg4Vjk2YzAtMzUuMyAyOC43LTY0IDY0LTY0aDMyMGMzNS4zIDAgNjQgMjguNyA2NCA2NHYxOTJ6TTMyIDMyMFY0MTZjMCAxNy43IDE0LjMgMzIgMzIgMzJoMzg0YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjMyMGMtMTYwLTMyLTI4OC0zMi00NDggMHpNMzIwIDk2VjY0YzAtMzUuMy0yOC43LTY0LTY0LTY0cy02NCAyOC43LTY0IDY0djMyaDEyOHptLTY0IDMyYy0xNy43IDAtMzItMTQuMy0zMi0zMlY2NGMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMydjMyYzAgMTcuNy0xNC4zIDMyLTMyIDMyeiIvPjwvc3ZnPg==" alt="Каска" style="width: 48px; height: 48px;">
27 + </div>
28 + <h3 style="font-size: 1.3rem; font-weight: 600; color: #333; margin: 1rem 0 0.75rem;">Служба охраны труда</h3>
29 + <p style="font-size: 0.95rem; color: #6c757d; margin-bottom: 1.5rem; flex-grow: 1;">Инструкции по безопасности, нормам охраны труда и профилактике рисков на производстве.</p>
30 + <a href="/bin/view/%D0%A1%D0%BB%D1%83%D0%B6%D0%B1%D0%B0%20%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D1%8B%20%D1%82%D1%80%D1%83%D0%B4%D0%B0" class="btn-dept btn-blue">Открыть инструкции</a>
31 + </div>
32 + </div>
33 + </div>
4 4  
5 -XWiki может быть использована как база знаний (тех.поддержка, документация, продажи, и т.д.), совместное рабочее пространство или даже как полноценный интранет.
35 + <!-- Отдел персонала -->
36 + <div class="card-col">
37 + <div class="dept-card">
38 + <div class="card-body-center">
39 + <div class="icon-circle icon-green">
40 + <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBmaWxsPSIjMjhhNzQ1IiBkPSJNMTQ0IDBhODAgODAgMCAxIDEgMCAxNjBBODAgODAgMCAxIDEgMTQ0IDB6TTUxMiAwYTgwIDgwIDAgMSAxIDAgMTYwQTgwIDgwIDAgMSAxIDUxMiAwek0wIDI5OC43QzAgMjM5LjggNDcuOCAxOTIgMTA2LjcgMTkyaDQyLjdjMTUuOSAwIDMxIDMuNSA0NC42IDkuNy0xLjMgNy4yLTEuOSAxNC43LTEuOSAyMi4zYzAgMzguMiAxNi44IDcyLjUgNDMuMyA5NmMtLjIgMC0uNCAwLS43IDBIMjEuM0M5LjYgMzIwIDAgMzEwLjQgMCAyOTguN3pNNDA1LjMgMzIwYy0uMiAwLS40IDAtLjcgMGMyNi42LTIzLjUgNDMuMy01Ny44IDQzLjMtOTZjMC03LjYtLjctMTUtMS45LTIyLjNjMTMuNi02LjMgMjguNy05LjcgNDQuNi05LjdoNDIuN0M1OTIuMiAxOTIgNjQwIDIzOS44IDY0MCAyOTguN2MwIDExLjgtOS42IDIxLjMtMjEuMyAyMS4zSDQwNS4zek0yMjQgMjI0YTk2IDk2IDAgMSAxIDE5MiAwIDk2IDk2IDAgMSAxIC0xOTIgMHpNMTI4IDQ4NS4zQzEyOCA0MTEuNyAxODcuNyAzNTIgMjYxLjMgMzUySDM3OC43QzQ1Mi4zIDM1MiA1MTIgNDExLjcgNTEyIDQ4NS4zYzAgMTQuNy0xMS45IDI2LjctMjYuNyAyNi43SDE1NC43Yy0xNC43IDAtMjYuNy0xMS45LTI2LjctMjYuN3oiLz48L3N2Zz4=" alt="Пользователи" style="width: 48px; height: 48px;">
41 + </div>
42 + <h3 style="font-size: 1.3rem; font-weight: 600; color: #333; margin: 1rem 0 0.75rem;">Отдел планирования и развития персонала</h3>
43 + <p style="font-size: 0.95rem; color: #6c757d; margin-bottom: 1.5rem; flex-grow: 1;">Руководства по кадровому планированию, обучению и развитию сотрудников.</p>
44 + <a href="/bin/view/%D0%9E%D1%82%D0%B4%D0%B5%D0%BB%20%D0%BF%D0%B5%D1%80%D1%81%D0%BE%D0%BD%D0%B0%D0%BB%D0%B0" class="btn-dept btn-green">Открыть инструкции</a>
45 + </div>
46 + </div>
47 + </div>
6 6  
7 -== Основы ==
49 + <!-- IT отдел -->
50 + <div class="card-col">
51 + <div class="dept-card">
52 + <div class="card-body-center">
53 + <div class="icon-circle icon-cyan">
54 + <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBmaWxsPSIjMTdhMmI4IiBkPSJNMzg0IDk2VjMyMEg2NEw2NCA5NkgzODR6TTY0IDMyQzI4LjcgMzIgMCA2MC43IDAgOTZWMzIwYzAgMzUuMyAyOC43IDY0IDY0IDY0SDE4MS4zbC0xMC43IDMySDE5NmMtMTcuNyAwLTMyIDE0LjMtMzIgMzJzMTQuMyAzMiAzMiAzMkgzNTJjMTcuNyAwIDMyLTE0LjMgMzItMzJzLTE0LjMtMzItMzItMzJIMjc3LjNsLTEwLjctMzJIMzg0YzM1LjMgMCA2NC0yOC43IDY0LTY0Vjk2YzAtMzUuMy0yOC43LTY0LTY0LTY0SDY0em00NjQgMGMtMjYuNSAwLTQ4IDIxLjUtNDggNDhWNDMyYzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDY0YzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjgwYzAtMjYuNS0yMS41LTQ4LTQ4LTQ4SDUyOHptMTYgNjRoMzJjOC44IDAgMTYgNy4yIDE2IDE2cy03LjIgMTYtMTYgMTZINTQ0Yy04LjggMC0xNi03LjItMTYtMTZzNy4yLTE2IDE2LTE2em0tMTYgODBjMC04LjggNy4yLTE2IDE2LTE2aDMyYzguOCAwIDE2IDcuMiAxNiAxNnMtNy4yIDE2LTE2IDE2SDU0NGMtOC44IDAtMTYtNy4yLTE2LTE2em0xNiA0OGgzMmM4LjggMCAxNiA3LjIgMTYgMTZzLTcuMiAxNi0xNiAxNkg1NDRjLTguOCAwLTE2LTcuMi0xNi0xNnM3LjItMTYgMTYtMTZ6Ii8+PC9zdmc+" alt="Ноутбук" style="width: 48px; height: 48px;">
55 + </div>
56 + <h3 style="font-size: 1.3rem; font-weight: 600; color: #333; margin: 1rem 0 0.75rem;">IT отдел</h3>
57 + <p style="font-size: 0.95rem; color: #6c757d; margin-bottom: 1.5rem; flex-grow: 1;">Инструкции по IT-политикам, настройке оборудования и поддержке систем.</p>
58 + <a href="/bin/view/%D0%98%D0%A2%20%D0%9E%D1%82%D0%B4%D0%B5%D0%BB" class="btn-dept btn-cyan">Открыть инструкции</a>
59 + </div>
60 + </div>
61 + </div>
62 + </div>
8 8  
9 -Для максимального использования возможностей вашей вики, авторизуйтесь и:
64 + <!-- Секция помощи -->
65 + <div class="help-section">
66 + <h4 style="color: #007bff; font-size: 1.4rem; margin-bottom: 1rem;">Нужна помощь?</h4>
67 + <p style="color: #6c757d; margin-bottom: 1.5rem;">Свяжитесь с ответственным за подразделение или администратором XWiki для обновления инструкций.</p>
68 + <a href="/bin/view/%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B" class="btn-help">Связаться с поддержкой</a>
69 + </div>
70 + </main>
10 10  
11 -Используйте кнопку {{displayIcon name="pencil"/}} выше, чтобы //править// эту страницу и начать настраивать вики под ваши нужды.
72 + <!-- Footer: фон на всю ширину, контент в контейнере -->
73 + <footer class="footer-full">
74 + <div class="container footer-content">
75 + <p style="margin: 0; color: white;">&copy; 2025 ООО "Тверьспецавтохозяйство". Все права защищены. Разработано для внутреннего использования.</p>
76 + </div>
77 + </footer>
78 +</div>
12 12  
13 -Используйте кнопку {{displayIcon name="add"/}} выше, чтобы //добавить// больше страниц в вашу вики и создать //иерархию//, которая наилучшим образом упорядочит ваш контент.
80 +<style>
81 + * { box-sizing: border-box; }
82 + body { margin: 0; background-color: #f8f9fa; font-family: 'Segoe UI', Tahoma, sans-serif; }
83 +
84 + /* Header: зелёный фон на всю ширину */
85 + .header-full {
86 + background: linear-gradient(135deg, #00A651, #28A745);
87 + width: 100%;
88 + padding: 2rem 0;
89 + margin-bottom: 3rem;
90 + }
91 + .container {
92 + max-width: 1200px;
93 + margin: 0 auto;
94 + padding: 0 15px;
95 + }
96 + .header-row {
97 + display: flex;
98 + align-items: center;
99 + justify-content: center;
100 + gap: 2rem;
101 + }
102 + .header-logo { flex-shrink: 0; }
103 + .header-text { text-align: center; }
104 +
105 + /* Карточки отделов */
106 + .main-content { margin: 3rem auto; }
107 + .cards-row {
108 + display: flex;
109 + flex-wrap: wrap;
110 + gap: 1.5rem;
111 + justify-content: center;
112 + margin-bottom: 3rem;
113 + }
114 + .card-col {
115 + flex: 0 0 calc(33.333% - 1rem);
116 + max-width: calc(33.333% - 1rem);
117 + }
118 + .dept-card {
119 + background: white;
120 + border: 1px solid #e9ecef;
121 + border-radius: 0.5rem;
122 + padding: 2rem 1.5rem;
123 + box-shadow: 0 2px 4px rgba(0,0,0,0.075);
124 + transition: transform 0.3s, box-shadow 0.3s;
125 + height: 100%;
126 + }
127 + .dept-card:hover {
128 + transform: translateY(-8px);
129 + box-shadow: 0 12px 30px rgba(0,166,81,0.2);
130 + }
131 + .card-body-center {
132 + display: flex;
133 + flex-direction: column;
134 + align-items: center;
135 + text-align: center;
136 + height: 100%;
137 + }
138 + .icon-circle {
139 + width: 90px;
140 + height: 90px;
141 + border-radius: 50%;
142 + display: flex;
143 + align-items: center;
144 + justify-content: center;
145 + border: 2px solid rgba(0,166,81,0.15);
146 + }
147 + .icon-blue { background-color: rgba(0,123,255,0.1); }
148 + .icon-green { background-color: rgba(40,167,69,0.1); }
149 + .icon-cyan { background-color: rgba(23,162,184,0.1); }
150 +
151 + .btn-dept {
152 + display: inline-block;
153 + padding: 0.6rem 1.8rem;
154 + border-radius: 50rem;
155 + color: white;
156 + text-decoration: none;
157 + font-weight: 500;
158 + transition: all 0.3s;
159 + }
160 + .btn-blue { background-color: #007bff; }
161 + .btn-green { background-color: #28a745; }
162 + .btn-cyan { background-color: #17a2b8; }
163 + .btn-dept:hover { opacity: 0.9; transform: scale(1.05); }
164 +
165 + /* Секция помощи */
166 + .help-section {
167 + text-align: center;
168 + background-color: #f8f9fa;
169 + padding: 2.5rem 2rem;
170 + border-radius: 0.5rem;
171 + border: 1px solid #e9ecef;
172 + }
173 + .btn-help {
174 + display: inline-block;
175 + padding: 0.6rem 1.8rem;
176 + border-radius: 50rem;
177 + color: #007bff;
178 + border: 2px solid #007bff;
179 + background-color: transparent;
180 + text-decoration: none;
181 + font-weight: 500;
182 + transition: all 0.3s;
183 + }
184 + .btn-help:hover { background-color: #007bff; color: white; }
185 +
186 + /* Footer: чёрный фон на всю ширину */
187 + .footer-full {
188 + background-color: #212529;
189 + width: 100%;
190 + padding: 1.5rem 0;
191 + margin-top: 3rem;
192 + }
193 + .footer-content { text-align: center; }
194 +
195 + /* Адаптивность */
196 + @media (max-width: 1200px) {
197 + .card-col { flex: 0 0 calc(50% - 1rem); max-width: calc(50% - 1rem); }
198 + }
199 + @media (max-width: 768px) {
200 + .card-col { flex: 0 0 100%; max-width: 100%; }
201 + .header-row { flex-direction: column; gap: 1rem; }
202 + .header-text h1 { font-size: 1.5rem; }
203 + .dept-card { padding: 1.5rem 1rem; }
204 + }
205 +</style>
206 +{{/html}}
14 14  
15 -Используйте {{displayIcon name="home"/}} навигационные цепочки расположенные над заголовком для //навигации// по вашим страницам. Легко потеряться в большой вики без них.
16 -
17 -Вы также можете использовать [[Песочницу>>Sandbox.WebHome]] для большего количества демо-контента и в целом как место для экспериментов с возможностями вашей вики.
18 -
19 - {{box}}Узнайте больше о том, как использовать XWiki из [[Getting Started Guide>>https://www.xwiki.org/xwiki/bin/view/Documentation/UserGuide/GettingStarted/WebHome]].{{/box}}
20 -
21 -(% class="row" %)
22 -(((
23 -(% class="col-xs-12 col-sm-6" %)
24 -(((
25 -== Расширьте свою вики ==
26 -
27 -Чтобы дополнить возможности и функциональность вики необходимыми //вам// функциями, перейдите к [[Менеджеру расширений>>XWiki.XWikiPreferences||queryString="editor=globaladmin&section=XWiki.Extensions"]], где вы сможете найти и установить расширения.
28 -
29 -Для просмотра более 900 созданных сообществом расширений для XWiki, перейдите в [[Репозиторий расширений>>https://extensions.xwiki.org]].
30 -)))
31 -
32 -(% class="col-xs-12 col-sm-6" %)
33 -(((
34 -== Создайте своё приложение ==
35 -
36 -Выйдите за пределы доступных расширений и определите //структуру// данных на основе //ваших// потребностей, создавайте //ваши// собственные приложения через [[Приложение за несколько минут>>AppWithinMinutes]].
37 -
38 -Приложение за несколько минут позаботится о том, чтобы вам и вашим пользователям было легко создавать данные и управлять ими.
39 -)))
40 -)))