Skip to content

A
archivarius
Commit 2648a6e8 authored by AK's avatar AK
Browse files
Options

add fonst

parent 56d86da7
Hide whitespace changes
Inline Side-by-side
Showing with 218 additions and 20 deletions
frontend/main.js
View file @ 2648a6e8
//styles
import './styles/fonts.css'
import './styles/reset.css'
import './styles/main.css'
import './styles/tabs.css'
......
frontend/styles/fonts.css 0 → 100644
View file @ 2648a6e8
@font-face {
font-family: 'Vezitsa';
src: url('/lib/tpl/ak/frontend/assets/fonts/Vezitsa.woff2') format('woff2'),
url('/lib/tpl/ak/frontend/assets/fonts/Vezitsa.woff') format('woff'),
url('/lib/tpl/ak/frontend/assets/fonts/Vezitsa.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
frontend/styles/main.css
View file @ 2648a6e8
/* Общие стили для всего сайта */
html, body {
height: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
body {
font-family: sans-serif;
background-color: var(--background, #fbf5ea);
color: var(--text, #333333);
margin: 0;
padding: 0;
line-height: 1.6;
}
header {
display: flex;
background: var(--widget-bg, #fff);
color: #333333;
padding: 10px 20px;
}
header h1 {
margin: 0;
font-size: 1.3rem;
}
header nav {
float: right;
}
header a {
color: #333333;
text-decoration: none;
}
header a:hover {
text-decoration: underline;
}
.logo{
font-family: Vezitsa;
font-size: 1.8rem;
}
.logo-img{
width: 80px;
}
.footer_logo{
font-family: Vezitsa;
font-size: 1.2rem;
}
.toc a{
color: #18530B;
}
/* Основной контент */
main {
display: flex;
margin: 20px;
flex: 1; /* Занимает всё доступное пространство между header и footer */
}
aside {
width: 250px;
padding-right: 20px;
}
.content {
flex-grow: 1;
}
/* Стили для ссылок */
a {
color: var(--link, #18530B);
text-decoration: none;
}
a:hover {
color: var(--link_hover, #003f7f);
}
.sectionedit1{
position: relative; /* Обеспечивает правильное позиционирование псевдоэлементов */
padding: 10px; /* Добавляет отступы для содержимого */
font-size: 1.5rem;
font-weight: bold;
text-align: center;
margin-top: 0;
}
.sectionedit1::before {
content: '';
display: block; /* Для правильного отображения SVG */
width: 500px; /* Ширина SVG */
height: 50px; /* Высота SVG */
background-image: url('/lib/tpl/ak/frontend/assets/imgs/long_dividers.svg'); /* Путь к вашему SVG */
background-size: contain; /* Масштабирование изображения */
background-repeat: no-repeat; /* Без повторений */
margin: 10px auto 0; /* Отступ сверху и центровка */
}
.sectionedit1::after {
content: '';
display: block; /* Для правильного отображения SVG */
width: 500px; /* Ширина SVG */
height: 50px; /* Высота SVG */
background-image: url('/lib/tpl/ak/frontend/assets/imgs/long_dividers.svg'); /* Путь к вашему SVG */
background-size: contain; /* Масштабирование изображения */
background-repeat: no-repeat; /* Без повторений */
margin: 10px auto 0; /* Отступ сверху и центровка */
}
p{
margin-top: 12px;
}
/* Футер */
footer {
background-color: #333;
color: white;
text-align: center;
padding: 10px;
margin-top: 20px;
}
footer p {
margin: 0;
}
/* Адаптивный дизайн для мобильных устройств */
@media (max-width: 768px) {
main {
flex-direction: column;
}
aside {
width: 100%;
padding-right: 0;
margin-bottom: 20px;
}
header nav {
float: none;
}
}
main.php
View file @ 2648a6e8
......@@ -9,44 +9,38 @@ include_once('tpl_functions.php');
<html lang="<?php echo $conf['lang']; ?>">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title><?php tpl_pagetitle(); ?> [<?php echo strip_tags($conf['title']); ?>]</title>
<?php tpl_metaheaders(); ?>
<link rel="stylesheet" href="<?php echo tpl_basedir(); ?>design.css" type="text/css">
<meta name="viewport" content="width=device-width,initial-scale=1" />
<?=$frontend_str?>
</head>
<body>
<header>
<header id="dokuwiki__header">
<div class="logo-img"><img src="/lib/tpl/ak/frontend/assets/imgs/logo.png" /></div>
<div class="logo"><a href="<?php echo wl(); ?>">Библиотека Архивариус</a></div>
<div class="header-inner">
<h1><a href="<?php echo wl(); ?>"><?php echo $conf['title']; ?></a></h1>
<nav>
<?php tpl_searchform(); // Форма поиска ?>
<?php if (isset($_SERVER['REMOTE_USER'])): ?>
<a class="button" href="<?php echo wl('doku.php?id=start&do=admin'); ?>">Админка</a>
<a class="button" href="<?php echo wl('doku.php?id=start&do=logout'); ?>">Выйти</a>
<a class="button" href="<?php echo wl('', ['do' => 'admin']); ?>">Админка</a>
<a class="button" href="<?php echo wl('', ['do' => 'logout']); wl('doku.php?id=start&do=logout'); ?>">Выйти</a>
<?php else: ?>
<a class="button" href="<?php echo wl('doku.php?id=start&do=login'); ?>">Войти</a>
<?php endif; ?>
</nav>
</div>
</header>
<main>
<aside>
<h2>Боковая панель</h2>
<ul>
<li><a href="<?php echo wl('start'); ?>">Главная</a></li>
<li><a href="<?php echo wl('page1'); ?>">Страница 1</a></li>
<li><a href="<?php echo wl('page2'); ?>">Страница 2</a></li>
<!-- Добавьте другие ссылки по мере необходимости -->
</ul>
</aside>
<main class="wrapper">
<section class="content">
<?php tpl_content(); // Основной контент ?>
</section>
</main>
<footer>
<p>&copy; <?php echo date('Y'); ?>. Сайт работает на DokuWiki.</p>
<p class="copy">&copy; <?php echo date('Y'); ?> <span class="footer_logo">Библиотека Архивариус</p>
</footer>
</body>
</html>
tpl_functions.php
View file @ 2648a6e8
......@@ -2,6 +2,38 @@
// Fallback script for compatibility with Bootstrap Wrapper and Icons plugins
dbg_deprecated('Upgrade Bootstrap Wrapper and Icons plugins');
define('VITE_ENV', 'dev');
include_once 'tpl/functions.php';
define('VITE_SERVER', 'http://localhost:5173');
define('VITE_ENTRY_POINT', '/main.js');
if ( defined('VITE_ENV') && VITE_ENV === 'dev' ) {
$frontend_str = '<script type="module" crossorigin src="'. VITE_SERVER .'/@vite/client"></script>';
$frontend_str .= '<script type="module" crossorigin src="'. VITE_SERVER . VITE_ENTRY_POINT . '"></script>';
} else {
// Production version
$dist_path = tpl_basedir().'frontend/dist/assets/';
$js_file = $dist_path.'main.js';
$js_version = filemtime(DOKU_INC.$js_file);
$css_file = $dist_path.'style.css';
$css_version = filemtime(DOKU_INC.$css_file);
$frontend_str = '<link rel="stylesheet" href="'.$css_file.'?v='.$css_version.'" type="text/css">';
$frontend_str .= '<script src="'.$js_file.'?v='.$js_version.'"></script>';
}
//include_once 'tpl/functions.php';
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment