Hugging Face's logo

Spaces:
ZeusLabs
/
README
Running

App Files Community
2
Steelskull commited on
Commit
0f15a80
·
verified ·
1 Parent(s): c50949f

Update README.md

Browse files

Fix didnt work.... attempt #4

Files changed (1) hide show
  1. README.md +71 -52
README.md CHANGED
@@ -14,84 +14,103 @@ pinned: true
14
  <title>Zeus Labs Organization Card</title>
15
  <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap" rel="stylesheet">
16
  <style>
17
- /* Force dark mode */
18
  :root {
19
- color-scheme: dark;
20
  }
21
- /* Ensure our style take precedence */
22
- body, html, .ant-layout, .ant-layout-content {
23
- background-color: #0a1128 !important;
24
  color: #e0e1dd !important;
25
  }
26
- body, html {
27
- height: 100%;
 
 
 
 
 
 
 
 
 
28
  margin: 0;
29
  padding: 0;
30
- font-family: 'Quicksand', sans-serif;
31
- font-size: 16px;
32
  }
 
 
 
 
 
 
 
33
  .container {
34
- width: 100%;
35
- max-width: 800px;
36
- margin: 0 auto;
37
- padding: 20px;
38
- background-color: rgba(255, 255, 255, 0.05);
39
- border-radius: 12px;
40
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
41
- backdrop-filter: blur(10px);
42
- border: 1px solid rgba(255, 255, 255, 0.1);
43
- }
44
- .header h1 {
45
- font-size: 36px;
46
- color: #4cc9f0;
47
- margin: 0 0 20px 0;
48
- text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 
 
 
49
  }
50
  h2 {
51
- font-size: 24px;
52
- color: #7209b7;
53
- margin-top: 30px;
54
  }
55
  p, ul {
56
- font-size: 16px;
57
- line-height: 1.6;
58
- color: #e0e1dd;
59
  }
 
60
  .logo {
61
- width: 300px;
62
- height: auto;
63
- margin: auto;
64
- display: block;
65
- box-shadow: 0 0 20px rgba(79, 195, 247, 0.6);
66
  }
 
67
  a {
68
- color: #4cc9f0;
69
- text-decoration: none;
70
  }
71
  a:hover {
72
- color: #f72585;
73
  }
74
  .button {
75
- display: inline-block;
76
- background-color: #3a0ca3;
77
- color: #e0e1dd;
78
- padding: 10px 20px;
79
- border-radius: 5px;
80
- cursor: pointer;
81
- text-decoration: none;
82
- margin-top: 20px;
 
83
  }
84
  .button:hover {
85
- background-color: #7209b7;
86
  }
 
87
  .team-member {
88
- margin-bottom: 15px;
89
  }
90
  .achievements {
91
- background-color: rgba(58, 12, 163, 0.2);
92
- border-radius: 8px;
93
- padding: 15px;
94
- margin-top: 20px;
95
  }
96
  </style>
97
  </head>
 
14
  <title>Zeus Labs Organization Card</title>
15
  <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap" rel="stylesheet">
16
  <style>
17
+ /* Force color scheme and override Hugging Face styles */
18
  :root {
19
+ color-scheme: light dark !important;
20
  }
21
+ /* Ensure our styles take precedence */
22
+ html {
23
+ background: linear-gradient(135deg, #0a1128 0%, #1c2541 100%) !important;
24
  color: #e0e1dd !important;
25
  }
26
+ body,
27
+ .ant-layout,
28
+ .ant-layout-content,
29
+ div[class^="style-scope"],
30
+ div[class*=" style-scope"] {
31
+ background: transparent !important;
32
+ color: #e0e1dd !important;
33
+ }
34
+ /* Reset and base styles */
35
+ * {
36
+ box-sizing: border-box;
37
  margin: 0;
38
  padding: 0;
 
 
39
  }
40
+ body {
41
+ font-family: 'Quicksand', sans-serif !important;
42
+ font-size: 16px !important;
43
+ line-height: 1.6 !important;
44
+ min-height: 100vh !important;
45
+ }
46
+ /* Container styles */
47
  .container {
48
+ width: 100% !important;
49
+ max-width: 800px !important;
50
+ margin: 0 auto !important;
51
+ padding: 20px !important;
52
+ background-color: rgba(255, 255, 255, 0.05) !important;
53
+ border-radius: 12px !important;
54
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
55
+ backdrop-filter: blur(10px) !important;
56
+ border: 1px solid rgba(255, 255, 255, 0.1) !important;
57
+ }
58
+ /* Typography */
59
+ h1, h2, h3, h4, h5, h6 {
60
+ color: #4cc9f0 !important;
61
+ margin-bottom: 20px !important;
62
+ }
63
+ h1 {
64
+ font-size: 36px !important;
65
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;
66
  }
67
  h2 {
68
+ font-size: 24px !important;
69
+ color: #7209b7 !important;
70
+ margin-top: 30px !important;
71
  }
72
  p, ul {
73
+ margin-bottom: 15px !important;
 
 
74
  }
75
+ /* Logo */
76
  .logo {
77
+ width: 300px !important;
78
+ height: auto !important;
79
+ margin: 0 auto 20px !important;
80
+ display: block !important;
81
+ box-shadow: 0 0 20px rgba(79, 195, 247, 0.6) !important;
82
  }
83
+ /* Links and buttons */
84
  a {
85
+ color: #4cc9f0 !important;
86
+ text-decoration: none !important;
87
  }
88
  a:hover {
89
+ color: #f72585 !important;
90
  }
91
  .button {
92
+ display: inline-block !important;
93
+ background-color: #3a0ca3 !important;
94
+ color: #e0e1dd !important;
95
+ padding: 10px 20px !important;
96
+ border-radius: 5px !important;
97
+ cursor: pointer !important;
98
+ text-decoration: none !important;
99
+ margin-top: 20px !important;
100
+ font-weight: bold !important;
101
  }
102
  .button:hover {
103
+ background-color: #7209b7 !important;
104
  }
105
+ /* Custom classes */
106
  .team-member {
107
+ margin-bottom: 15px !important;
108
  }
109
  .achievements {
110
+ background-color: rgba(58, 12, 163, 0.2) !important;
111
+ border-radius: 8px !important;
112
+ padding: 15px !important;
113
+ margin-top: 20px !important;
114
  }
115
  </style>
116
  </head>