Skip to content

Commit fe71536

Browse files
jdieguez89jdieguez89
committed
Change extension to accept on new rule, adding new font, change text
1 parent 4c79093 commit fe71536

29 files changed

Lines changed: 849 additions & 15186 deletions

‎frontend/package-lock.json‎

Lines changed: 91 additions & 14694 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎frontend/public/index.html‎

Lines changed: 229 additions & 132 deletions
Original file line numberDiff line numberDiff line change
@@ -1,144 +1,241 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
77

8-
[{[ if .ReCaptcha -]}]
8+
[{[ if .ReCaptcha -]}]
99
<script src="[{[ .ReCaptchaHost ]}]/recaptcha/api.js?render=explicit"></script>
10-
[{[ end ]}]
11-
12-
<title>[{[ if .Name -]}][{[ .Name ]}][{[ else ]}]File Browser[{[ end ]}]</title>
13-
14-
<link rel="icon" type="image/png" sizes="32x32" href="[{[ .StaticURL ]}]/img/icons/favicon-32x32.png">
15-
<link rel="icon" type="image/png" sizes="16x16" href="[{[ .StaticURL ]}]/img/icons/favicon-16x16.png">
16-
17-
<!-- Add to home screen for Android and modern mobile browsers -->
18-
<link rel="manifest" id="manifestPlaceholder" crossorigin="use-credentials">
19-
<meta name="theme-color" content="#2979ff">
20-
21-
<!-- Add to home screen for Safari on iOS/iPadOS -->
22-
<meta name="apple-mobile-web-app-capable" content="yes">
23-
<meta name="apple-mobile-web-app-status-bar-style" content="black">
24-
<meta name="apple-mobile-web-app-title" content="assets">
25-
<link rel="apple-touch-icon" href="[{[ .StaticURL ]}]/img/icons/apple-touch-icon.png">
26-
27-
<!-- Add to home screen for Windows -->
28-
<meta name="msapplication-TileImage" content="[{[ .StaticURL ]}]/img/icons/mstile-144x144.png">
29-
<meta name="msapplication-TileColor" content="#2979ff">
30-
31-
<!-- Inject Some Variables and generate the manifest json -->
32-
<script>
33-
window.FileBrowser = JSON.parse('[{[ .Json ]}]');
34-
35-
var fullStaticURL = window.location.origin + window.FileBrowser.StaticURL;
36-
var dynamicManifest = {
37-
"name": window.FileBrowser.Name || 'File Browser',
38-
"short_name": window.FileBrowser.Name || 'File Browser',
39-
"icons": [
40-
{
41-
"src": fullStaticURL + "/img/icons/android-chrome-192x192.png",
42-
"sizes": "192x192",
43-
"type": "image/png"
44-
},
45-
{
46-
"src": fullStaticURL + "/img/icons/android-chrome-512x512.png",
47-
"sizes": "512x512",
48-
"type": "image/png"
49-
}
50-
],
51-
"start_url": window.location.origin + window.FileBrowser.BaseURL,
52-
"display": "standalone",
53-
"background_color": "#ffffff",
54-
"theme_color": "#455a64"
55-
}
56-
57-
const stringManifest = JSON.stringify(dynamicManifest);
58-
const blob = new Blob([stringManifest], {type: 'application/json'});
59-
const manifestURL = URL.createObjectURL(blob);
60-
document.querySelector('#manifestPlaceholder').setAttribute('href', manifestURL);
61-
</script>
62-
63-
<style>
64-
#loading {
65-
position: fixed;
66-
top: 0;
67-
left: 0;
68-
width: 100%;
69-
height: 100%;
70-
background: #fff;
71-
z-index: 9999;
72-
transition: .1s ease opacity;
73-
-webkit-transition: .1s ease opacity;
74-
}
75-
76-
#loading.done {
77-
opacity: 0;
78-
}
79-
80-
#loading .spinner {
81-
width: 70px;
82-
text-align: center;
83-
position: fixed;
84-
top: 50%;
85-
left: 50%;
86-
-webkit-transform: translate(-50%, -50%);
10+
[{[ end ]}]
11+
12+
<title>[{[ if .Name -]}][{[ .Name ]}][{[ else ]}]File Browser[{[ end ]}]</title>
13+
14+
<link rel="icon" type="image/png" sizes="32x32" href="[{[ .StaticURL ]}]/img/icons/favicon-32x32.png">
15+
<link rel="icon" type="image/png" sizes="16x16" href="[{[ .StaticURL ]}]/img/icons/favicon-16x16.png">
16+
17+
<!-- Add to home screen for Android and modern mobile browsers -->
18+
<link rel="manifest" id="manifestPlaceholder" crossorigin="use-credentials">
19+
<meta name="theme-color" content="#2979ff">
20+
21+
<!-- Add to home screen for Safari on iOS/iPadOS -->
22+
<meta name="apple-mobile-web-app-capable" content="yes">
23+
<meta name="apple-mobile-web-app-status-bar-style" content="black">
24+
<meta name="apple-mobile-web-app-title" content="assets">
25+
<link rel="apple-touch-icon" href="[{[ .StaticURL ]}]/img/icons/apple-touch-icon.png">
26+
27+
<!-- Add to home screen for Windows -->
28+
<meta name="msapplication-TileImage" content="[{[ .StaticURL ]}]/img/icons/mstile-144x144.png">
29+
<meta name="msapplication-TileColor" content="#2979ff">
30+
31+
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Roboto:300,400,500,600,700"
32+
rel="stylesheet">
33+
34+
<!-- Inject Some Variables and generate the manifest json -->
35+
<script>
36+
window.FileBrowser = JSON.parse('[{[ .Json ]}]');
37+
38+
var fullStaticURL = window.location.origin + window.FileBrowser.StaticURL;
39+
var dynamicManifest = {
40+
"name": window.FileBrowser.Name || 'File Browser',
41+
"short_name": window.FileBrowser.Name || 'File Browser',
42+
"icons": [
43+
{
44+
"src": fullStaticURL + "/img/icons/android-chrome-192x192.png",
45+
"sizes": "192x192",
46+
"type": "image/png"
47+
},
48+
{
49+
"src": fullStaticURL + "/img/icons/android-chrome-512x512.png",
50+
"sizes": "512x512",
51+
"type": "image/png"
52+
}
53+
],
54+
"start_url": window.location.origin + window.FileBrowser.BaseURL,
55+
"display": "standalone",
56+
"background_color": "#ffffff",
57+
"theme_color": "#455a64"
58+
}
59+
60+
const stringManifest = JSON.stringify(dynamicManifest);
61+
const blob = new Blob([stringManifest], {type: 'application/json'});
62+
const manifestURL = URL.createObjectURL(blob);
63+
document.querySelector('#manifestPlaceholder').setAttribute('href', manifestURL);
64+
</script>
65+
66+
<style>
67+
#loading {
68+
position: fixed;
69+
top: 0;
70+
left: 0;
71+
width: 100%;
72+
height: 100%;
73+
background: #fff;
74+
z-index: 9999;
75+
transition: .1s ease opacity;
76+
-webkit-transition: .1s ease opacity;
77+
}
78+
79+
#loading.done {
80+
opacity: 0;
81+
}
82+
83+
#loading .spinner {
84+
width: 70px;
85+
text-align: center;
86+
position: fixed;
87+
top: 50%;
88+
left: 50%;
89+
-webkit-transform: translate(-50%, -50%);
8790
transform: translate(-50%, -50%);
88-
}
89-
90-
#loading .spinner > div {
91-
width: 18px;
92-
height: 18px;
93-
background-color: #333;
94-
border-radius: 100%;
95-
display: inline-block;
96-
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
97-
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
98-
}
99-
100-
#loading .spinner .bounce1 {
101-
-webkit-animation-delay: -0.32s;
102-
animation-delay: -0.32s;
103-
}
104-
105-
#loading .spinner .bounce2 {
106-
-webkit-animation-delay: -0.16s;
107-
animation-delay: -0.16s;
108-
}
109-
110-
@-webkit-keyframes sk-bouncedelay {
111-
0%, 80%, 100% { -webkit-transform: scale(0) }
112-
40% { -webkit-transform: scale(1.0) }
113-
}
114-
115-
@keyframes sk-bouncedelay {
116-
0%, 80%, 100% {
117-
-webkit-transform: scale(0);
118-
transform: scale(0);
119-
} 40% {
120-
-webkit-transform: scale(1.0);
121-
transform: scale(1.0);
122-
}
123-
}
124-
</style>
91+
}
92+
93+
#loading .spinner > div {
94+
width: 18px;
95+
height: 18px;
96+
background-color: #333;
97+
border-radius: 100%;
98+
display: inline-block;
99+
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
100+
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
101+
}
102+
103+
#loading .spinner .bounce1 {
104+
-webkit-animation-delay: -0.32s;
105+
animation-delay: -0.32s;
106+
}
107+
108+
#loading .spinner .bounce2 {
109+
-webkit-animation-delay: -0.16s;
110+
animation-delay: -0.16s;
111+
}
112+
113+
@-webkit-keyframes sk-bouncedelay {
114+
0%, 80%, 100% {
115+
-webkit-transform: scale(0)
116+
}
117+
40% {
118+
-webkit-transform: scale(1.0)
119+
}
120+
}
121+
122+
@keyframes sk-bouncedelay {
123+
0%, 80%, 100% {
124+
-webkit-transform: scale(0);
125+
transform: scale(0);
126+
}
127+
40% {
128+
-webkit-transform: scale(1.0);
129+
transform: scale(1.0);
130+
}
131+
}
132+
.lds-dual-ring {
133+
display: block;
134+
border-radius: 50%;
135+
animation: lds-dual-ring .8s linear infinite;
136+
border: 1px solid #232f3e;
137+
border-color: #232f3e rgb(236, 236, 236);
138+
}
139+
140+
@keyframes lds-dual-ring {
141+
0% {
142+
transform: rotate(0deg);
143+
}
144+
100% {
145+
transform: rotate(360deg);
146+
}
147+
}
148+
149+
150+
.la-line-scale-pulse-out.la-2x > div {
151+
width: 5px;
152+
height: 40px;
153+
margin: 0 2px;
154+
border-radius: 5px;
155+
}
156+
157+
.la-line-scale-pulse-out > div:nth-child(1), .la-line-scale-pulse-out > div:nth-child(5) {
158+
-webkit-animation-delay: -.5s;
159+
animation-delay: -.5s;
160+
}
161+
162+
.la-line-scale-pulse-out > div:nth-child(2), .la-line-scale-pulse-out > div:nth-child(4) {
163+
-webkit-animation-delay: -.7s;
164+
animation-delay: -.7s;
165+
}
166+
167+
.la-line-scale-pulse-out > div:nth-child(3) {
168+
-webkit-animation-delay: -.9s;
169+
animation-delay: -.9s;
170+
}
171+
172+
.label-color {
173+
color: rgba(0, 75, 139, 0.3);
174+
}
175+
176+
.la-line-scale-pulse-out > div {
177+
display: inline-block;
178+
float: none;
179+
background-color: rgba(0, 75, 139, 0.3);
180+
border: 0 solid rgba(0, 75, 139, 0.3);
181+
width: 4px;
182+
height: 32px;
183+
margin: 0 2px;
184+
border-radius: 0;
185+
-webkit-animation: .9s cubic-bezier(.85, .25, .37, .85) infinite line-scale-pulse-out;
186+
animation: .9s cubic-bezier(.85, .25, .37, .85) infinite line-scale-pulse-out;
187+
}
188+
189+
.la-line-scale-pulse-out, .la-line-scale-pulse-out > div {
190+
position: relative;
191+
box-sizing: border-box;
192+
}
193+
194+
@keyframes line-scale-pulse-out {
195+
0%, 100% {
196+
transform: scaley(1)
197+
}
198+
50% {
199+
transform: scaley(.3)
200+
}
201+
}
202+
203+
.sbl-circ-path {
204+
width: 25px;
205+
height: 25px;
206+
color: rgba(90, 90, 90, 0.2);
207+
position: relative;
208+
display: inline-block;
209+
border: 2px solid;
210+
border-radius: 50%;
211+
border-right-color: #232f3e;
212+
animation: rotate 1s linear infinite;
213+
}
214+
215+
@keyframes rotate {
216+
0% {
217+
transform: rotate(0);
218+
}
219+
100% {
220+
transform: rotate(360deg);
221+
}
222+
}
223+
</style>
125224
</head>
126225
<body>
127-
<div id="app"></div>
226+
<div id="app"></div>
128227

