Spaces:
Running
Running
Update index.html
Browse files- index.html +25 -24
index.html
CHANGED
|
@@ -4,7 +4,7 @@
|
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
| 6 |
|
| 7 |
-
<!-- Preload key images to improve
|
| 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" />
|
|
@@ -19,7 +19,7 @@
|
|
| 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
|
|
@@ -37,7 +37,6 @@
|
|
| 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%; }
|
|
@@ -68,26 +67,26 @@
|
|
| 68 |
|
| 69 |
<body class="bg-gray-950 text-white min-h-screen flex flex-col">
|
| 70 |
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
|
|
|
| 86 |
</div>
|
| 87 |
-
</div>
|
| 88 |
|
| 89 |
-
|
| 90 |
-
|
| 91 |
<style>
|
| 92 |
.libutton {
|
| 93 |
display: flex;
|
|
@@ -105,8 +104,10 @@
|
|
| 105 |
font-family: "SF Pro Text", Helvetica, sans-serif;
|
| 106 |
}
|
| 107 |
</style>
|
| 108 |
-
<a class="libutton" href="https://www.linkedin.com/comm/mynetwork/discovery-see-all?usecase=PEOPLE_FOLLOWS&followMember=james-burvel-ocallaghan-iii-2798a52a0" target="_blank">
|
|
|
|
|
|
|
|
|
|
| 109 |
|
| 110 |
-
|
| 111 |
-
</body>
|
| 112 |
</html>
|
|
|
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
| 6 |
|
| 7 |
+
<!-- Preload key images to improve 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" />
|
|
|
|
| 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 — KEEP ONLY ONCE -->
|
| 23 |
<script
|
| 24 |
src="https://platform.linkedin.com/badges/js/profile.js"
|
| 25 |
async
|
|
|
|
| 37 |
opacity: 0.15;
|
| 38 |
pointer-events: none;
|
| 39 |
}
|
|
|
|
| 40 |
@keyframes aurora-flow {
|
| 41 |
0% { background-position: 0% 50%; }
|
| 42 |
50% { background-position: 100% 50%; }
|
|
|
|
| 67 |
|
| 68 |
<body class="bg-gray-950 text-white min-h-screen flex flex-col">
|
| 69 |
|
| 70 |
+
<!-- BADGE — completely outside React -->
|
| 71 |
+
<div class="w-full flex justify-center py-6">
|
| 72 |
+
<div
|
| 73 |
+
class="badge-base LI-profile-badge"
|
| 74 |
+
data-locale="en_US"
|
| 75 |
+
data-size="large"
|
| 76 |
+
data-theme="dark"
|
| 77 |
+
data-type="HORIZONTAL"
|
| 78 |
+
data-vanity="james-burvel-ocallaghan-iii-2798a52a0"
|
| 79 |
+
data-version="v1">
|
| 80 |
+
<a
|
| 81 |
+
class="badge-base__link LI-simple-link"
|
| 82 |
+
href="https://www.linkedin.com/in/james-burvel-ocallaghan-iii-2798a52a0?trk=profile-badge">
|
| 83 |
+
James Burvel OCallaghan III
|
| 84 |
+
</a>
|
| 85 |
+
</div>
|
| 86 |
</div>
|
|
|
|
| 87 |
|
| 88 |
+
<!-- APP AREA BELOW -->
|
| 89 |
+
<div id="root" class="flex-1">
|
| 90 |
<style>
|
| 91 |
.libutton {
|
| 92 |
display: flex;
|
|
|
|
| 104 |
font-family: "SF Pro Text", Helvetica, sans-serif;
|
| 105 |
}
|
| 106 |
</style>
|
| 107 |
+
<a class="libutton" href="https://www.linkedin.com/comm/mynetwork/discovery-see-all?usecase=PEOPLE_FOLLOWS&followMember=james-burvel-ocallaghan-iii-2798a52a0" target="_blank">
|
| 108 |
+
Follow on LinkedIn
|
| 109 |
+
</a>
|
| 110 |
+
</div>
|
| 111 |
|
| 112 |
+
</body>
|
|
|
|
| 113 |
</html>
|