seccodesmith/seccodesmith-frontend
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: seccodesmith/seccodesmith-frontend:bdc073f5d7b3ad4e9ff7f346ba3ea40950c2551a
Branches Tags
seccodesmith/seccodesmith-frontend:main
...
compare: seccodesmith/seccodesmith-frontend:2e8777b5c32c36bd610fa5766762a6a647ae066b
Branches Tags
seccodesmith/seccodesmith-frontend:main

2 Commits
bdc073f5d7 ... 2e8777b5c3

Author SHA1 Message Date
seccodesmith 2e8777b5c3 Merge pull request 'Add CSS module import to BlogCard component and restructure Home page skills section' (#2) from master into main 
Reviewed-on: #2
 2025-05-16 13:04:08 +00:00
seccodesmith 1656b07225 Add CSS module import to BlogCard component and restructure Home page skills section 2025-05-16 14:57:32 +02:00
2 changed files with 162 additions and 85 deletions
Expand all files Collapse all files
src/components/BlogCard.tsx
+1
View File
@@ -1,4 +1,5 @@
import { Link } from 'react-router-dom';
import "./BlogCard.module.css"
export interface BlogPostProps {
id: string;
src/pages/Home.tsx
+76
View File
@@ -203,6 +203,82 @@ export const Home = () => {
</div>
</div>
</div>
{/* Web Development Card */}
<div className="col-md-6 col-lg-4">
<div className="card h-100">
<div className="card-header">
<i className="fas fa-window-maximize category-icon"></i>
<h3 className="category-title">Web Development</h3>
</div>
<div className="card-body">
<ul className="list-unstyled">
<li className="skill-item">
<span className="skill-icon"><i className="devicon-dot-net-plain colored"></i></span>
<span className="skill-name">ASP.NET</span>
</li>
<li className="skill-item">
<span className="skill-icon"><i className="fas fa-database"></i></span>
<span className="skill-name">Entity Framework</span>
</li>
<li className="skill-item">
<span className="skill-icon"><i className="devicon-dotnetcore-plain colored"></i></span>
<span className="skill-name">Blazor</span>
</li>
<li className="skill-item">
<span className="skill-icon"><i className="devicon-react-original colored"></i></span>
<span className="skill-name">React</span>
</li>
<li className="skill-item">
<span className="skill-icon"><i className="devicon-bootstrap-plain colored"></i></span>
<span className="skill-name">Bootstrap</span>
</li>
<li className="skill-item">
<span className="skill-icon"><i className="devicon-django-plain colored"></i></span>
<span className="skill-name">Django</span>
</li>
</ul>
</div>
</div>
</div>
{/* DevOps Card */}
<div className="col-md-6 col-lg-4">
<div className="card h-100">
<div className="card-header">
<i className="fas fa-server category-icon"></i>
<h3 className="category-title">DevOps & Systems</h3>
</div>
<div className="card-body">
<ul className="list-unstyled">
<li className="skill-item">
<span className="skill-icon"><i className="devicon-docker-plain colored"></i></span>
<span className="skill-name">Docker</span>
</li>
<li className="skill-item">
<span className="skill-icon"><i className="fas fa-layer-group"></i></span>
<span className="skill-name">Docker-compose</span>
</li>
<li className="skill-item">
<span className="skill-icon"><i className="devicon-bash-plain colored"></i></span>
<span className="skill-name">Linux CLI</span>
</li>
<li className="skill-item">
<span className="skill-icon"><i className="devicon-cmake-plain colored"></i></span>
<span className="skill-name">CMake</span>
</li>
<li className="skill-item">
<span className="skill-icon"><i className="devicon-windows8-original colored"></i></span>
<span className="skill-name">Windows</span>
</li>
<li className="skill-item">
<span className="skill-icon"><i className="devicon-linux-plain colored"></i></span>
<span className="skill-name">Linux</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>