senlinai/cloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dev stock stragety

Browse Source
This commit is contained in:
yanweidong
2026-01-26 17:38:06 +08:00
parent d2a3d60183
commit 7efdead5bf
20 changed files with 540 additions and 665 deletions
Download Patch File Download Diff File Expand all files Collapse all files

257
res/templates/apps-home.html Normal file
View File

@@ -0,0 +1,257 @@
{{template "components/header.html" .}}
{{template "components/preloader.html" .}}
<div id="main-wrapper">
<!-- Sidebar Start -->
{{template "components/sidebar.html" .}}
<!-- Sidebar End -->
<div class="page-wrapper">
<!-- Header Start -->
{{template "components/topbar.html" .}}
<!-- Header End -->
<div class="body-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-sm-6 col-xl-3">
<div class="card bg-primary-subtle shadow-none">
<div class="card-body p-4">
<div class="d-flex align-items-center">
<div class="round rounded text-bg-primary d-flex align-items-center justify-content-center">
<i class="cc BTC text-white fs-7" title="BTC"></i>
</div>
<h6 class="mb-0 ms-3">BTC</h6>
<div class="ms-auto text-primary d-flex align-items-center">
<i class="ti ti-trending-up text-primary fs-6 me-1"></i>
<span class="fs-2 fw-bold">+ 2.30%</span>
</div>
</div>
<div class="d-flex align-items-center justify-content-between mt-4">
<h3 class="mb-0 fw-semibold fs-7">0.1245</h3>
<span class="fw-bold">$1,015.00</span>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="card bg-danger-subtle shadow-none">
<div class="card-body p-4">
<div class="d-flex align-items-center">
<div class="round rounded text-bg-danger d-flex align-items-center justify-content-center">
<i class="cc ETH text-white fs-7" title="ETH"></i>
</div>
<h6 class="mb-0 ms-3">ETH</h6>
<div class="ms-auto text-danger d-flex align-items-center">
<i class="ti ti-trending-up text-danger fs-6 me-1"></i>
<span class="fs-2 fw-bold">+ 3.20%</span>
</div>
</div>
<div class="d-flex align-items-center justify-content-between mt-4">
<h3 class="mb-0 fw-semibold fs-7">0.5620</h3>
<span class="fw-bold">$2,110.00</span>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="card bg-success-subtle shadow-none">
<div class="card-body p-4">
<div class="d-flex align-items-center">
<div class="round rounded text-bg-success d-flex align-items-center justify-content-center">
<i class="cc LTC text-white fs-7" title="LTC"></i>
</div>
<h6 class="mb-0 ms-3">LTC</h6>
<div class="ms-auto text-info d-flex align-items-center">
<i class="ti ti-trending-down text-success fs-6 me-1"></i>
<span class="fs-2 fw-bold text-success">+ 3.20%</span>
</div>
</div>
<div class="d-flex align-items-center justify-content-between mt-4">
<h3 class="mb-0 fw-semibold fs-7">1.200</h3>
<span class="fw-bold">$1,100.00</span>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="card bg-warning-subtle shadow-none">
<div class="card-body p-4">
<div class="d-flex align-items-center">
<div class="round rounded text-bg-warning d-flex align-items-center justify-content-center">
<i class="cc XRP text-white fs-7" title="XRP"></i>
</div>
<h6 class="mb-0 ms-3">XRP</h6>
<div class="ms-auto text-info d-flex align-items-center">
<i class="ti ti-trending-down text-warning fs-6 me-1"></i>
<span class="fs-2 fw-bold text-warning">+ 2.20%</span>
</div>
</div>
<div class="d-flex align-items-center justify-content-between mt-4">
<h3 class="mb-0 fw-semibold fs-7">1.150</h3>
<span class="fw-bold">$2,150.00</span>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<div class="card-body">
<h4 class="card-title fw-semibold">Trade History</h4>
<p class="card-subtitle">Trade and the Age of Exploration</p>
<div class="table-responsive mt-4">
<table class="table table-borderless text-nowrap align-middle mb-0">
<tbody>
<tr class="bg-light">
<td class="rounded-start bg-transparent">
<div class="d-flex align-items-center gap-3">
<div>
<i class="cc BTC fs-7"></i>
</div>
<div>
<h6 class="mb-0">Bitcoin</h6>
<span class="fs-3">BTC</span>
</div>
</div>
</td>
<td class="bg-transparent"> $981.1254 <i class="ti ti-chevron-down text-danger ms-1 fs-4"></i>
</td>
<td class="bg-transparent">
<i class="cc ETC me-1 text-primary fs-5" title="ETC"></i> 0.23125
</td>
<td class="bg-transparent">$1.23560 B</td>
<td class="bg-transparent">04 Feb 2024</td>
<td class="text-end rounded-end bg-transparent">
<span class="badge bg-danger">transfer</span>
</td>
</tr>
<tr>
<td colspan="6"></td>
</tr>
<tr class="bg-light">
<td class="rounded-start bg-transparent">
<div class="d-flex align-items-center gap-3">
<div>
<i class="cc ETH fs-7"></i>
</div>
<div>
<h6 class="mb-0">Ethereum</h6>
<span class="fs-3">ETH</span>
</div>
</div>
</td>
<td class="bg-transparent"> $450.1254 <i class="ti ti-chevron-down text-danger ms-1 fs-4"></i>
</td>
<td class="bg-transparent">
<i class="cc ETC me-1 text-primary fs-5" title="ETC"></i> 0.45000
</td>
<td class="bg-transparent">$3.23560 B</td>
<td class="bg-transparent">09 Mar 2024</td>
<td class="text-end rounded-end bg-transparent">
<span class="badge bg-primary">sell</span>
</td>
</tr>
<tr>
<td colspan="6"></td>
</tr>
<tr class="bg-light">
<td class="rounded-start bg-transparent">
<div class="d-flex align-items-center gap-3">
<div>
<i class="cc LTC fs-7"></i>
</div>
<div>
<h6 class="mb-0">Litecoin</h6>
<span class="fs-3">LTC</span>
</div>
</div>
</td>
<td class="bg-transparent"> $100.1254 <i class="ti ti-chevron-up text-success ms-1 fs-4"></i>
</td>
<td class="bg-transparent">
<i class="cc BTC me-1 text-danger fs-5" title="BTC"></i> 0.56012
</td>
<td class="bg-transparent">$2.45620 B</td>
<td class="bg-transparent">12 Dec 2024</td>
<td class="text-end rounded-end bg-transparent">
<span class="badge bg-success">buy</span>
</td>
</tr>
<tr>
<td colspan="6"></td>
</tr>
<tr class="bg-light">
<td class="rounded-start bg-transparent">
<div class="d-flex align-items-center gap-3">
<div>
<i class="cc XRP fs-7"></i>
</div>
<div>
<h6 class="mb-0">XRP</h6>
<span class="fs-3">XRP</span>
</div>
</div>
</td>
<td class="bg-transparent"> $450.1254 <i class="ti ti-chevron-down text-danger ms-1 fs-4"></i>
</td>
<td class="bg-transparent">
<i class="cc ETC me-1 text-primary fs-5" title="ETC"></i> 0.45000
</td>
<td class="bg-transparent">$3.23560 B</td>
<td class="bg-transparent">01 Aug 2024</td>
<td class="text-end rounded-end bg-transparent">
<span class="badge bg-danger">transfer</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function MarketWebSocket()
{
if ("WebSocket" in window)
{
// 打开一个 web socket
var ws = new WebSocket("ws://market.senlin.ai:13300/ws");
ws.onopen = function()
{
// Web Socket 已连接上，使用 send() 方法发送数据
console.log("Web Socket 已连接上");
};
ws.onmessage = function (evt)
{
var received_msg = evt.data;
console.log(received_msg);
};
ws.onclose = function()
{
// 关闭 websocket
console.log("连接已关闭");
};
}
else
{
// 浏览器不支持 WebSocket
alert("您的浏览器不支持 WebSocket!");
}
}
MarketWebSocket();
</script>
{{template "components/footer.html" .}}

