AnthonyFinney.github.io/index.html at main · AnthonyFinney/AnthonyFinney.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="referrer" content="strict-origin-when-cross-origin"/>
        <title>Soshie A. Finney — Full-Stack Developer</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta
            name="description"
            content="Portfolio of Soshie A. Finney — web apps, skills, and contact."
        />
        <meta name="theme-color" content="#0b1220" />
        <meta name="color-scheme" content="dark light" />
        <meta property="og:site_name" content="Soshie A. Finney" />
        <meta property="og:image:alt" content="Preview of Soshie A. Finney’s portfolio" />
        <meta property="og:type" content="website" />
        <meta
            property="og:title"
            content="Soshie A. Finney — Full-Stack Developer"
        />
        <meta
            property="og:description"
            content="view projects, skills, and contact."
        />
        <meta property="og:url" content="https://anthonyfinney.is-a.dev/" />
        <meta
            property="og:image"
            content="https://anthonyfinney.is-a.dev/assets/social-preview-v2.png"
        />
        <meta property="og:image:width" content="1200" />
        <meta property="og:image:height" content="630" />

        <meta name="twitter:card" content="summary_large_image" />
        <meta
            name="twitter:title"
            content="Soshie A. Finney — Full-Stack Developer"
        />
        <meta
            name="twitter:description"
            content="view projects, skills, and contact."
        />
        <meta
            name="twitter:image"
            content="https://anthonyfinney.is-a.dev/assets/social-preview-v2.png"
        />

        <link rel="manifest" href="/site.webmanifest">
        <link
            rel="icon"
            type="image/svg+xml"
            href="/assets/star_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.svg"
        />
        <link rel="canonical" href="https://anthonyfinney.is-a.dev/">
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
        <link
            href="https://fonts.googleapis.com/css2?family=Manufacturing+Consent&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap"
            rel="stylesheet"
        />
        <link
            href="https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap"
            rel="stylesheet"
        />
        <link
            href="https://fonts.googleapis.com/css2?family=Galada&display=swap"
            rel="stylesheet"
        />
        <link
            href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap"
            rel="stylesheet"
        />
        <link
            href="https://fonts.googleapis.com/css2?family=Almarai&display=swap"
            rel="stylesheet"
        />
        <link
            href="https://fonts.googleapis.com/css2?family=Mukta&display=swap"
            rel="stylesheet"
        />

        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Person",
                "name": "Soshie Finney",
                "url": "https://anthonyfinney.is-a.dev/",
                "jobTitle": "Full-Stack Developer",
                "image": "https://anthonyfinney.is-a.dev/assets/profile_pic_2.png",
                "sameAs": [
                    "https://github.com/AnthonyFinney",
                    "https://www.linkedin.com/in/soshie-finney-557361233"
                ]
            }
        </script>
    </head>
    <body>
        <div id="root"></div>
        <script type="module" src="/src/main.tsx"></script>
    </body>
=======
    <!-- Projects Section -->
    <section class="py-20 bg-indigo-100" id="projects" data-aos="fade-up">
      <div class="max-w-6xl mx-auto px-6">
        <h2 class="text-4xl font-bold text-center mb-12">Projects</h2>
        <div class="grid gap-10 sm:grid-cols-1 md:grid-cols-2">
          <!-- Perfume E-commerce Project -->
          <div
            class="bg-white p-6 rounded-xl shadow-xl transform transition hover:-translate-y-1 hover:shadow-2xl flex flex-col justify-between"
          >
            <div>
              <h3 class="text-2xl font-bold mb-2">
                Perfume E-commerce Site
                <span
                  class="ml-2 px-2 py-1 text-xs bg-yellow-300 text-yellow-900 rounded-full"
                  >In Progress</span
                >
              </h3>
              <p class="text-gray-700 mb-4">
                A stylish e-commerce platform for perfumes built with Next.js
                and TypeScript. Still under development, with features like
                dynamic routing, filtering, and elegant UI in progress.
              </p>
            </div>
            <div>
              <a
                href="https://project-at-six.vercel.app/"
                target="_blank"
                class="text-indigo-600 hover:underline font-medium"
                >→ Visit Site</a
              >
            </div>
          </div>

          <!-- ASP.NET E-commerce Project -->
          <div
            class="bg-white p-6 rounded-xl shadow-xl transform transition hover:-translate-y-1 hover:shadow-2xl flex flex-col justify-between"
          >
            <div>
              <h3 class="text-2xl font-bold mb-2">E-commerce Store</h3>
              <p class="text-gray-700 mb-4">
                A fully functional ASP.NET Core Razor Pages web app with
                features like authentication, cart management, product browsing
                and admin tools.
              </p>
            </div>
            <div>
              <a
                href="https://github.com/AnthonyFinney/sportsstore"
                target="_blank"
                class="text-indigo-600 hover:underline font-medium"
                >→ View Code</a
              >
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Contact Section -->
    <section
      class="py-20 bg-gray-900 text-white"
      id="contact"
      data-aos="fade-up"
    >
      <div class="max-w-4xl mx-auto text-center px-6">
        <h2 class="text-4xl font-bold mb-6">Get in Touch</h2>
        <p class="text-lg mb-8">
          Interested in working together or have a question? Reach out!
        </p>
        <a
          href="mailto:anthonyrockfinnie0@gmail.com"
          class="inline-flex items-center px-6 py-3 bg-white text-gray-900 text-lg font-semibold rounded hover:bg-gray-200 transition"
        >
          <span class="mr-2">✉️</span> Email Me
        </a>
        <div class="flex justify-center space-x-6 mt-10 text-2xl">
          <a
            href="https://www.facebook.com/soshie.rock"
            target="_blank"
            class="hover:text-blue-500"
            ><i class="fab fa-facebook-f"></i
          ></a>
          <a
            href="https://github.com/AnthonyFinney"
            target="_blank"
            class="hover:text-white"
            ><i class="fab fa-github"></i
          ></a>
          <a
            href="https://www.linkedin.com/in/soshie-finney-557361233/"
            target="_blank"
            class="hover:text-blue-300"
            ><i class="fab fa-linkedin"></i
          ></a>
        </div>
        <a
          href="assets/Soshie_Finney_Full_Stack_Developer_CV.pdf"
          target="_blank"
          class="mt-8 inline-block px-6 py-3 border border-white text-white font-semibold hover:bg-white hover:text-gray-900 transition rounded"
        >
          ⬇ Download Resume
        </a>
      </div>
    </section>

    <script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>
    <script>
      AOS.init({ duration: 1000 });

      const sections = document.querySelectorAll("section");
      const navLinks = document.querySelectorAll(".nav-link");

      window.addEventListener("scroll", () => {
        let current = "";
        sections.forEach((section) => {
          const sectionTop = section.offsetTop - 80;
          if (pageYOffset >= sectionTop) {
            current = section.getAttribute("id");
          }
        });

        navLinks.forEach((link) => {
          link.classList.remove("active");
          if (link.getAttribute("href") === `#${current}`) {
            link.classList.add("active");
          }
        });
      });
    </script>
  </body>
>>>>>>> b3ae744 (8th commit)
</html>