Hugging Face's logo

Spaces:
admin08077
/
Aimobile
Running

App Files Community
admin08077 commited on
Commit
a77fd17
·
verified ·
1 Parent(s): cfebdad

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +72 -36
index.html CHANGED
@@ -3,53 +3,89 @@
3
  <head>
4
  <meta charset="UTF-8" />
5
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
 
6
  <!-- Preload key images to improve Largest Contentful Paint (LCP) -->
7
  <link rel="preload" href="/assets/IMG_5610-ZCjg0wqf.webp" as="image" />
8
  <link rel="preload" href="/thumb1.webp" as="image" />
9
  <link rel="preload" href="/thumb2.webp" as="image" />
10
  <link rel="preload" href="/thumb3.webp" as="image" />
11
  <link rel="preload" href="/nft-pass.webp" as="image" />
 
12
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
13
  <title>Demo Bank</title>
 
 
14
  <script src="https://cdn.tailwindcss.com"></script>
15
  <script src="https://cdn.plaid.com/link/v2/stable/link-initialize.js"></script>
16
  <script src="https://d3js.org/d3.v7.min.js"></script>
17
- <script src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript"></script>
18
- <style>
19
- /* Global styles for dynamic effects to prevent style tag injection */
20
- .aurora-illusion {
21
- background: radial-gradient(ellipse at top, #06b6d4, transparent),
22
- radial-gradient(ellipse at bottom, #4f46e5, transparent);
23
- background-size: 200% 200%;
24
- animation: aurora-flow 15s ease-in-out infinite;
25
- opacity: 0.15;
26
- pointer-events: none;
27
- }
28
-
29
- @keyframes aurora-flow {
30
- 0% { background-position: 0% 50%; }
31
- 50% { background-position: 100% 50%; }
32
- 100% { background-position: 0% 50%; }
33
- }
34
- </style>
35
- <link rel="stylesheet" href="/index.css">
36
- <script type="importmap">
37
- {
38
- "imports": {
39
- "react": "https://esm.sh/react@18.3.1",
40
- "react-dom/client": "https://esm.sh/react-dom@18.3.1/client",
41
- "recharts": "https://esm.sh/recharts@2.12.7",
42
- "@google/genai": "https://esm.sh/@google/genai@0.12.0",
43
- "@apollo/client": "https://esm.sh/@apollo/client@3.10.8",
44
- "react-dom/": "https://esm.sh/react-dom@18.3.1/",
45
- "react/": "https://esm.sh/react@18.3.1/"
46
- }
47
- }
48
- </script>
49
- <script type="module" crossorigin src="/assets/index-ChMiDW7-.js"></script>
50
- </head>
51
- <body class="bg-gray-950"><div class="badge-base LI-profile-badge" data-locale="en_US" data-size="large" data-theme="dark" data-type="HORIZONTAL" data-vanity="james-burvel-o’callaghan-iii-2798a52a0" data-version="v1"><a class="badge-base__link LI-simple-link" href="https://www.linkedin.com/in/james-burvel-o%E2%80%99callaghan-iii-2798a52a0?trk=profile-badge">James Burvel O’Callaghan III</a></div>
52
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
53
  <div id="root"></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
54
  </body>
55
  </html>
 
3
  <head>
4
  <meta charset="UTF-8" />
5
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
+
7
  <!-- Preload key images to improve Largest Contentful Paint (LCP) -->
8
  <link rel="preload" href="/assets/IMG_5610-ZCjg0wqf.webp" as="image" />
9
  <link rel="preload" href="/thumb1.webp" as="image" />
10
  <link rel="preload" href="/thumb2.webp" as="image" />
11
  <link rel="preload" href="/thumb3.webp" as="image" />
12
  <link rel="preload" href="/nft-pass.webp" as="image" />
13
+
14
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
15
  <title>Demo Bank</title>
16
+
17
+ <!-- Tailwind, Plaid, D3 -->
18
  <script src="https://cdn.tailwindcss.com"></script>
19
  <script src="https://cdn.plaid.com/link/v2/stable/link-initialize.js"></script>
20
  <script src="https://d3js.org/d3.v7.min.js"></script>
21
+
22
+ <!-- LinkedIn Badge Script -->
23
+ <script
24
+ src="https://platform.linkedin.com/badges/js/profile.js"
25
+ async
26
+ defer
27
+ type="text/javascript"
28
+ ></script>
29
+
30
+ <style>
31
+ /* Subtle Aurora effect */
32
+ .aurora-illusion {
33
+ background: radial-gradient(ellipse at top, #06b6d4, transparent),
34
+ radial-gradient(ellipse at bottom, #4f46e5, transparent);
35
+ background-size: 200% 200%;
36
+ animation: aurora-flow 15s ease-in-out infinite;
37
+ opacity: 0.15;
38
+ pointer-events: none;
39
+ }
40
+
41
+ @keyframes aurora-flow {
42
+ 0% { background-position: 0% 50%; }
43
+ 50% { background-position: 100% 50%; }
44
+ 100% { background-position: 0% 50%; }
45
+ }
46
+ </style>
47
+
48
+ <link rel="stylesheet" href="/index.css" />
49
+
50
+ <!-- Import maps for ESM modules -->
51
+ <script type="importmap">
52
+ {
53
+ "imports": {
54
+ "react": "https://esm.sh/react@18.3.1",
55
+ "react-dom/client": "https://esm.sh/react-dom@18.3.1/client",
56
+ "recharts": "https://esm.sh/recharts@2.12.7",
57
+ "@google/genai": "https://esm.sh/@google/genai@0.12.0",
58
+ "@apollo/client": "https://esm.sh/@apollo/client@3.10.8",
59
+ "react-dom/": "https://esm.sh/react-dom@18.3.1/",
60
+ "react/": "https://esm.sh/react@18.3.1/"
61
+ }
62
+ }
63
+ </script>
64
+
65
+ <!-- Your main entry -->
66
+ <script type="module" crossorigin src="/assets/index-ChMiDW7-.js"></script>
67
+ </head>
68
+
69
+ <body class="bg-gray-950 text-white">
70
+ <!-- React root -->
71
  <div id="root"></div>
72
+
73
+ <!-- LinkedIn Badge (place AFTER React root) -->
74
+ <div
75
+ class="badge-base LI-profile-badge mx-auto mt-8"
76
+ data-locale="en_US"
77
+ data-size="large"
78
+ data-theme="dark"
79
+ data-type="HORIZONTAL"
80
+ data-vanity="james-burvel-ocallaghan-iii-2798a52a0"
81
+ data-version="v1"
82
+ >
83
+ <a
84
+ class="badge-base__link LI-simple-link"
85
+ href="https://www.linkedin.com/in/james-burvel-ocallaghan-iii-2798a52a0?trk=profile-badge"
86
+ >
87
+ James Burvel O’Callaghan III
88
+ </a>
89
+ </div>
90
  </body>
91
  </html>