added styling
All checks were successful
Preview / build-deploy (push) Successful in 50s

This commit is contained in:
Stephan Hadan 2025-02-18 12:48:15 +01:00
parent dacdc533da
commit 3ab1c0c119
Signed by: stephan.hadan
GPG key ID: B2F9DCEB3DA700D5
21 changed files with 2244 additions and 0 deletions

View file

@ -0,0 +1,16 @@
<%- include('previous'); %>
<% if (editButton && editButton.url && editButton.label) { %>
<section class="article-footer">
<a href="<%=editButton.url || '' %>" class="edit-button" target="_blank" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path>
</svg>
<span><%=editButton.label%></span>
</a>
<% if (fileStat && fileStat.mtimeStr) { %>
<span class="atime"><%= fileStat.mtimeStr %></span>
<% } %>
</section>
<% } %>

View file

@ -0,0 +1,17 @@
<% if (chapters && chapters.length > 0) {%>
<div class="sidebar-border">
<aside class="sidebar" role="navigation">
<div>
<% chapters.forEach((chapter) => { %>
<% if (chapter.isFolder) { %>
<label><%= chapter.label %></label>
<% } else if (chapter.href && /^https?:\/\//.test(chapter.href)) { %>
<a href="<%= chapter.href %>" target="_blank" class="<%- chapter.active ? 'active' : '' %>"><%= chapter.label %></a>
<% } else { %>
<a href="<%= chapter.href %>" class="<%- chapter.active ? 'active' : '' %>"><%= chapter.label %></a>
<% } %>
<% }) %>
</div>
</aside>
</div>
<% } %>

View file

@ -0,0 +1,10 @@
<% if (footer) { %>
<div class="footer warpper" <%= element.wrapper %>>
<%-footer%>
</div>
<% } %>
<script src="<%= RELATIVE_PATH %>js/tocbot.js?v=<%=idocVersion%>"></script>
</body>
</html>

View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%= title %> <%= site.replace(/<\/?sup>/g, '') %> </title>
<% if (description) { %>
<meta name="description" content="<%= description %>">
<% }%>
<% if (keywords) { %>
<meta name="keywords" content="<%= keywords %>">
<% }%>
<% (meta || []).forEach((val) => { %>
<%- val %>
<% }) %>
<link rel="stylesheet" type="text/css" href="<%= RELATIVE_PATH %>css/main.css?v=<%=idocVersion%>">
<link rel="stylesheet" type="text/css" href="<%= RELATIVE_PATH %>css/tocbot.css?v=<%=idocVersion%>">
<link rel="stylesheet" type="text/css" href="<%= RELATIVE_PATH %>css/media.css?v=<%=idocVersion%>">
<link rel="stylesheet" type="text/css" href="<%= RELATIVE_PATH %>css/sidebar.css?v=<%=idocVersion%>">
<link rel="stylesheet" type="text/css" href="<%= RELATIVE_PATH %>css/copy.css?v=<%=idocVersion%>">
<link rel="stylesheet" type="text/css" href="<%= RELATIVE_PATH %>css/demo-preview.css?v=<%=idocVersion%>">
<% if (favicon.href) { %>
<link rel="icon" href="<%= RELATIVE_PATH %><%=favicon.href%>" type="image/x-icon">
<% } else if (favicon.base64) { %>
<link rel="icon" href="<%=favicon.base64%>" type="image/x-icon">
<% } %>
<script src="<%= RELATIVE_PATH %>js/copy.js?v=<%=idocVersion%>"></script>
<script src="<%= RELATIVE_PATH %>js/dark-mode.js?v=<%=idocVersion%>"></script>
<script src="<%= RELATIVE_PATH %>js/markdown-style.js?v=<%=idocVersion%>"></script>
<script defer src="https://analytics.hadan-it.com/script.js" data-website-id="cdc630d2-d94a-44ff-806e-01dc6cc445f7"></script>
</head>
<body id="idoctotop">
<a href="#idoctotop" class="gototop">top</a>

View file

@ -0,0 +1,29 @@
<header class="header">
<article class="inner warpper" <%= element.wrapper %>>
<a class="logo" href="<%= RELATIVE_PATH %>index.html">
<% if (logo.code) { %>
<%- logo.code %>
<%} else if(logo.href) { %>
<img alt="<%=site%> logo" src="<%= RELATIVE_PATH %><%=logo.href%>">
<%} else if (logo.base64) { %>
<img alt="<%=site%> logo" src="<%=logo.base64%>">
<% } %>
<span class="title"><%-site%></span>
</a>
<div class="content">
<ul class="menu">
<% menus.forEach(function(item) { %>
<li>
<a href="<%= item.url %>" target="<%- item.target || '' %>" class="<%- item.active ? 'active' : '' %>"> <%= item.name %> </a>
</li>
<% }); %>
</ul>
<% if (!!openSource && openSource) { %>
<a href="<%=openSource.url || openSource%>" target="_blank" rel="noopener noreferrer" title="Github" name="Github" class="github">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M439.6 236.1L244 40.5a28.9 28.9 0 0 0 -40.8 0l-40.7 40.6 51.5 51.5c27.1-9.1 52.7 16.8 43.4 43.7l49.7 49.7c34.2-11.8 61.2 31 35.5 56.7-26.5 26.5-70.2-2.9-56-37.3L240.2 199v121.9c25.3 12.5 22.3 41.9 9.1 55a34.3 34.3 0 0 1 -48.6 0c-17.6-17.6-11.1-46.9 11.3-56v-123c-20.8-8.5-24.6-30.7-18.6-45L142.6 101 8.5 235.1a28.9 28.9 0 0 0 0 40.8l195.6 195.6a28.9 28.9 0 0 0 40.8 0l194.7-194.7a28.9 28.9 0 0 0 0-40.8z"/></svg>
</a>
<% } %>
<dark-mode permanent></dark-mode>
</div>
</article>
</header>

