Skip to content

Commit 776d281

Browse files
SCodeGitSCodeGit
authored
Update index.html
1 parent 22dd38f commit 776d281

File tree

1 file changed

+22
-21
lines changed

1 file changed

+22
-21
lines changed

‎index.html‎

Lines changed: 22 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -7,15 +7,18 @@
77
<link rel="stylesheet" href="style.css" />
88
<meta name="description" content="SCode — Web developer. Creative developer passionate about design, code, and user experience." />
99

10-
<!-- ✅ Favicon (SCode Logo from GitHub raw URL) -->
10+
<!-- Favicon -->
1111
<link rel="icon" href="https://raw.githubusercontent.com/SCodeGit/scode.git.io/main/images/scode.jpg" type="image/jpeg">
1212
<link rel="apple-touch-icon" href="https://raw.githubusercontent.com/SCodeGit/scode.git.io/main/images/scode.jpg">
1313

14-
<!-- Theme preference for system detection -->
14+
<!-- Theme preference -->
1515
<meta name="color-scheme" content="light dark">
1616
</head>
1717

18-
<body class="light-theme">
18+
<body class="dark-theme">
19+
<!-- Background overlay for particles/matrix -->
20+
<div id="backgroundParticles"></div>
21+
1922
<!-- Theme toggle -->
2023
<button class="theme-toggle" id="themeToggle" title="Toggle light/dark" aria-label="Toggle theme">🌙</button>
2124

@@ -24,52 +27,50 @@
2427
<div class="container hero-inner">
2528
<div class="logo-wrap">
2629
<a href="index.html">
27-
<!-- ✅ Main Logo -->
28-
<img src="https://raw.githubusercontent.com/SCodeGit/scode.git.io/main/images/scode.jpg" alt="SCode logo" class="hero-logo">
30+
<img src="https://raw.githubusercontent.com/SCodeGit/scode.git.io/main/images/scode.jpg" alt="SCode logo" class="hero-logo neon-glow">
2931
</a>
3032
</div>
3133
<div class="hero-text">
32-
<h1 class="name">SCode</h1>
34+
<h1 class="name glitch">SCode</h1>
3335
<p class="tagline"><span id="typed"></span></p>
3436
<div class="hero-cta">
35-
<a class="btn primary" id="whatsappBtn" href="https://wa.me/233555578864" target="_blank" rel="noopener">Hire Me (WhatsApp)</a>
36-
<a class="btn ghost" href="https://github.com/SCodeGit" target="_blank" rel="noopener">View GitHub</a>
37+
<a class="btn primary neon-btn" id="whatsappBtn" href="https://wa.me/233555578864" target="_blank" rel="noopener">Hire Me (WhatsApp)</a>
38+
<a class="btn ghost neon-btn" href="https://github.com/SCodeGit" target="_blank" rel="noopener">View GitHub</a>
3739
</div>
3840
</div>
3941
</div>
40-
<div class="hero-watermark">
41-
<!-- ✅ Watermark -->
42+
<div class="hero-watermark neon-watermark">
4243
<img src="https://raw.githubusercontent.com/SCodeGit/scode.git.io/main/images/scode.jpg" alt="watermark" />
4344
</div>
4445
</header>
4546

4647
<!-- About -->
4748
<section class="section about" id="about">
4849
<div class="container">
49-
<h2>About</h2>
50+
<h2 class="glitch">About</h2>
5051
<p>Hi — I’m <strong>SCode</strong>, a creative developer passionate about design, code, and user experience. I build clean, responsive websites for NGOs, startups, and businesses.</p>
5152
</div>
5253
</section>
5354

5455
<!-- Projects -->
5556
<section class="section projects" id="projects">
5657
<div class="container">
57-
<h2>Selected Projects</h2>
58+
<h2 class="glitch">Selected Projects</h2>
5859
<div class="projects-grid">
59-
<a class="project-card" href="https://scodegit.github.io/pacesettersfoundation.github.io/" target="_blank" rel="noopener">
60+
<a class="project-card neon-glow" href="https://scodegit.github.io/pacesettersfoundation.github.io/" target="_blank" rel="noopener">
6061
<img src="https://raw.githubusercontent.com/SCodeGit/scode.git.io/main/images/scode.jpg" alt="Pacesetters">
6162
<div class="project-body">
6263
<h3>Pacesetters Foundation</h3>
6364
<p>Multi-page NGO site: donations, programs, and team profiles.</p>
6465
</div>
6566
</a>
66-
<div class="project-card placeholder">
67+
<div class="project-card placeholder neon-glow">
6768
<div class="project-body">
6869
<h3>Project Two</h3>
6970
<p>Coming soon — demo and case study will be added here.</p>
7071
</div>
7172
</div>
72-
<div class="project-card placeholder">
73+
<div class="project-card placeholder neon-glow">
7374
<div class="project-body">
7475
<h3>Project Three</h3>
7576
<p>Coming soon — demo and case study will be added here.</p>
@@ -82,30 +83,30 @@ <h3>Project Three</h3>
8283
<!-- Contact -->
8384
<section class="section contact" id="contact">
8485
<div class="container">
85-
<h2>Contact</h2>
86+
<h2 class="glitch">Contact</h2>
8687
<div class="contact-grid">
87-
<div class="contact-card">
88+
<div class="contact-card neon-glow">
8889
<h3>Get in touch</h3>
8990
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
9091
<p>WhatsApp: <a href="https://wa.me/233555578864" target="_blank" rel="noopener">+233 55 557 8864</a></p>
9192
<p>Facebook: <a href="https://www.facebook.com/people/Atubra-Abraham/100072576882412/" target="_blank" rel="noopener">Atubra Abraham</a></p>
9293
<p>GitHub: <a href="https://github.com/SCodeGit" target="_blank" rel="noopener">SCodeGit</a></p>
9394
</div>
94-
<div class="contact-card">
95+
<div class="contact-card neon-glow">
9596
<h3>Message</h3>
9697
<form action="mailto:[email protected]" method="post" enctype="text/plain">
9798
<input name="name" placeholder="Your name" required>
9899
<input name="email" type="email" placeholder="Your email" required>
99100
<textarea name="message" rows="4" placeholder="Your message" required></textarea>
100-
<button class="btn primary" type="submit">Send Email</button>
101+
<button class="btn primary neon-btn" type="submit">Send Email</button>
101102
</form>
102103
</div>
103104
</div>
104105
</div>
105106
</section>
106107

107108
<!-- Footer -->
108-
<footer class="footer">
109+
<footer class="footer neon-glow">
109110
<div class="container footer-inner">
110111
<div class="left">
111112
<strong>SCode</strong><br>
@@ -121,7 +122,7 @@ <h3>Message</h3>
121122
</div>
122123
</footer>
123124

124-
<button id="topBtn" title="Back to top">↑</button>
125+
<button id="topBtn" title="Back to top" class="neon-btn">↑</button>
125126

126127
<!-- Script -->
127128
<script src="script.js"></script>

0 commit comments

Comments
 (0)