5
res/templates/components/footer.html
View File

@@ -10,11 +10,8 @@
<script src="/assets/js/theme/sidebarmenu.js"></script>
<!-- solar icons -->
<script src="https://cdn.jsdelivr.net/npm/iconify-icon@1.0.8/dist/iconify-icon.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/iconify/3.1.1/iconify.min.js"></script>
<script src="/assets/libs/owl.carousel/dist/owl.carousel.min.js"></script>
<script src="/assets/libs/apexcharts/dist/apexcharts.min.js"></script>
<script src="/assets/js/dashboards/dashboard.js"></script>
{{if .ExtraScripts}}
{{range .ExtraScripts}}
<script src="{{.}}"></script>

2
res/templates/components/header.html
View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" dir="ltr" data-bs-theme="light" data-color-theme="Blue_Theme" data-layout="vertical">
<html lang="zh-cn" dir="ltr" data-bs-theme="light" data-color-theme="Blue_Theme" data-layout="vertical">
<head>
<!-- Required meta tags -->

610
res/templates/components/topbar.html
View File

@@ -16,177 +16,6 @@
</li>
</ul>
<ul class="navbar-nav quick-links d-none d-lg-flex align-items-center">
<!-- ------------------------------- -->
<!-- start apps Dropdown -->
<!-- ------------------------------- -->
<li class="nav-item nav-icon-hover-bg rounded w-auto dropdown d-none d-lg-block mx-0">
<div class="hover-dd">
<a class="nav-link" href="javascript:void(0)">
Apps<span class="mt-1">
<i class="ti ti-chevron-down fs-3"></i>
</span>
</a>
<div class="dropdown-menu dropdown-menu-nav dropdown-menu-animate-up py-0">
<div class="row">
<div class="col-8">
<div class="ps-7 pt-7">
<div class="border-bottom">
<div class="row">
<div class="col-6">
<div class="position-relative">
<a href="../main/app-chat.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-chat.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">
Chat Application
</h6>
<span class="fs-2 d-block text-body-secondary">New messages arrived</span>
</div>
</a>
<a href="../main/app-invoice.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-invoice.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">Invoice App</h6>
<span class="fs-2 d-block text-body-secondary">Get latest invoice</span>
</div>
</a>
<a href="../main/app-contact2.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-mobile.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">
Contact Application
</h6>
<span class="fs-2 d-block text-body-secondary">2 Unsaved Contacts</span>
</div>
</a>
<a href="../main/app-email.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-message-box.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">Email App</h6>
<span class="fs-2 d-block text-body-secondary">Get new emails</span>
</div>
</a>
</div>
</div>
<div class="col-6">
<div class="position-relative">
<a href="../main/page-user-profile.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-cart.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">
User Profile
</h6>
<span class="fs-2 d-block text-body-secondary">learn more information</span>
</div>
</a>
<a href="../main/app-calendar.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-date.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">
Calendar App
</h6>
<span class="fs-2 d-block text-body-secondary">Get dates</span>
</div>
</a>
<a href="../main/app-contact.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-lifebuoy.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">
Contact List Table
</h6>
<span class="fs-2 d-block text-body-secondary">Add new contact</span>
</div>
</a>
<a href="../main/app-notes.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-application.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">
Notes Application
</h6>
<span class="fs-2 d-block text-body-secondary">To-do and Daily tasks</span>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="row align-items-center py-3">
<div class="col-8">
<a class="fw-semibold d-flex align-items-center lh-1" href="javascript:void(0)">
<i class="ti ti-help fs-6 me-2"></i>Frequently Asked Questions
</a>
</div>
<div class="col-4">
<div class="d-flex justify-content-end pe-4">
<button class="btn btn-primary">Check</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-4 ms-n4">
<div class="position-relative p-7 border-start h-100">
<h5 class="fs-5 mb-9 fw-semibold">Quick Links</h5>
<ul class="">
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="../main/page-pricing.html">Pricing Page</a>
</li>
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="../main/authentication-login.html">Authentication
Design</a>
</li>
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="../main/authentication-register.html">Register Now</a>
</li>
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="../main/authentication-error.html">404 Error Page</a>
</li>
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="../main/app-notes.html">Notes App</a>
</li>
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="../main/page-user-profile.html">User Application</a>
</li>
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="../main/page-account-settings.html">Account Settings</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- ------------------------------- -->
<!-- end apps Dropdown -->
<!-- ------------------------------- -->
<li class="nav-item dropdown-hover d-none d-lg-block">
<a class="nav-link" href="../main/app-chat.html">Chat</a>
</li>
<li class="nav-item dropdown-hover d-none d-lg-block">
<a class="nav-link" href="../main/app-calendar.html">Calendar</a>
</li>
<li class="nav-item dropdown-hover d-none d-lg-block">
<a class="nav-link" href="../main/app-email.html">Email</a>
</li>
</ul>
<div class="d-block d-lg-none py-4">
<a href="../main/index.html" class="text-nowrap logo-img">
@@ -214,55 +43,6 @@
<i class="ti ti-sun sun"></i>
</a>
</li>
<li class="nav-item nav-icon-hover-bg rounded-circle dropdown">
<a class="nav-link" href="javascript:void(0)" id="drop2" aria-expanded="false">
<img src="../assets/images/svgs/icon-flag-en.svg" alt="modernize-img" width="20px" height="20px" class="rounded-circle object-fit-cover round-20" />
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-animate-up" aria-labelledby="drop2">
<div class="message-body">
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 py-3 px-4 dropdown-item">
<div class="position-relative">
<img src="../assets/images/svgs/icon-flag-en.svg" alt="modernize-img" width="20px" height="20px" class="rounded-circle object-fit-cover round-20" />
</div>
<p class="mb-0 fs-3">English (UK)</p>
</a>
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 py-3 px-4 dropdown-item">
<div class="position-relative">
<img src="../assets/images/svgs/icon-flag-cn.svg" alt="modernize-img" width="20px" height="20px" class="rounded-circle object-fit-cover round-20" />
</div>
<p class="mb-0 fs-3">中国人 (Chinese)</p>
</a>
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 py-3 px-4 dropdown-item">
<div class="position-relative">
<img src="../assets/images/svgs/icon-flag-fr.svg" alt="modernize-img" width="20px" height="20px" class="rounded-circle object-fit-cover round-20" />
</div>
<p class="mb-0 fs-3">français (French)</p>
</a>
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 py-3 px-4 dropdown-item">
<div class="position-relative">
<img src="../assets/images/svgs/icon-flag-sa.svg" alt="modernize-img" width="20px" height="20px" class="rounded-circle object-fit-cover round-20" />
</div>
<p class="mb-0 fs-3">عربي (Arabic)</p>
</a>
</div>
</div>
</li>
<!-- ------------------------------- -->
<!-- end language Dropdown -->
<!-- ------------------------------- -->
<!-- ------------------------------- -->
<!-- start shopping cart Dropdown -->
<!-- ------------------------------- -->
<li class="nav-item nav-icon-hover-bg rounded-circle">
<a class="nav-link position-relative" href="javascript:void(0)" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
<i class="ti ti-basket"></i>
<span class="popup-badge rounded-pill bg-danger text-white fs-2">2</span>
</a>
</li>
<!-- ------------------------------- -->
<!-- end shopping cart Dropdown -->
<!-- ------------------------------- -->
<!-- ------------------------------- -->
<!-- start notification Dropdown -->
@@ -397,20 +177,8 @@
</div>
</a>
</div>
<div class="d-grid py-4 px-7 pt-8">
<div class="upgrade-plan bg-primary-subtle position-relative overflow-hidden rounded-4 p-4 mb-9">
<div class="row">
<div class="col-6">
<h5 class="fs-4 mb-3 fw-semibold">Unlimited Access</h5>
<button class="btn btn-primary">Upgrade</button>
</div>
<div class="col-6">
<div class="m-n4 unlimited-img">
<img src="../assets/images/backgrounds/unlimited-bg.png" alt="modernize-img" class="w-100" />
</div>
</div>
</div>
</div>
<a href="../main/authentication-login.html" class="btn btn-outline-primary">Log Out</a>
</div>
</div>
@@ -437,159 +205,6 @@
<img src="../assets/images/logos/favicon.ico" alt="modernize-img" class="img-fluid" />
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body h-n80" data-simplebar="" data-simplebar>
<ul id="sidebarnav">
<li class="sidebar-item">
<a class="sidebar-link has-arrow" href="javascript:void(0)" aria-expanded="false">
<span>
<i class="ti ti-apps"></i>
</span>
<span class="hide-menu">Apps</span>
</a>
<ul aria-expanded="false" class="collapse first-level my-3">
<li class="sidebar-item py-2">
<a href="../main/app-chat.html" class="d-flex align-items-center">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-chat.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 bg-hover-primary">Chat Application</h6>
<span class="fs-2 d-block text-muted">New messages arrived</span>
</div>
</a>
</li>
<li class="sidebar-item py-2">
<a href="../main/app-invoice.html" class="d-flex align-items-center">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-invoice.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 bg-hover-primary">Invoice App</h6>
<span class="fs-2 d-block text-muted">Get latest invoice</span>
</div>
</a>
</li>
<li class="sidebar-item py-2">
<a href="../main/app-cotact.html" class="d-flex align-items-center">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-mobile.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 bg-hover-primary">Contact Application</h6>
<span class="fs-2 d-block text-muted">2 Unsaved Contacts</span>
</div>
</a>
</li>
<li class="sidebar-item py-2">
<a href="../main/app-email.html" class="d-flex align-items-center">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-message-box.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 bg-hover-primary">Email App</h6>
<span class="fs-2 d-block text-muted">Get new emails</span>
</div>
</a>
</li>
<li class="sidebar-item py-2">
<a href="../main/page-user-profile.html" class="d-flex align-items-center">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-cart.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 bg-hover-primary">User Profile</h6>
<span class="fs-2 d-block text-muted">learn more information</span>
</div>
</a>
</li>
<li class="sidebar-item py-2">
<a href="../main/app-calendar.html" class="d-flex align-items-center">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-date.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 bg-hover-primary">Calendar App</h6>
<span class="fs-2 d-block text-muted">Get dates</span>
</div>
</a>
</li>
<li class="sidebar-item py-2">
<a href="../main/app-contact2.html" class="d-flex align-items-center">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-lifebuoy.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 bg-hover-primary">Contact List Table</h6>
<span class="fs-2 d-block text-muted">Add new contact</span>
</div>
</a>
</li>
<li class="sidebar-item py-2">
<a href="../main/app-notes.html" class="d-flex align-items-center">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-application.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 bg-hover-primary">Notes Application</h6>
<span class="fs-2 d-block text-muted">To-do and Daily tasks</span>
</div>
</a>
</li>
<ul class="px-8 mt-7 mb-4">
<li class="sidebar-item mb-3">
<h5 class="fs-5 fw-semibold">Quick Links</h5>
</li>
<li class="sidebar-item py-2">
<a class="fw-semibold text-dark" href="../main/page-pricing.html">Pricing Page</a>
</li>
<li class="sidebar-item py-2">
<a class="fw-semibold text-dark" href="../main/authentication-login.html">Authentication
Design</a>
</li>
<li class="sidebar-item py-2">
<a class="fw-semibold text-dark" href="../main/authentication-register.html">Register Now</a>
</li>
<li class="sidebar-item py-2">
<a class="fw-semibold text-dark" href="../main/authentication-error.html">404 Error Page</a>
</li>
<li class="sidebar-item py-2">
<a class="fw-semibold text-dark" href="../main/app-notes.html">Notes App</a>
</li>
<li class="sidebar-item py-2">
<a class="fw-semibold text-dark" href="../main/page-user-profile.html">User Application</a>
</li>
<li class="sidebar-item py-2">
<a class="fw-semibold text-dark" href="../main/page-account-settings.html">Account Settings</a>
</li>
</ul>
</ul>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="../main/app-chat.html" aria-expanded="false">
<span>
<i class="ti ti-message-dots"></i>
</span>
<span class="hide-menu">Chat</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="../main/app-calendar.html" aria-expanded="false">
<span>
<i class="ti ti-calendar"></i>
</span>
<span class="hide-menu">Calendar</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="../main/app-email.html" aria-expanded="false">
<span>
<i class="ti ti-mail"></i>
</span>
<span class="hide-menu">Email</span>
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
@@ -613,177 +228,6 @@
</a>
</li>
</ul>
<ul class="navbar-nav quick-links d-none d-xl-flex align-items-center">
<!-- ------------------------------- -->
<!-- start apps Dropdown -->
<!-- ------------------------------- -->
<li class="nav-item nav-icon-hover-bg rounded w-auto dropdown d-none d-lg-flex">
<div class="hover-dd">
<a class="nav-link" href="javascript:void(0)">
Apps<span class="mt-1">
<i class="ti ti-chevron-down fs-3"></i>
</span>
</a>
<div class="dropdown-menu dropdown-menu-nav dropdown-menu-animate-up py-0">
<div class="row">
<div class="col-8">
<div class="ps-7 pt-7">
<div class="border-bottom">
<div class="row">
<div class="col-6">
<div class="position-relative">
<a href="../main/app-chat.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-chat.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">
Chat Application
</h6>
<span class="fs-2 d-block text-body-secondary">New messages arrived</span>
</div>
</a>
<a href="../main/app-invoice.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-invoice.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">Invoice App</h6>
<span class="fs-2 d-block text-body-secondary">Get latest invoice</span>
</div>
</a>
<a href="../main/app-contact2.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-mobile.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">
Contact Application
</h6>
<span class="fs-2 d-block text-body-secondary">2 Unsaved Contacts</span>
</div>
</a>
<a href="../main/app-email.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-message-box.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">Email App</h6>
<span class="fs-2 d-block text-body-secondary">Get new emails</span>
</div>
</a>
</div>
</div>
<div class="col-6">
<div class="position-relative">
<a href="../main/page-user-profile.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-cart.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">
User Profile
</h6>
<span class="fs-2 d-block text-body-secondary">learn more information</span>
</div>
</a>
<a href="../main/app-calendar.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-date.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">
Calendar App
</h6>
<span class="fs-2 d-block text-body-secondary">Get dates</span>
</div>
</a>
<a href="../main/app-contact.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-lifebuoy.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">
Contact List Table
</h6>
<span class="fs-2 d-block text-body-secondary">Add new contact</span>
</div>
</a>
<a href="../main/app-notes.html" class="d-flex align-items-center pb-9 position-relative">
<div class="text-bg-light rounded-1 me-3 p-6 d-flex align-items-center justify-content-center">
<img src="../assets/images/svgs/icon-dd-application.svg" alt="modernize-img" class="img-fluid" width="24" height="24" />
</div>
<div>
<h6 class="mb-1 fw-semibold fs-3">
Notes Application
</h6>
<span class="fs-2 d-block text-body-secondary">To-do and Daily tasks</span>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="row align-items-center py-3">
<div class="col-8">
<a class="fw-semibold d-flex align-items-center lh-1" href="javascript:void(0)">
<i class="ti ti-help fs-6 me-2"></i>Frequently Asked Questions
</a>
</div>
<div class="col-4">
<div class="d-flex justify-content-end pe-4">
<button class="btn btn-primary">Check</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-4 ms-n4">
<div class="position-relative p-7 border-start h-100">
<h5 class="fs-5 mb-9 fw-semibold">Quick Links</h5>
<ul class="">
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="../main/page-pricing.html">Pricing Page</a>
</li>
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="../main/authentication-login.html">Authentication
Design</a>
</li>
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="../main/authentication-register.html">Register Now</a>
</li>
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="../main/authentication-error.html">404 Error Page</a>
</li>
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="../main/app-notes.html">Notes App</a>
</li>
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="../main/page-user-profile.html">User Application</a>
</li>
<li class="mb-3">
<a class="fw-semibold bg-hover-primary" href="../main/page-account-settings.html">Account Settings</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- ------------------------------- -->
<!-- end apps Dropdown -->
<!-- ------------------------------- -->
<li class="nav-item dropdown-hover d-none d-lg-block">
<a class="nav-link" href="../main/app-chat.html">Chat</a>
</li>
<li class="nav-item dropdown-hover d-none d-lg-block">
<a class="nav-link" href="../main/app-calendar.html">Calendar</a>
</li>
<li class="nav-item dropdown-hover d-none d-lg-block">
<a class="nav-link" href="../main/app-email.html">Email</a>
</li>
</ul>
<div class="d-block d-xl-none">
<a href="../main/index.html" class="text-nowrap nav-link">
<img src="../assets/images/logos/dark-logo.svg" width="180" alt="modernize-img" />
@@ -796,9 +240,6 @@
</a>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<div class="d-flex align-items-center justify-content-between px-0 px-xl-8">
<a href="javascript:void(0)" class="nav-link round-40 p-1 ps-0 d-flex d-xl-none align-items-center justify-content-center" type="button" data-bs-toggle="offcanvas" data-bs-target="#mobilenavbar" aria-controls="offcanvasWithBothOptions">
<i class="ti ti-align-justified fs-7"></i>
</a>
<ul class="navbar-nav flex-row ms-auto align-items-center justify-content-center">
<!-- ------------------------------- -->
<!-- start language Dropdown -->
@@ -811,55 +252,6 @@
<i class="ti ti-sun sun"></i>
</a>
</li>
<li class="nav-item nav-icon-hover-bg rounded-circle dropdown">
<a class="nav-link" href="javascript:void(0)" id="drop2" aria-expanded="false">
<img src="../assets/images/svgs/icon-flag-en.svg" alt="modernize-img" width="20px" height="20px" class="rounded-circle object-fit-cover round-20" />
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-animate-up" aria-labelledby="drop2">
<div class="message-body">
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 py-3 px-4 dropdown-item">
<div class="position-relative">
<img src="../assets/images/svgs/icon-flag-en.svg" alt="modernize-img" width="20px" height="20px" class="rounded-circle object-fit-cover round-20" />
</div>
<p class="mb-0 fs-3">English (UK)</p>
</a>
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 py-3 px-4 dropdown-item">
<div class="position-relative">
<img src="../assets/images/svgs/icon-flag-cn.svg" alt="modernize-img" width="20px" height="20px" class="rounded-circle object-fit-cover round-20" />
</div>
<p class="mb-0 fs-3">中国人 (Chinese)</p>
</a>
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 py-3 px-4 dropdown-item">
<div class="position-relative">
<img src="../assets/images/svgs/icon-flag-fr.svg" alt="modernize-img" width="20px" height="20px" class="rounded-circle object-fit-cover round-20" />
</div>
<p class="mb-0 fs-3">français (French)</p>
</a>
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 py-3 px-4 dropdown-item">
<div class="position-relative">
<img src="../assets/images/svgs/icon-flag-sa.svg" alt="modernize-img" width="20px" height="20px" class="rounded-circle object-fit-cover round-20" />
</div>
<p class="mb-0 fs-3">عربي (Arabic)</p>
</a>
</div>
</div>
</li>
<!-- ------------------------------- -->
<!-- end language Dropdown -->
<!-- ------------------------------- -->
<!-- ------------------------------- -->
<!-- start shopping cart Dropdown -->
<!-- ------------------------------- -->
<li class="nav-item nav-icon-hover-bg rounded-circle">
<a class="nav-link position-relative" href="javascript:void(0)" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
<i class="ti ti-basket"></i>
<span class="popup-badge rounded-pill bg-danger text-white fs-2">2</span>
</a>
</li>
<!-- ------------------------------- -->
<!-- end shopping cart Dropdown -->
<!-- ------------------------------- -->
<!-- ------------------------------- -->
<!-- start notification Dropdown -->

14
res/templates/index.html
View File

@@ -17,21 +17,21 @@
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 gap-xl-4 gap-3 mb-lg-0">
<li class="nav-item">
<a class="nav-link fs-4 fw-semibold text-white" href="#">图片</a>
<a class="nav-link fs-4 text-white" href="#">图片</a>
</li>
<li class="nav-item">
<a class="nav-link fs-4 fw-semibold text-white" href="#">视频</a>
<a class="nav-link fs-4 text-white" href="#">视频</a>
</li>
<li class="nav-item">
<a class="nav-link fs-4 fw-semibold text-white" href="#">新闻</a>
<a class="nav-link fs-4 text-white" href="#">新闻</a>
</li>
<li class="nav-item">
<a class="nav-link fs-4 fw-semibold text-white" href="#">地图</a>
<a class="nav-link fs-4 text-white" href="#">地图</a>
</li>
<li class="nav-item">
<a class="nav-link fs-4 text-white" href="#">登录</a>
</li>
</ul>
<div class="ms-3">
<a href="#" class="btn btn-light btn-sm py-6 px-8">登录</a>
</div>
</div>
</div>
</nav>