Add some visual interest to screenshots layout
This commit is contained in:
shamoon
parent
07fcfa01e0
commit
fb9d518198
@ -20,6 +20,28 @@
|
||||
margin-left: 4%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.grid-flipped-left {
|
||||
width: 66%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.grid-flipped-right {
|
||||
width: 29%;
|
||||
margin-left: 4%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.grid-half-left {
|
||||
width: 48%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.grid-half-right {
|
||||
width: 48%;
|
||||
margin-left: 4%;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.grid-left > p {
|
||||
@ -31,6 +53,12 @@
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
margin-bottom: 20px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.index-callout {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
|
||||
BIN
docs/assets/screenshots/new-correspondent.png
Normal file
BIN
docs/assets/screenshots/new-correspondent.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
BIN
docs/assets/screenshots/new-document_type.png
Normal file
BIN
docs/assets/screenshots/new-document_type.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
BIN
docs/assets/screenshots/new-storage_path.png
Normal file
BIN
docs/assets/screenshots/new-storage_path.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
122
docs/index.md
122
docs/index.md
@ -56,68 +56,118 @@ Further discussion of the transition between these projects can be found at
|
||||
|
||||
Paperless-ngx aims to be as nice to use as it is useful. Check out some screenshots below.
|
||||
|
||||
The dashboard shows saved views which can be sorted. Documents can be uploaded with the button or dropped anywhere in the application:
|
||||
<div class="grid-flipped-left" markdown>
|
||||
|
||||
</div>
|
||||
<div class="grid-flipped-right" markdown>
|
||||
The dashboard shows saved views which can be sorted. Documents can be uploaded with the button or dropped anywhere in the application.
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
|
||||
|
||||
The document list provides three different styles to browse your documents.
|
||||
|
||||
The document list provides three different styles to browser your documents:
|
||||
{: style="width:32%"}
|
||||
{: style="width:32%"}
|
||||
{: style="width:32%"}
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
|
||||
<div class="grid-left" markdown>
|
||||
Use the 'slim' sidebar to focus on your docs and minimize the UI.
|
||||
</div>
|
||||
<div class="grid-right" markdown>
|
||||
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
|
||||
|
||||
|
||||
Use the 'slim' sidebar to focus on just your docs:
|
||||
|
||||
|
||||
|
||||
Paperless-ngx also supports dark mode:
|
||||
Of course, Paperless-ngx also supports dark mode:
|
||||
|
||||
|
||||
|
||||
Quickly find documents with extensive filtering mechanisms:
|
||||
<div class="clear"></div>
|
||||
|
||||
|
||||
<div class="grid-left" markdown>
|
||||
Quickly find documents with extensive filtering mechanisms.
|
||||
</div>
|
||||
<div class="grid-right" markdown>
|
||||
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
<div class="grid-left" markdown>
|
||||
And perform bulk edit operations to set tags, correspondents, etc. as well as permissions.
|
||||
</div>
|
||||
<div class="grid-right" markdown>
|
||||
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
|
||||
Bulk edit document tags, correspondents, etc. as well as permissions:
|
||||
|
||||
|
||||
|
||||
Side-by-side editing of documents:
|
||||
Side-by-side editing of documents.
|
||||
|
||||
|
||||
|
||||
Support for custom fields:
|
||||
<div class="grid-left" markdown>
|
||||
Support for custom fields.
|
||||
|
||||
{: style="width:50%; margin-left: 25%"}
|
||||
|
||||
|
||||
|
||||
A robust permissions system with support for 'global' and document / object permissions:
|
||||
</div>
|
||||
<div class="grid-right" markdown>
|
||||
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
|
||||
{: style="width:50%; margin-left: 25%"}
|
||||
|
||||
<div class="grid-left" markdown>
|
||||
A robust permissions system with support for 'global' and document / object permissions.
|
||||
|
||||
Tag editing. This looks about the same for correspondents and document
|
||||
types.
|
||||
|
||||
|
||||
{: style="width:50%; margin-left: 25%"}
|
||||
</div>
|
||||
<div class="grid-right" markdown>
|
||||
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
|
||||
Searching provides auto complete and highlights the results.
|
||||
<div class="grid-left" markdown>
|
||||
Searching provides auto complete and highlights the results.
|
||||
|
||||
{: style="width:50%; margin-left: 25%"}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="grid-right" markdown>
|
||||
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
|
||||
Fancy mail filters!
|
||||
Tag, correspondent, document type and storage path editing.
|
||||
|
||||
{: style="width:80%; margin-left: 10%"}
|
||||
{: style="width:21%; float: left"}
|
||||
{: style="width:21%; margin-left: 4%; float: left"}
|
||||
{: style="width:21%; margin-left: 4%; float: left"}
|
||||
{: style="width:21%; margin-left: 4%; float: left"}
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<div class="grid-half-left" markdown>
|
||||
Mail rules support various filters and actions for incoming e-mails.
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="grid-half-right" markdown>
|
||||
Consumption templates provide finer control over the document pipeline.
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
Mobile devices are supported.
|
||||
|
||||
{: style="width:33%"}
|
||||
{: style="width:33%"}
|
||||
{: style="width:33%"}
|
||||
{: style="width:32%"}
|
||||
{: style="width:32%"}
|
||||
{: style="width:32%"}
|
||||
|
||||
## Support
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user