Hugging Face's logo

Spaces:
PrometheusGroup
/
filemaster-control-panel
Running

App Files Community
PrometheusGroup commited on
Commit
e0ce5c7
·
verified ·
1 Parent(s): 7dec804

wow a blank page!! awesome

Browse files
Files changed (2) hide show
  1. index.html +11 -2
  2. style.css +5 -3
index.html CHANGED
@@ -9,9 +9,18 @@
9
  </head>
10
  <body class="dark-theme">
11
  <div id="root"></div>
12
- <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
13
- <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
14
  <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
15
  <script type="text/babel" src="script.js"></script>
 
 
 
 
 
 
 
 
 
16
  </body>
17
  </html>
 
9
  </head>
10
  <body class="dark-theme">
11
  <div id="root"></div>
12
+ <script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
13
+ <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
14
  <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
15
  <script type="text/babel" src="script.js"></script>
16
+ <style>
17
+ body {
18
+ opacity: 0;
19
+ animation: fadeIn 0.5s ease-in forwards;
20
+ }
21
+ @keyframes fadeIn {
22
+ to { opacity: 1; }
23
+ }
24
+ </style>
25
  </body>
26
  </html>
style.css CHANGED
@@ -9,20 +9,22 @@
9
  --error: #F56565;
10
  --success: #48BB78;
11
  }
12
-
13
  body.dark-theme {
14
  background-color: var(--background);
15
  color: var(--text);
16
  min-height: 100vh;
17
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 
 
18
  }
19
-
20
  .container {
21
  max-width: 1200px;
22
  margin: 0 auto;
23
  padding: 2rem;
 
 
 
24
  }
25
-
26
  header {
27
  margin-bottom: 2rem;
28
  text-align: center;
 
9
  --error: #F56565;
10
  --success: #48BB78;
11
  }
 
12
  body.dark-theme {
13
  background-color: var(--background);
14
  color: var(--text);
15
  min-height: 100vh;
16
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
17
+ margin: 0;
18
+ padding: 0;
19
  }
 
20
  .container {
21
  max-width: 1200px;
22
  margin: 0 auto;
23
  padding: 2rem;
24
+ min-height: 100vh;
25
+ display: flex;
26
+ flex-direction: column;
27
  }
 
28
  header {
29
  margin-bottom: 2rem;
30
  text-align: center;