View file

@ -0,0 +1,30 @@
<% if ((page.prevPage && page.prevPage.href && page.prevPage.label) || (page.nextPage && page.nextPage.href && page.nextPage.label)) { %>
<div class="previous">
<% if (page.prevPage && page.prevPage.href && page.prevPage.label) { %>
<a class="prev" href="<%= page.prevPage.href %>">
<svg viewBox="0 0 1024 1024" width="16" height="16" fill="currentColor">
<path d="M842.666667 864c-8.533333 0-14.933333-2.133333-21.333334-8.533333l-341.333333-309.333334c-6.4-6.4-10.666667-14.933333-10.666667-23.466666 0-8.533333 4.266667-17.066667 10.666667-23.466667l341.333333-309.333333c12.8-12.8 34.133333-10.666667 44.8 2.133333 12.8 12.8 10.666667 34.133333-2.133333 44.8L548.266667 522.666667l315.733333 285.866666c12.8 10.666667 14.933333 32 2.133333 44.8-6.4 6.4-14.933333 10.666667-23.466666 10.666667z"></path>
<path d="M512 864c-8.533333 0-14.933333-2.133333-21.333333-8.533333L149.333333 546.133333c-6.4-6.4-10.666667-14.933333-10.666666-23.466666 0-8.533333 4.266667-17.066667 10.666666-23.466667L490.666667 189.866667c12.8-12.8 34.133333-10.666667 44.8 2.133333 12.8 12.8 10.666667 34.133333-2.133334 44.8L217.6 522.666667 533.333333 808.533333c12.8 12.8 14.933333 32 2.133334 44.8-6.4 6.4-14.933333 10.666667-23.466667 10.666667z"></path>
</svg>
<span>
<%= page.prevPage.label %>
</span>
</a>
<% } else { %>
<span></span>
<% } %>
<% if (page.nextPage && page.nextPage.href && page.nextPage.label) { %>
<a class="next" href="<%= page.nextPage.href %>">
<span>
<%= page.nextPage.label %>
</span>
<svg viewBox="0 0 1024 1024" width="16" height="16" fill="currentColor">
<path d="M544 522.666667c0-8.533333-4.266667-17.066667-10.666667-23.466667L192 189.866667c-12.8-12.8-34.133333-10.666667-44.8 2.133333-12.8 12.8-10.666667 34.133333 2.133333 44.8l315.733334 285.866667L149.333333 808.533333c-12.8 12.8-14.933333 32-2.133333 44.8 6.4 6.4 14.933333 10.666667 23.466667 10.666667 8.533333 0 14.933333-2.133333 21.333333-8.533333l341.333333-309.333334c6.4-6.4 10.666667-14.933333 10.666667-23.466666z"></path>
<path d="M864 499.2l-341.333333-309.333333c-12.8-12.8-34.133333-10.666667-44.8 2.133333-12.8 12.8-10.666667 34.133333 2.133333 44.8l315.733333 285.866667-315.733333 285.866666c-12.8 12.8-14.933333 32-2.133333 44.8 6.4 6.4 14.933333 10.666667 23.466666 10.666667 8.533333 0 14.933333-2.133333 21.333334-8.533333l341.333333-309.333334c6.4-6.4 10.666667-14.933333 10.666667-23.466666 0-8.533333-4.266667-17.066667-10.666667-23.466667z"></path>
</svg>
</a>
<% } else { %>
<span></span>
<% } %>
</div>
<% } %>

View file

@ -0,0 +1,49 @@
<% if (tocsTree && tocsTree.length > 0) { %>
<nav class="tocs">
<aside class="inner toc">
<ol class="tocs-list">
<% tocsTree.forEach((level2) => { %>
<li>
<a href="#<%= level2.href %>" class="tocs-link"><%= level2.label %></a>
<% if (level2.children && level2.children.length > 0) { %>
<ol class="tocs-list is-collapsed">
<% level2.children.forEach((level3) => { %>
<li>
<a href="#<%= level3.href %>" class="tocs-link"><%= level3.label %></a>
<% if (level3.children && level3.children.length > 0) { %>
<ol class="tocs-list is-collapsed">
<% level3.children.forEach((level4) => { %>
<li>
<a href="#<%= level4.href %>" class="tocs-link"><%= level4.label %></a>
<% if (level4.children && level4.children.length > 0) { %>
<ol class="tocs-list is-collapsed">
<% level4.children.forEach((level5) => { %>
<li>
<a href="#<%= level5.href %>" class="tocs-link"><%= level5.label %></a>
<% if (level5.children && level5.children.length > 0) { %>
<ol class="tocs-list is-collapsed">
<% level5.children.forEach((level6) => { %>
<li>
<a href="#<%= level6.href %>" class="tocs-link"><%= level6.label %></a>
</li>
<% }) %>
</ol>
<% }%>
</li>
<% }) %>
</ol>
<% }%>
</li>
<% }) %>
</ol>
<% }%>
</li>
<% }) %>
</ol>
<% }%>
</li>
<% }) %>
</ol>
</aside>
</nav>
<% } %>