Fix(Structure): Split styles.css into separate files for different components and sections.

This commit is contained in:
2025-03-05 16:52:10 +00:00
parent bd58bd82ed
commit b4927ac440
13 changed files with 484 additions and 466 deletions

View File

@@ -23,7 +23,17 @@
- Requires https://github.com/forresttindall/Github-Activity-Calendar
<link rel="stylesheet" href="./Github-Activity-Calendar/github-calendar.css"/>
-->
<link rel="stylesheet" href="styles/styles.css">
<link rel="stylesheet" href="styles/experience-section.css">
<link rel="stylesheet" href="styles/expertise-section.css">
<link rel="stylesheet" href="styles/footer.css">
<link rel="stylesheet" href="styles/github-contributions-calendar.css">
<link rel="stylesheet" href="styles/google-translate.css">
<link rel="stylesheet" href="styles/header.css">
<link rel="stylesheet" href="styles/home.css">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/navigation.css">
<link rel="stylesheet" href="styles/projects-section.css">
<link rel="stylesheet" href="styles/themes.css">
</head>
<body>
<header>
@@ -37,7 +47,6 @@
<li><a href="#projects">Projects</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#contact">Contact</a></li>
<li><div id="google_translate_element"></div></li>
<li>
<!-- <div id="theme-switch"></div> -->
<button class="theme-switch" aria-label="Toggle Dark Mode">
@@ -46,6 +55,7 @@
<img src="content/images/light-mode-icon.webp" alt="Light Mode" class="theme-icon light-mode-icon"> -->
</button>
</li>
<li><div id="google_translate_element"></div></li>
</ul>
</nav>