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

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

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

Сводка

Подробности

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