129-
<div id="loading">
130-
<div class="spinner">
131-
<div class="bounce1"></div>
132-
<div class="bounce2"></div>
133-
<div class="bounce3"></div>
228+
<div id="loading">
229+
<div class="utm-spinner d-flex flex-column align-items-center justify-content-center">
230+
<div class="sbl-circ-path"></div>
134231
</div>
135-
</div>
136-
137-
[{[ if .Theme -]}]
138-
<link rel="stylesheet" href="[{[ .StaticURL ]}]/themes/[{[ .Theme ]}].css" />
139-
[{[ end ]}]
140-
[{[ if .CSS -]}]
141-
<link rel="stylesheet" href="[{[ .StaticURL ]}]/custom.css" />
142-
[{[ end ]}]
232+
</div>
233+
234+
[{[ if .Theme -]}]
235+
<link rel="stylesheet" href="[{[ .StaticURL ]}]/themes/[{[ .Theme ]}].css"/>
236+
[{[ end ]}]
237+
[{[ if .CSS -]}]
238+
<link rel="stylesheet" href="[{[ .StaticURL ]}]/custom.css"/>
239+
[{[ end ]}]
143240
</body>
144241
</html>

‎frontend/src/assets/fonts/poppins/Poppins-Black.ttf‎

148 KB
Binary file not shown.

‎frontend/src/assets/fonts/poppins/Poppins-BlackItalic.ttf‎

168 KB
Binary file not shown.

‎frontend/src/assets/fonts/poppins/Poppins-Bold.ttf‎

150 KB
Binary file not shown.

‎frontend/src/assets/fonts/poppins/Poppins-BoldItalic.ttf‎

172 KB
Binary file not shown.

‎frontend/src/assets/fonts/poppins/Poppins-ExtraBold.ttf‎

149 KB
Binary file not shown.

‎frontend/src/assets/fonts/poppins/Poppins-ExtraBoldItalic.ttf‎

170 KB
Binary file not shown.

‎frontend/src/assets/fonts/poppins/Poppins-ExtraLight.ttf‎

158 KB
Binary file not shown.

‎frontend/src/assets/fonts/poppins/Poppins-ExtraLightItalic.ttf‎

182 KB
Binary file not shown.

0 commit comments

Comments
 (0)