Hugging Face's logo

Spaces:
Echo9k
/
PDF_reader
Sleeping

App Files Community
Echo9k commited on
Commit
5c4aab2
·
1 Parent(s): 0dd8dfd

new background

Browse files
Files changed (1) hide show
  1. header.html +46 -111
header.html CHANGED
@@ -2,129 +2,64 @@
2
  <head>
3
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
4
  <style>
5
- .link-block {
6
- border: 1px solid transparent;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7
  border-radius: 24px;
8
  background-color: rgba(54, 54, 54, 1);
9
- cursor: pointer !important;
10
- }
11
- .link-block:hover {
12
- background-color: rgba(54, 54, 54, 0.75) !important;
13
- cursor: pointer !important;
14
  }
15
- .external-link {
16
- display: inline-flex;
17
- align-items: center;
18
- height: 36px;
19
- line-height: 36px;
20
- padding: 0 16px;
21
- cursor: pointer !important;
22
  }
23
- a {
24
- text-decoration: none;
 
 
25
  }
26
  </style>
27
  </head>
28
 
29
  <body>
30
- <div style="
31
- display: flex;
32
- flex-direction: column;
33
- justify-content: center;
34
- align-items: center;
35
- text-align: center;
36
- background: linear-gradient(45deg, #007bff 0%, #0056b3 100%);
37
- padding: 24px;
38
- gap: 24px;
39
- border-radius: 8px;
40
- ">
41
- <div style="display: flex; flex-direction: column; align-items: center; gap: 16px">
42
- <div style="display: flex; flex-direction: column; gap: 8px">
43
- <h1 style="
44
- font-size: 48px;
45
- color: #fafafa;
46
- margin: 0;
47
- font-family: 'Trebuchet MS', 'Lucida Sans Unicode',
48
- 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
49
- ">
50
- MinerU: AI-Powered PDF Extraction & Voice Reading
51
- </h1>
52
- </div>
53
- </div>
54
-
55
- <p style="
56
- margin: 0;
57
- line-height: 1.6rem;
58
- font-size: 16px;
59
- color: #fafafa;
60
- opacity: 0.8;
61
- ">
62
- Built for automation and efficiency, MinerU is an open-source AI solution<br>
63
- for extracting insights from PDFs, webpages, and e-books—now with voice-powered<br>
64
- reading capabilities for hands-free access to your documents.
65
- </p>
66
- <style>
67
- .link-block {
68
- display: inline-block;
69
- }
70
- .link-block + .link-block {
71
- margin-left: 20px;
72
- }
73
- </style>
74
-
75
- <div class="column has-text-centered">
76
- <div class="publication-links">
77
- <!-- Code Link. -->
78
- <span class="link-block">
79
- <a href="https://github.com/opendatalab/MinerU" class="external-link button is-normal is-rounded is-dark">
80
- <span class="icon" style="margin-right: 4px">
81
- <i class="fab fa-github" style="color: white; margin-right: 4px"></i>
82
- </span>
83
- <span style="color: white">Code</span>
84
- </a>
85
- </span>
86
 
87
- <!-- arXiv Link. -->
88
- <span class="link-block">
89
- <a href="https://arxiv.org/abs/2409.18839" class="external-link button is-normal is-rounded is-dark">
90
- <span class="icon" style="margin-right: 8px">
91
- <i class="fas fa-file" style="color: white"></i>
92
- </span>
93
- <span style="color: white">Paper</span>
94
- </a>
95
- </span>
96
 
97
- <!-- Homepage Link. -->
98
- <span class="link-block">
99
- <a href="https://mineru.org.cn/home?source=huggingface" class="external-link button is-normal is-rounded is-dark">
100
- <span class="icon" style="margin-right: 8px">
101
- <i class="fas fa-home" style="color: white"></i>
102
- </span>
103
- <span style="color: white">Homepage</span>
104
- </a>
105
- </span>
106
 
107
- <!-- Client Link. -->
108
- <span class="link-block">
109
- <a href="https://mineru.org.cn/client?source=huggingface" class="external-link button is-normal is-rounded is-dark">
110
- <span class="icon" style="margin-right: 8px">
111
- <i class="fas fa-download" style="color: white"></i>
112
- </span>
113
- <span style="color: white">Download</span>
114
- </a>
115
- </span>
116
 
117
- <!-- Voice Reading Demo Link. -->
118
- <span class="link-block">
119
- <a href="https://mineru.org.cn/voice?source=huggingface" class="external-link button is-normal is-rounded is-dark">
120
- <span class="icon" style="margin-right: 8px">
121
- <i class="fas fa-volume-up" style="color: white"></i>
122
- </span>
123
- <span style="color: white">Voice Reading Demo</span>
124
- </a>
125
- </span>
126
- </div>
127
- </div>
128
- </div>
129
  </body>
130
  </html>
 
2
  <head>
3
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
4
  <style>
5
+ body {
6
+ font-family: Arial, sans-serif;
7
+ background: linear-gradient(45deg, #007bff 0%, #0056b3 100%);
8
+ color: white;
9
+ text-align: center;
10
+ padding: 20px;
11
+ }
12
+ .container {
13
+ max-width: 600px;
14
+ margin: auto;
15
+ padding: 20px;
16
+ border-radius: 8px;
17
+ background: rgba(0, 0, 0, 0.2);
18
+ }
19
+ .button {
20
+ display: inline-block;
21
+ padding: 10px 20px;
22
+ margin: 10px;
23
  border-radius: 24px;
24
  background-color: rgba(54, 54, 54, 1);
25
+ color: white;
26
+ text-decoration: none;
27
+ font-size: 16px;
 
 
28
  }
29
+ .button:hover {
30
+ background-color: rgba(54, 54, 54, 0.75);
 
 
 
 
 
31
  }
32
+ input {
33
+ margin-top: 10px;
34
+ padding: 8px;
35
+ border-radius: 5px;
36
  }
37
  </style>
38
  </head>
39
 
40
  <body>
41
+ <div class="container">
42
+ <h1>PDF Voice Reader</h1>
43
+ <p>Extract and listen to text from your PDF files effortlessly.</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
44
 
45
+ <!-- File Upload -->
46
+ <input type="file" id="pdfUpload" accept="application/pdf">
47
+
48
+ <br><br>
 
 
 
 
 
49
 
50
+ <!-- Buttons -->
51
+ <a href="#" class="button" onclick="extractText()">Extract Text</a>
52
+ <a href="#" class="button" onclick="readText()">Read Aloud</a>
53
+ </div>
 
 
 
 
 
54
 
55
+ <script>
56
+ function extractText() {
57
+ alert("Text extraction coming soon...");
58
+ }
 
 
 
 
 
59
 
60
+ function readText() {
61
+ alert("Voice synthesis coming soon...");
62
+ }
63
+ </script>
 
 
 
 
 
 
 
 
64
  </body>
65
  </html>