sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2025-02-17 08:04:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Spruce up the 404 page and improve the overall layout for agents pages

Browse source
This commit is contained in:
sabaimran 2024-03-14 11:26:49 +05:30
parent c45030af44
commit 3caf0a79d8
4 changed files with 53 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/khoj/interface/web/404.html
View file

@ -2,14 +2,19 @@
<html>
<head>
<title>Khoj: An AI Personal Assistant for your digital brain</title>
<link rel=”stylesheet” href=”static/styles.css”>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css">
<link rel="icon" type="image/png" sizes="128x128" href="/static/assets/icons/favicon-128x128.png?v={{ khoj_version }}">
<link rel="manifest" href="/static/khoj.webmanifest?v={{ khoj_version }}">
<link rel="stylesheet" href="/static/assets/khoj.css?v={{ khoj_version }}">
</head>
<body class="not-found">
<!--Add Header Logo and Nav Pane-->
{% import 'utils.html' as utils %}
{{ utils.heading_pane(user_photo, username, is_active, has_documents) }}
<header class=”header”>
<h1>Oops, this is awkward. That page couldn't be found.</h1>
<h1>Oops, this is awkward. Looks like there's nothing here.</h1>
</header>
<a href="/config">Go Home</a>
<a class="redirect-link" href="/">Go Home</a>
<footer class=”footer”>
</footer>
@ -18,5 +23,34 @@
body.not-found {
padding: 0 10%
}
body {
background-color: var(--background-color);
color: var(--main-text-color);
text-align: center;
font-family: var(--font-family);
font-size: medium;
font-weight: 300;
line-height: 1.5em;
height: 100vh;
margin: 0;
}
body a.redirect-link {
font-size: 18px;
font-weight: bold;
background-color: var(--primary);
text-decoration: none;
border: 1px solid var(--main-text-color);
color: var(--main-text-color);
border-radius: 8px;
padding: 4px;
}
body a.redirect-link:hover {
background-color: var(--main-text-color);
color: var(--primary);
}
</style>
</html>

2
src/khoj/interface/web/agent.html
View file

@ -242,7 +242,7 @@
@media only screen and (min-width: 700px) {
body {
grid-template-columns: auto min(70vw, 100%) auto;
grid-template-rows: auto minmax(80px, 100%) auto;
grid-template-rows: auto auto auto;
}
body > * {
grid-column: 2;

2
src/khoj/interface/web/agents.html
View file

@ -61,7 +61,7 @@
line-height: 1.5em;
height: 100vh;
margin: 0;
grid-template-rows: auto minmax(80px, 100%) auto;
grid-template-rows: auto auto auto;
}
h1#agents-list-title {

13
src/khoj/routers/web_client.py
View file

@ -169,6 +169,19 @@ def agents_page(request: Request, agent_slug: str):
agent = AgentAdapters.get_agent_by_slug(agent_slug)
if agent == None:
return templates.TemplateResponse(
"404.html",
context={
"request": request,
"khoj_version": state.khoj_version,
"username": user.username if user else None,
"has_documents": False,
"is_active": has_required_scope(request, ["premium"]),
"user_photo": user_picture,
},
)
agent_metadata = {
"slug": agent.slug,
"avatar": agent.avatar,