some changes
This commit is contained in:
parent
97e3262506
commit
20c4d432c1
3 changed files with 62 additions and 15 deletions
4
.gitignore
vendored
4
.gitignore
vendored
|
@ -1,5 +1,7 @@
|
||||||
app/routes/__pycache__
|
app/routes/__pycache__
|
||||||
app/utils/__pycache__
|
app/utils/__pycache__
|
||||||
app/__pycache__
|
app/__pycache__
|
||||||
uploads/classless.html
|
uploads/*
|
||||||
classless.html
|
classless.html
|
||||||
|
uploads
|
||||||
|
uploads/uri_map.json
|
||||||
|
|
|
@ -7,6 +7,44 @@
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/digitallytailored/classless@latest/classless.min.css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/digitallytailored/classless@latest/classless.min.css">
|
||||||
<link rel="stylesheet" href="https://esm.sh/@wooorm/starry-night@3/style/both">
|
<link rel="stylesheet" href="https://esm.sh/@wooorm/starry-night@3/style/both">
|
||||||
<style>
|
<style>
|
||||||
|
:root {
|
||||||
|
/* --background-color: #1a1a1a; */
|
||||||
|
--text-color: #ffffff;
|
||||||
|
--border-color: #ffffff;
|
||||||
|
--red: #ff0000;
|
||||||
|
--green: #00ff00;
|
||||||
|
--blue: #0000ff;
|
||||||
|
--yellow: #ffff00;
|
||||||
|
--purple: #800080;
|
||||||
|
--orange: #ffa500;
|
||||||
|
--gray: #808080;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 1rem;
|
||||||
|
background-color: var(--background-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 1rem;
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-right button {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
|
@ -42,6 +80,17 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.upload_button {
|
||||||
|
position: relative;
|
||||||
|
float: right;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0.25rem 0.5rem;
|
||||||
|
border: 1px solid var(--border-color);
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
cursor: pointer;
|
||||||
|
max-width: 8rem;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -81,10 +130,16 @@
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<nav>
|
<nav style="justify-content: baseline;">
|
||||||
<a class="glass" href="{{ url_for('main.index') }}">Home</a>
|
<button class="nav-left"><a href="{{ url_for('main.index') }}">Home</a></button>
|
||||||
<a class="glass" href="{{ url_for('main.upload_file') }}">Upload</a>
|
<div class="nav-right">
|
||||||
<button class="outline" id="darkModeToggle">Toggle Theme</button>
|
<a href="{{ url_for('main.upload_file') }}" class="button">Add New</a>
|
||||||
|
</div>
|
||||||
|
<button class="outline nav-right" id="darkModeToggle">Toggle Theme</button>
|
||||||
|
<div class="nav-right">
|
||||||
|
{% block nav %}
|
||||||
|
{% endblock %}
|
||||||
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
|
@ -3,22 +3,12 @@
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<h1>Markdown Viewer</h1>
|
<h1>Markdown Viewer</h1>
|
||||||
|
|
||||||
<div>
|
|
||||||
<a href="{{ url_for('main.upload_file') }}" class="button">Upload New Document</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if documents %}
|
{% if documents %}
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2>Available Documents</h2>
|
<h2>Available Documents</h2>
|
||||||
|
|
||||||
{% for doc in documents %}
|
{% for doc in documents %}
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<!-- <div>
|
|
||||||
<a href="{{ url_for('main.view_file', uri=doc.uri) }}" class="card-title">
|
|
||||||
{{ doc.filename }}
|
|
||||||
</a>
|
|
||||||
<span class="file-uri">URI: {{ doc.uri }}</span>
|
|
||||||
</div> -->
|
|
||||||
<div>
|
<div>
|
||||||
<a href="{{ url_for('main.view_file', uri=doc.uri) }}" class="card-title">
|
<a href="{{ url_for('main.view_file', uri=doc.uri) }}" class="card-title">
|
||||||
<h3>{{ doc.filename }}</h3>
|
<h3>{{ doc.filename }}</h3>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue