658 lines
28 KiB
HTML
658 lines
28 KiB
HTML
<!DOCTYPE html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<html lang="en-us" dir="ltr"><head>
|
|
<meta name="generator" content="Hugo 0.148.2"><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
<meta charset="utf-8" />
|
|
<title>Federated Computer Enterprise</title>
|
|
<meta name="robots" content="noindex">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="A Lightweight, Modern Documentation Theme for Hugo" />
|
|
<meta name="keywords" content="Documentation, Hugo, Hugo Theme, Bootstrap" />
|
|
<meta name="author" content="Colin Wilson - Lotus Labs" />
|
|
<meta name="email" content="support@aigis.uk" />
|
|
<meta name="website" content="https://lotusdocs.dev" />
|
|
<meta name="Version" content="v0.1.0" />
|
|
|
|
<link rel="icon" href="http://localhost:1313/favicon.ico" sizes="any">
|
|
<link rel="icon" type="image/svg+xml" href="http://localhost:1313/favicon.svg">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="http://localhost:1313/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="http://localhost:1313/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="http://localhost:1313/favicon-16x16.png">
|
|
<link rel="manifest" crossorigin="use-credentials" href="http://localhost:1313/site.webmanifest">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com/" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css?family=Inter:300,400,600,700|Fira+Code:500,700&display=block" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" href="/scss/style.css" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/js/bootstrap.js" defer></script>
|
|
|
|
|
|
|
|
<script type="text/javascript" src="http://localhost:1313/js/image-compare.js" ></script>
|
|
</head><body>
|
|
<div>
|
|
<header id="topnav">
|
|
<div class="container d-flex justify-content-between align-items-center">
|
|
|
|
<a class="logo" aria-label="Home" href='/'>
|
|
|
|
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250"><path d="m143,39.5c-18,0-18,18-18,18,0,0,0-18-18-18H22c-2.76,0-5,2.24-5,5v143c0,2.76,2.24,5,5,5h76c7.2,0,8.64,11.52,8.93,16.13.07,1.05.95,1.87,2,1.87h32.14c1.06,0,1.94-.82,2-1.87.29-4.61,1.73-16.13,8.93-16.13h76c2.76,0,5-2.24,5-5V44.5c0-2.76-2.24-5-5-5h-85Zm63,123.5c0,1.38-1.12,2.5-2.5,2.5h-60.5c-18,0-18,18-18,18,0,0,0-18-18-18h-60.5c-1.38,0-2.5-1.12-2.5-2.5v-94c0-1.38,1.12-2.5,2.5-2.5h51.5c7.2,0,8.64,11.52,8.93,16.13.07,1.05.95,1.87,2,1.87h32.14c1.06,0,1.94-.82,2-1.87.29-4.61,1.73-16.13,8.93-16.13h51.5c1.38,0,2.5,1.12,2.5,2.5v94Z" style="fill:#06f;"/></svg>
|
|
|
|
</a>
|
|
|
|
|
|
<div class="d-flex align-items-center">
|
|
|
|
<div id="navigation">
|
|
|
|
<ul class="navigation-menu nav-right">
|
|
<li><a href="/docs/">Documentation</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
<ul class="social-link d-flex list-inline mb-0">
|
|
|
|
|
|
<li class="list-inline-item mb-0">
|
|
<a href=" https://twitter.com/x.com/federatedcore " alt="twitter" rel="noopener noreferrer" target="_blank">
|
|
<div class="btn btn-icon btn-landing border-0">
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Twitter / X</title><path d="M.088.768l9.266,12.39L.029,23.231h2.1l8.163-8.819,6.6,8.819h7.142L14.242,10.145,22.921.768h-2.1L13.3,8.891,7.229.768ZM3.174,2.314H6.455L20.942,21.685h-3.28Z" fill="currentColor"/></svg>
|
|
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<div class="menu-extras ms-3 me-2">
|
|
<div class="menu-item">
|
|
|
|
<button class="navbar-toggle btn btn-icon btn-soft-light" id="isToggle" aria-label="toggleMenu" onclick="toggleMenu()">
|
|
<div class="lines">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</button>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
<div class="mb-4" id="content">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
.hero {
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
background-image: url("/images/templates/hero/gradient-desktop.webp");
|
|
}
|
|
|
|
|
|
|
|
|
|
background-image: url("/images/templates/hero/gradient-mobile.webp");
|
|
|
|
|
|
}
|
|
</style>
|
|
|
|
<section id="hero" class="d-table w-100 overflow-hidden hero">
|
|
<div class="container">
|
|
<div class="row mt-5 align-items-center">
|
|
|
|
<div class="col-lg-6 col-md-6">
|
|
<div class="title-heading">
|
|
|
|
<span class="badge bg-soft-primary mb-1">v1.0</span>
|
|
|
|
<h4 class="heading mt-0 mb-3">
|
|
|
|
Federated Enterprise
|
|
</h4>
|
|
|
|
<p class="para-desc text-muted mb-0">Everything you need to know about Federated Computer’s Enterprise offerings to help you bring the best open-source SaaS software to your customers.</p>
|
|
|
|
|
|
<div class="mt-3">
|
|
|
|
<a href="/docs/quickstart/#create-a-new-lotus-docs-site" class="btn btn-lg btn-primary me-2 mt-2">
|
|
|
|
<span class="material-icons align-middle">rocket_launch</span>
|
|
|
|
|
|
Get Started
|
|
|
|
</a>
|
|
|
|
|
|
<a href="https://github.com/colinwilson/lotusdocs" class="btn btn-lg btn-outline-primary mt-2">
|
|
|
|
<span class="material-icons align-middle">construction</span>
|
|
|
|
|
|
In Development
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6 col-md-6 mt-4 pt-4 mt-sm-0 pt-sm-0">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ms-lg-4">
|
|
<div class="classic-hero-image">
|
|
|
|
|
|
|
|
<img src="/images/scanner_hu_5479bdfd87e60c29.webp" class="shadow-lg mx-auto d-block rounded-top-4" width="1183" height="780" alt="Core Scanner">
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section id="featureGrid">
|
|
<div class="container mt-100 mt-60">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 text-center">
|
|
<div class="section-title">
|
|
|
|
<h4 class="title fw-bold mb-4">Why Choose Federated Computer?</h4>
|
|
|
|
|
|
<p class="text-muted para-desc mb-4 pb-2 mx-auto">Lotus Docs is a highly configurable Hugo documentation theme. Yet, with the default configuration you can deploy and publish your documentation site in a matter of minutes. Check out some core features below.</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 col-12">
|
|
<div class="d-flex features feature-primary p-3">
|
|
<div class="icon text-center rounded-3 text-primary me-3">
|
|
<i class="material-icons align-middle h4 mb-0">speed</i>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h4 class="title">Fast</h4>
|
|
<p class="text-muted para mb-0">4 x 100’s score on Google Lighthouse by default. Lotus Docs removes unused CSS, prefetches asset links, and lazy loads content images.</p>
|
|
|
|
<div class="mt-2">
|
|
<a href="/docs/" class="mt-3 h6 text-primary">learn more <i class="material-icons align-top">chevron_right</i></a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4 col-12">
|
|
<div class="d-flex features feature-primary p-3">
|
|
<div class="icon text-center rounded-3 text-primary me-3">
|
|
<i class="material-icons align-middle h4 mb-0">trending_up</i>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h4 class="title">SEO Friendly</h4>
|
|
<p class="text-muted para mb-0">Data is automatically structured to be SEO friendly. Includes Meta tags, Opengraph, and Twitter cards. Choose the settings that best suit you.</p>
|
|
|
|
<div class="mt-2">
|
|
<a href="/docs/" class="mt-3 h6 text-primary">learn more <i class="material-icons align-top">chevron_right</i></a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4 col-12">
|
|
<div class="d-flex features feature-primary p-3">
|
|
<div class="icon text-center rounded-3 text-primary me-3">
|
|
<i class="material-icons align-middle h4 mb-0">lock</i>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h4 class="title">Secure by default</h4>
|
|
<p class="text-muted para mb-0">Lotus Docs’ default configuration scores A+ on Mozilla Observatory. You can update the default Security Headers to suit your requirements.</p>
|
|
|
|
<div class="mt-2">
|
|
<a href="/docs/" class="mt-3 h6 text-primary">learn more <i class="material-icons align-top">chevron_right</i></a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4 col-12">
|
|
<div class="d-flex features feature-primary p-3">
|
|
<div class="icon text-center rounded-3 text-primary me-3">
|
|
<i class="material-icons align-middle h4 mb-0">settings</i>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h4 class="title">Optional Features</h4>
|
|
<p class="text-muted para mb-0">Many Lotus Docs features are configurable via optional parameters. Require DocSearch for your site? Then enable it via a single setting.</p>
|
|
|
|
<div class="mt-2">
|
|
<a href="/docs/" class="mt-3 h6 text-primary">learn more <i class="material-icons align-top">chevron_right</i></a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4 col-12">
|
|
<div class="d-flex features feature-primary p-3">
|
|
<div class="icon text-center rounded-3 text-primary me-3">
|
|
<i class="material-icons align-middle h4 mb-0">change_history</i>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h4 class="title">Deploy to Vercel</h4>
|
|
<p class="text-muted para mb-0">Deploy to Vercel in seconds. Vercel Functions, Vercel Redirects/Rewrites, and Vercel Headers are all configurable for an enriched experience.</p>
|
|
|
|
<div class="mt-2">
|
|
<a href="/docs/" class="mt-3 h6 text-primary">learn more <i class="material-icons align-top">chevron_right</i></a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4 col-12">
|
|
<div class="d-flex features feature-primary p-3">
|
|
<div class="icon text-center rounded-3 text-primary me-3">
|
|
<i class="material-icons align-middle h4 mb-0">dark_mode</i>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h4 class="title">Dark Mode</h4>
|
|
<p class="text-muted para mb-0">Prefer not to be blasted by the sun while reading? Switch to a low-light UI with the click of a button. Modify colour variables to match your branding.</p>
|
|
|
|
<div class="mt-2">
|
|
<a href="/docs/" class="mt-3 h6 text-primary">learn more <i class="material-icons align-top">chevron_right</i></a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4 col-12">
|
|
<div class="d-flex features feature-primary p-3">
|
|
<div class="icon text-center rounded-3 text-primary me-3">
|
|
<i class="material-icons align-middle h4 mb-0">search</i>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h4 class="title">Search by DocSearch</h4>
|
|
<p class="text-muted para mb-0">Search your docs with DocSearch. A powerful, efficient and accessible search solution built on Algolia Crawler & Autocomplete. TBC.</p>
|
|
|
|
<div class="mt-2">
|
|
<a href="/docs/" class="mt-3 h6 text-primary">learn more <i class="material-icons align-top">chevron_right</i></a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4 col-12">
|
|
<div class="d-flex features feature-primary p-3">
|
|
<div class="icon text-center rounded-3 text-primary me-3">
|
|
<i class="material-icons align-middle h4 mb-0">translate</i>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h4 class="title">Multilingual Support</h4>
|
|
<p class="text-muted para mb-0">Lotus Docs supports Hugo’s Multilingual Mode. Create documentation in multiple languages side by side with i18n support.</p>
|
|
|
|
<div class="mt-2">
|
|
<a href="/docs/" class="mt-3 h6 text-primary">learn more <i class="material-icons align-top">chevron_right</i></a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-4 col-12">
|
|
<div class="d-flex features feature-primary p-3">
|
|
<div class="icon text-center rounded-3 text-primary me-3">
|
|
<i class="material-icons align-middle h4 mb-0">palette</i>
|
|
</div>
|
|
<div class="flex-1">
|
|
<h4 class="title">Bootstrap v5</h4>
|
|
<p class="text-muted para mb-0">Built on Bootstrap 5, Lotus Docs allows for a familiar, flexible, and intuitive developer experience. Easily customise your site via SCSS variables and files.</p>
|
|
|
|
<div class="mt-2">
|
|
<a href="/docs/" class="mt-3 h6 text-primary">learn more <i class="material-icons align-top">chevron_right</i></a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section id="imageCompare">
|
|
<div class="container mt-100 mt-60">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 text-center">
|
|
<div class="section-title mb-4 pb-2">
|
|
|
|
<h4 class="title fw-bold mb-4">Customise The Lotus Docs Appearance</h4>
|
|
|
|
|
|
<p class="text-muted para-desc mb-0 mx-auto">Much of Lotus Docs’ appearance can be customised. Dark mode is optional (enabled by default) and you can choose a Google font that suites you via the config parameters.</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8 col-md-12 mt-3 pt-2 text-center">
|
|
<ul class="nav nav-pills nav-justified flex-column flex-sm-row rounded bg-primary" id="pills-tab-imageCompare" role="tablist">
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link rounded active" id="dark-mode-tab" data-bs-toggle="pill" href="#pills-imageCompare-dark-mode" role="tab" aria-controls="pills-dark-mode" aria-selected="false">
|
|
<div class="text-center py-2">
|
|
<p class="mb-0 fs-6 fw-semibold">Dark Mode</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link rounded" id="custom-fonts-tab" data-bs-toggle="pill" href="#pills-imageCompare-custom-fonts" role="tab" aria-controls="pills-custom-fonts" aria-selected="false">
|
|
<div class="text-center py-2">
|
|
<p class="mb-0 fs-6 fw-semibold">Custom Fonts</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link rounded" id="accent-color-tab" data-bs-toggle="pill" href="#pills-imageCompare-accent-color" role="tab" aria-controls="pills-accent-color" aria-selected="false">
|
|
<div class="text-center py-2">
|
|
<p class="mb-0 fs-6 fw-semibold">Accent Color</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12 mt-4 pt-2">
|
|
<div class="tab-content" id="pills-tab-imageCompareContent">
|
|
|
|
<div class="tab-pane fade show active" id="pills-imageCompare-dark-mode" role="tabpanel" aria-labelledby="dark-mode-tab">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-12">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="dark-mode-compare" class="image-compare rounded-md border">
|
|
|
|
<img src="/images/screenshots/lotusdocs_dark_v0.8.webp" alt="/images/screenshots/lotusdocs_dark_v0.8.webp" />
|
|
|
|
|
|
<img src="/images/screenshots/lotusdocs_light_v0.8.webp" alt="/images/screenshots/lotusdocs_light_v0.8.webp" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-pane fade show" id="pills-imageCompare-custom-fonts" role="tabpanel" aria-labelledby="custom-fonts-tab">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-12">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="custom-fonts-compare" class="image-compare rounded-md border">
|
|
|
|
<img src="/images/screenshots/lotusdocs_google_font_demo_inter_screenshot.webp" alt="/images/screenshots/lotusdocs_google_font_demo_inter_screenshot.webp" />
|
|
|
|
|
|
<img src="/images/screenshots/lotusdocs_google_font_demo_lifesavers_screenshot.webp" alt="/images/screenshots/lotusdocs_google_font_demo_lifesavers_screenshot.webp" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-pane fade show" id="pills-imageCompare-accent-color" role="tabpanel" aria-labelledby="accent-color-tab">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-12">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="accent-color-compare" class="image-compare rounded-md border">
|
|
|
|
<img src="/images/screenshots/lotusdocs_blue_theme_colour.webp" alt="/images/screenshots/lotusdocs_blue_theme_colour.webp" />
|
|
|
|
|
|
<img src="/images/screenshots/lotusdocs_cardinal_theme_colour.webp" alt="/images/screenshots/lotusdocs_cardinal_theme_colour.webp" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<footer class="footer footer-light footer-bar">
|
|
<div class="footer-py-30">
|
|
<div class="container text-center">
|
|
<div class="row align-items-center">
|
|
<div class="col-sm-6">
|
|
<div class="text-sm-start">
|
|
<p class="mb-0">
|
|
|
|
© 2025 Federated Computer, Inc.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6 mt-4 mt-sm-0 pt-2 pt-sm-0">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<script type="text/javascript" src="http://localhost:1313/js/bundle.js" ></script>
|
|
|
|
|
|
|
|
<script>
|
|
const viewers = document.querySelectorAll(".image-compare");
|
|
let configs = [
|
|
{"addCircle":true,"addCircleBlur":false,"labelOptions":{"after":"Light","before":"Dark","onHover":false},"showLabels":true,"startingPoint":50},{"addCircle":true,"addCircleBlur":false,"controlColor":"#3C4257","labelOptions":{"after":"Life Saver","before":"Inter","onHover":false},"showLabels":true,"startingPoint":25},{"addCircle":true,"addCircleBlur":true,"labelOptions":{"after":"Cardinal","before":"Blue","onHover":false},"showLabels":true,"startingPoint":25}
|
|
];
|
|
viewers.forEach((element, i) => {
|
|
let view = new ImageCompare(element, configs[i]).mount();
|
|
});
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html>
|