AvalonDocumentationEngine/views/index.ejs
2023-01-05 18:17:51 -06:00

80 lines
No EOL
3.1 KiB
Text

<!DOCTYPE html>
<html class="<%- pageData.tags.join(' ') %>">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/a/system/main.css">
<link rel="stylesheet" href="/a/system/page.css">
<link rel="stylesheet" href="/assets/theme.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Montserrat:wght@800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,500,1,200" />
<noscript><style> .ois { display: none }</style></noscript>
</head>
<body>
<div id="header">
<button class="menubutton material-symbols-outlined" onclick="toggleSidebar()">toc</button>
<span class="title">
<span class="<%- allPages.documentationData.shortName.length !== 0 ? "hideonmobile" : "" %>">
<%- allPages.documentationData.name[0] ?? "No-name" %>
<span class="hideonmobile">
<%- allPages.documentationData.name[1] ?? "" %>
</span>
<%- allPages.documentationData.name[2] ?? "" %>
<span class="hideonmobile">
<%- allPages.documentationData.name[3] ?? "" %>
</span>
</span>
<span class="<%- allPages.documentationData.shortName.length !== 0 ? "showonmobile" : "" %>"><%- allPages.documentationData.shortName ?? "" %></span>
</span>
</div>
<div id="body">
<div id="sidebar">
<div id="sbheader">
<input type="text" id="searchbar" class="ois" placeholder="Type here to search..." />
<button class="overinput ois"></button>
<button class="clearinput ois material-symbols-outlined">clear</button>
</div>
<div id="searchNodes">
<% Object.entries(allPages.pages).forEach(function([name, data]){ %>
<%- include('system/fullwidth', {
name,
data,
allPages,
redirect:false
}); %>
<% }); %>
<% Object.entries(allPages.redirects).forEach(function([name, data]){ %>
<%- include('system/fullwidth', {
name,
data,
allPages,
redirect:true
}); %>
<% }); %>
</div>
</div>
<div id="index">
<div id="inheader">
<span id="headertext"><%- pageName.replace(/_/g, " ") %></span>
<div class="taglist">
<% pageData.tags.forEach(function(tag){ %>
<%- include("system/tag", {
allPages,
tag
}) %>
<% }); %>
</div>
</div>
<div id="page">
<%- include(pageData.location); %>
</div>
</div>
</div>
<script src="/a/system/searchNodes.js"></script>
<script src="/a/system/sidebar.js"></script>
</body>
</html>