Skip to content

Commit

Permalink
Update presentation pages
Browse files Browse the repository at this point in the history
  • Loading branch information
Royer Antonio Gomez Jimenez committed Jan 23, 2024
1 parent 4d040b2 commit 8c18d29
Show file tree
Hide file tree
Showing 5 changed files with 1,036 additions and 13 deletions.
10 changes: 10 additions & 0 deletions public/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,16 @@
margin: auto;
}

#result-section {
display: none;
}

#error-statement {
display: none;
color: red;
}


@keyframes spin {
0% {
transform: rotate(0deg);
Expand Down
44 changes: 36 additions & 8 deletions public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@
<meta name="generator" content="BBEdit 8.7" />
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css" />
<link rel="stylesheet" href="custom.css" />
<link href="lib/jsonTree.css" rel="stylesheet" />
<script src="lib/jsonTree.js"></script>
<title>PDF Metadata Extractor</title>
</head>

Expand All @@ -19,7 +21,23 @@ <h1>PDF Metadata Extractor</h1>
PDF file in a ease way. Just provide us with a url with your pdf and we
will do the rest.
</p>

<details>
<summary>Glossary</summary>
<p>The following fields will be generated</p>
<ul>
<li>Pages: total page of document</li>
<li>Word count: total word calculeted in document</li>
<li>Read time: estimed time to complete read the document</li>
<li>
Metadata: properties of documents files usings
<a
href="https://helpx.adobe.com/acrobat/using/pdf-properties-metadata.html"
target="_blank"
>adobe metadata definition.</a
>
</li>
</ul>
</details>
<p>
This product is part of
<a href="https://litterarum.vercel.app/" target="_blank">Litterarum</a>
Expand Down Expand Up @@ -48,13 +66,23 @@ <h1>PDF Metadata Extractor</h1>

<div class="result-container">
<div id="loading"></div>
<article id="result">
<h4>Results for: <span id="result-title"> asdasd </span></h4>
<code id="result-code">
body { color: var(--text); background: var(--bg); font-size:
1.15rem; line-height: 1.5; margin: 0; }
</code>
</article>
<p id="error-statement"></p>
<section id="result-section">
<h4>Results for: <span id="result-title"></span></h4>

<ul>
<li>Pages: <span></span></li>
<li>Word count: <span></span></li>
<li>Read time<i>(estimated)</i>: <span></span></li>
</ul>

<details>
<summary>Complete response</summary>
<div id="container"></div>
</details>
</section>


</div>
</main>

Expand Down
122 changes: 122 additions & 0 deletions public/lib/jsonTree.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,122 @@
/*
* JSON Tree Viewer
* http://github.com/summerstyle/jsonTreeViewer
*
* Copyright 2017 Vera Lobacheva (http://iamvera.com)
* Released under the MIT license (LICENSE.txt)
*/

/* Background for the tree. May use for <body> element */
.jsontree_bg {
background: #fff;
}

/* Styles for the container of the tree (e.g. fonts, margins etc.) */
.jsontree_tree {
margin-left: 30px;
font-family: "PT Mono", monospace;
font-size: 14px;
}

/* Styles for a list of child nodes */
.jsontree_child-nodes {
display: none;
margin-left: 35px;
margin-bottom: 5px;
line-height: 2;
}
.jsontree_node_expanded
> .jsontree_value-wrapper
> .jsontree_value
> .jsontree_child-nodes {
display: block;
}

/* Styles for labels */
.jsontree_label-wrapper {
float: left;
margin-right: 8px;
}
.jsontree_label {
font-weight: normal;
vertical-align: top;
color: #000;
position: relative;
padding: 1px;
border-radius: 4px;
cursor: default;
}
.jsontree_node_marked > .jsontree_label-wrapper > .jsontree_label {
background: #fff2aa;
}

/* Styles for values */
.jsontree_value-wrapper {
display: block;
overflow: hidden;
}
.jsontree_node_complex > .jsontree_value-wrapper {
overflow: inherit;
}
.jsontree_value {
vertical-align: top;
display: inline;
}
.jsontree_value_null {
color: #777;
font-weight: bold;
}
.jsontree_value_string {
color: #025900;
font-weight: bold;
}
.jsontree_value_number {
color: #000e59;
font-weight: bold;
}
.jsontree_value_boolean {
color: #600100;
font-weight: bold;
}

/* Styles for active elements */
.jsontree_expand-button {
position: absolute;
top: 3px;
left: -15px;
display: block;
width: 11px;
height: 11px;
background-image: url("icons.svg");
}
.jsontree_node_expanded
> .jsontree_label-wrapper
> .jsontree_label
> .jsontree_expand-button {
background-position: 0 -11px;
}
.jsontree_show-more {
cursor: pointer;
}
.jsontree_node_expanded
> .jsontree_value-wrapper
> .jsontree_value
> .jsontree_show-more {
display: none;
}
.jsontree_node_empty
> .jsontree_label-wrapper
> .jsontree_label
> .jsontree_expand-button,
.jsontree_node_empty
> .jsontree_value-wrapper
> .jsontree_value
> .jsontree_show-more {
display: none !important;
}
.jsontree_node_complex > .jsontree_label-wrapper > .jsontree_label {
cursor: pointer;
}
.jsontree_node_empty > .jsontree_label-wrapper > .jsontree_label {
cursor: default !important;
}
Loading

0 comments on commit 8c18d29

Please sign in to comment.