luxick/luxtools-template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styling part one

Browse Source
This commit is contained in:
luxick
2026-01-16 14:09:44 +01:00
parent 2a7f123ef2
commit f89ba99587
4 changed files with 353 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
main.php
View File

@@ -20,13 +20,78 @@ $sidebarElement = tpl_getConf('sidebarIsNav') ? 'nav' : 'aside';
<meta charset="UTF-8" />
<title><?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>]</title>
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<link rel="stylesheet" href="<?php echo tpl_basedir(); ?>_vendor/tuicss/dist/tuicss.min.css" />
<script src="<?php echo tpl_basedir(); ?>_vendor/tuicss/dist/tuicss.min.js"></script>
<?php tpl_metaheaders() ?>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<?php echo tpl_favicon(array('favicon', 'mobile')) ?>
<?php tpl_includeFile('meta.html') ?>
</head>
<body>
<body class="luxtools-tv tui-bg-blue-black">
<nav id="luxtools__topbar" class="tui-nav" aria-label="TurboVision top bar">
<div class="luxtools__topbar-inner">
<div class="luxtools__brand">
<?php
$logoUrl = '';
if (function_exists('tpl_getMediaFile')) {
$logoUrl = tpl_getMediaFile(array(':wiki:logo.png', 'logo.png'), false);
}
if (!$logoUrl) {
$logoUrl = ml('logo.png');
}
$brand = '<img class="luxtools__logo" src="'.hsc($logoUrl).'" alt="'.hsc($conf['title']).'" />';
$brand .= '<span class="luxtools__title">'.hsc($conf['title']).'</span>';
tpl_link(wl(), $brand, 'accesskey="h" title="[H]"');
?>
</div>
<div class="luxtools__trace" aria-label="Trace">
<?php if ($conf['breadcrumbs']) { tpl_breadcrumbs(); } ?>
<?php if ($conf['youarehere']) { tpl_youarehere(); } ?>
</div>
<ul class="luxtools__menus">
<li class="tui-dropdown luxtools__menu">
<span class="red-168-text">M</span>enu
<div class="tui-dropdown-content">
<ul>
<li class="luxtools__dropdown-title"><strong><?php echo $lang['site_tools'] ?></strong></li>
<?php
if (file_exists(DOKU_INC . 'inc/Menu/SiteMenu.php')) {
echo (new \dokuwiki\Menu\SiteMenu())->getListItems('action ', false);
} else {
_tpl_sitetools();
}
?>
<?php if ($conf['useacl'] && $showTools): ?>
<div class="tui-black-divider"></div>
<li class="luxtools__dropdown-title"><strong><?php echo $lang['user_tools'] ?></strong></li>
<?php
if (!empty($_SERVER['REMOTE_USER'])) {
echo '<li class="user">';
tpl_userinfo();
echo '</li>';
}
if (file_exists(DOKU_INC . 'inc/Menu/UserMenu.php')) {
echo (new \dokuwiki\Menu\UserMenu())->getListItems('action ', false);
} else {
_tpl_usertools();
}
?>
<?php endif ?>
</ul>
</div>
</li>
</ul>
<div class="luxtools__search">
<?php tpl_searchform() ?>
</div>
</div>
</nav>
<?php /* the "dokuwiki__top" id is needed somewhere at the top, because that's where the "back to top" button/link links to */ ?>
<?php /* tpl_classes() provides useful CSS classes; if you choose not to use it, the 'dokuwiki' class at least
should always be in one of the surrounding elements (e.g. plugins and templates depend on it) */ ?>
@@ -37,74 +102,9 @@ $sidebarElement = tpl_getConf('sidebarIsNav') ? 'nav' : 'aside';
<header id="dokuwiki__header"><div class="pad">
<?php tpl_includeFile('header.html') ?>
<div class="headings">
<h1><?php tpl_link(wl(),$conf['title'],'accesskey="h" title="[H]"') ?></h1>
<?php /* how to insert logo instead (if no CSS image replacement technique is used):
upload your logo into the data/media folder (root of the media manager) and replace 'logo.png' accordingly:
tpl_link(wl(),'<img src="'.ml('logo.png').'" alt="'.$conf['title'].'" />','id="dokuwiki__top" accesskey="h" title="[H]"') */ ?>
<?php if ($conf['tagline']): ?>
<p class="claim"><?php echo $conf['tagline'] ?></p>
<?php endif ?>
<ul class="a11y skip">
<li><a href="#dokuwiki__content"><?php echo $lang['skip_to_content'] ?></a></li>
</ul>
<div class="clearer"></div>
</div>
<div class="tools">
<!-- USER TOOLS -->
<?php if ($conf['useacl'] && $showTools): ?>
<nav id="dokuwiki__usertools" aria-labelledby="dokuwiki__usertools_heading">
<h3 class="a11y" id="dokuwiki__usertools_heading"><?php echo $lang['user_tools'] ?></h3>
<ul>
<?php if (!empty($_SERVER['REMOTE_USER'])) {
echo '<li class="user">';
tpl_userinfo(); /* 'Logged in as ...' */
echo '</li>';
} ?>
<?php if (file_exists(DOKU_INC . 'inc/Menu/UserMenu.php')) {
/* the first parameter is for an additional class, the second for if SVGs should be added */
echo (new \dokuwiki\Menu\UserMenu())->getListItems('action ', false);
} else {
/* tool menu before Greebo */
_tpl_usertools();
} ?>
</ul>
</nav>
<?php endif ?>
<!-- SITE TOOLS -->
<nav id="dokuwiki__sitetools" aria-labelledby="dokuwiki__sitetools_heading">
<h3 class="a11y" id="dokuwiki__sitetools_heading"><?php echo $lang['site_tools'] ?></h3>
<?php tpl_searchform() ?>
<?php
// mobile menu (combines all menus in one dropdown)
// if (file_exists(DOKU_INC . 'inc/Menu/MobileMenu.php')) {
// echo (new \dokuwiki\Menu\MobileMenu())->getDropdown($lang['tools']);
// } else {
// tpl_actiondropdown($lang['tools']);
// }
?>
<ul>
<?php if (file_exists(DOKU_INC . 'inc/Menu/SiteMenu.php')) {
echo (new \dokuwiki\Menu\SiteMenu())->getListItems('action ', false);
} else {
_tpl_sitetools();
} ?>
</ul>
</nav>
</div>
<div class="clearer"></div>
<!-- BREADCRUMBS -->
<?php if($conf['breadcrumbs']){ ?>
<div class="breadcrumbs"><?php tpl_breadcrumbs() ?></div>
<?php } ?>
<?php if($conf['youarehere']){ ?>
<div class="breadcrumbs"><?php tpl_youarehere() ?></div>
<?php } ?>
<ul class="a11y skip">
<li><a href="#dokuwiki__content"><?php echo $lang['skip_to_content'] ?></a></li>
</ul>
<div class="clearer"></div>
<hr class="a11y" />
@@ -116,9 +116,12 @@ $sidebarElement = tpl_getConf('sidebarIsNav') ? 'nav' : 'aside';
<!-- ********** ASIDE ********** -->
<?php if ($showSidebar): ?>
<<?php echo $sidebarElement ?> id="dokuwiki__aside" aria-label="<?php echo $lang['sidebar'] ?>"><div class="pad aside include group">
<?php tpl_includeFile('sidebarheader.html') ?>
<?php tpl_include_page($conf['sidebar'], 1, 1) /* includes the nearest sidebar page */ ?>
<?php tpl_includeFile('sidebarfooter.html') ?>
<fieldset class="tui-fieldset luxtools__sidebar-fieldset">
<legend><?php echo $lang['sidebar'] ?></legend>
<?php tpl_includeFile('sidebarheader.html') ?>
<?php tpl_include_page($conf['sidebar'], 1, 1) /* includes the nearest sidebar page */ ?>
<?php tpl_includeFile('sidebarfooter.html') ?>
</fieldset>
<div class="clearer"></div>
</div></<?php echo $sidebarElement ?>><!-- /aside -->
<?php endif; ?>
@@ -130,7 +133,10 @@ $sidebarElement = tpl_getConf('sidebarIsNav') ? 'nav' : 'aside';
<div class="page">
<!-- wikipage start -->
<?php tpl_content() /* the main content */ ?>
<fieldset class="tui-fieldset luxtools__page-fieldset">
<legend class="center"><?php echo hsc($ID); ?></legend>
<?php tpl_content() /* the main content */ ?>
</fieldset>
<!-- wikipage stop -->
<div class="clearer"></div>
</div>
@@ -144,7 +150,7 @@ $sidebarElement = tpl_getConf('sidebarIsNav') ? 'nav' : 'aside';
<!-- PAGE ACTIONS -->
<?php if ($showTools): ?>
<nav id="dokuwiki__pagetools" aria-labelledby="dokuwiki__pagetools_heading">
<nav id="dokuwiki__pagetools" class="tui-statusbar" aria-labelledby="dokuwiki__pagetools_heading">
<h3 class="a11y" id="dokuwiki__pagetools_heading"><?php echo $lang['page_tools'] ?></h3>
<ul>
<?php if (file_exists(DOKU_INC . 'inc/Menu/PageMenu.php')) {