Skip to content

Commit af8a321

Browse files
AdityasinghvatsAdityasinghvats
committed
Update color scheme in index.html and output.css for consistency; remove unused CSS classes
1 parent f15925f commit af8a321

File tree

2 files changed

+13
-79
lines changed

2 files changed

+13
-79
lines changed

‎src/index.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -18,20 +18,20 @@
1818
<div class="pl-4 pr-4 pt-4" id="home">
1919
<div class="flex justify-between items-center mb-20">
2020
<header>
21-
<h1 class="text-white font-bold text-2xl">Ad<span class="text-red-500">i</span>X</h1>
21+
<h1 class="text-white font-bold text-2xl">Ad<span class="text-red-400">i</span>X</h1>
2222
</header>
2323
<div class="relative ">
2424
<button id="menu-btn" class="block focus:outline-none">
2525
<div class="hamburger-icon">
2626
<span class="block w-8 h-0.5 bg-white mb-1 transition-transform duration-300 ease-in-out"></span>
2727
<span class="block w-8 h-0.5 bg-white mb-1 transition-transform duration-300 ease-in-out"></span>
28-
<span class="block w-8 h-0.5 bg-red-500 transition-transform duration-300 ease-in-out"></span>
28+
<span class="block w-8 h-0.5 bg-red-400 transition-transform duration-300 ease-in-out"></span>
2929
</div>
3030
</button>
31-
<nav id="menu" class="hidden absolute right-0 mt-2 w-48 bg-gray-700/90 rounded-lg shadow-lg">
31+
<nav id="menu" class="hidden absolute right-0 mt-2 w-48 bg-gray-700 rounded-lg shadow-lg">
3232
<a href="#home" class="block px-4 py-2 text-white">Home</a>
3333
<a href="#about" class="block px-4 py-2 text-white">About</a>
34-
<a href="#projects" class="block px-4 py-2 text-red-500">Projects</a>
34+
<a href="#projects" class="block px-4 py-2 text-red-400">Projects</a>
3535
<a href="#contact" class="block px-4 py-2 text-white">Contact</a>
3636
</nav>
3737
</div>
@@ -73,7 +73,7 @@ <h1 class="text-white text-6xl lg:text-7xl">Hi, I<span class="text-red-500">'</s
7373
</a>
7474
</div>
7575
<div class="flex flex-row justify-center space-x-4 pb-5 hover:scale-110 hover:shadow-lg transition transform">
76-
<button class="rounded-full bg-red-500 hover:bg-sky-300 p-2 w-32 h-12" id="cli"
76+
<button class="rounded-full bg-red-400 hover:bg-red-500 p-2 w-32 h-12" id="cli"
7777
><div class="flex flex-row justify-center space-x-2 items-center">
7878
<span >npx adix</span>
7979
<img src="./assets/copy.png" class="w-4 h-4 flex items-center justify-center rounded-full"></a>
@@ -95,7 +95,7 @@ <h1 class="text-sky-200 pt-5 text-6xl">About me:</h1>
9595
and love building projects from scratch.
9696
<br>
9797
<br>
98-
My Moto for life is <span class="text-red-500">KISS</span>
98+
My Moto for life is <span class="text-red-400">KISS</span>
9999
<br>
100100
Keep It Simple and Stupid.
101101
</p>
@@ -139,7 +139,7 @@ <h3 class="text-xl font-semibold mb-2">100x-potfolio</h3>
139139
</div>
140140
</div>
141141
<div class="flex flex-row justify-center pt-8 space-x-4 pb-5">
142-
<button class="rounded-full bg-red-500 p-2 w-32 h-12 hover:bg-sky-300 hover:scale-110 hover:shadow-lg transition transform" id="contact"
142+
<button class="rounded-full bg-red-400 hover:bg-red-500 p-2 w-32 h-12 hover:scale-110 hover:shadow-lg transition transform" id="contact"
143143
>Show me More</button>
144144
</div>
145145
<div>
@@ -148,7 +148,7 @@ <h3 class="text-xl font-semibold mb-2">100x-potfolio</h3>
148148
<div class="container mx-auto px-4" id="contact">
149149
<div class="flex flex-col md:flex-row justify-between items-center">
150150
<div class="mb-4 md:mb-0">
151-
<h2 class="text-lg font-semibold">Contact <span class="text-red-500">Me</span></h2>
151+
<h2 class="text-lg font-semibold">Contact <span class="text-red-400">Me</span></h2>
152152
<p>Email: <a href="mailto:adityakumarbgs6@gmail.com" class="text-sky-400">adityakumarbgs6@gmail.com</a></p>
153153
<p>Phone: <a href="tel:+91 8797052233" class="text-sky-400">+91 8797052233</a></p>
154154
<p>Credits: <a href="https://www.flaticon.com/" class="text-sky-400">@Flaticon</a></p>

‎src/output.css

Lines changed: 5 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -590,9 +590,6 @@
590590
.flex {
591591
display: flex;
592592
}
593-
.grid {
594-
display: grid;
595-
}
596593
.hidden {
597594
display: none;
598595
}
@@ -671,9 +668,6 @@
671668
.w-full {
672669
width: 100%;
673670
}
674-
.max-w-7xl {
675-
max-width: var(--container-7xl);
676-
}
677671
.border-collapse {
678672
border-collapse: collapse;
679673
}
@@ -683,18 +677,12 @@
683677
.resize {
684678
resize: both;
685679
}
686-
.grid-cols-1 {
687-
grid-template-columns: repeat(1, minmax(0, 1fr));
688-
}
689680
.flex-col {
690681
flex-direction: column;
691682
}
692683
.flex-row {
693684
flex-direction: row;
694685
}
695-
.place-items-center {
696-
place-items: center;
697-
}
698686
.items-center {
699687
align-items: center;
700688
}
@@ -704,9 +692,6 @@
704692
.justify-center {
705693
justify-content: center;
706694
}
707-
.gap-8 {
708-
gap: calc(var(--spacing) * 8);
709-
}
710695
.space-y-8 {
711696
:where(& > :not(:last-child)) {
712697
--tw-space-y-reverse: 0;
@@ -764,8 +749,8 @@
764749
.bg-gray-700\/90 {
765750
background-color: color-mix(in oklab, var(--color-gray-700) 90%, transparent);
766751
}
767-
.bg-gray-900 {
768-
background-color: var(--color-gray-900);
752+
.bg-red-400 {
753+
background-color: var(--color-red-400);
769754
}
770755
.bg-red-500 {
771756
background-color: var(--color-red-500);
@@ -821,9 +806,6 @@
821806
.pl-4 {
822807
padding-left: calc(var(--spacing) * 4);
823808
}
824-
.text-center {
825-
text-align: center;
826-
}
827809
.text-2xl {
828810
font-size: var(--text-2xl);
829811
line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -855,6 +837,9 @@
855837
.text-gray-700 {
856838
color: var(--color-gray-700);
857839
}
840+
.text-red-400 {
841+
color: var(--color-red-400);
842+
}
858843
.text-red-500 {
859844
color: var(--color-red-500);
860845
}
@@ -923,20 +908,6 @@
923908
}
924909
}
925910
}
926-
.hover\:bg-red-300 {
927-
&:hover {
928-
@media (hover: hover) {
929-
background-color: var(--color-red-300);
930-
}
931-
}
932-
}
933-
.hover\:bg-red-400 {
934-
&:hover {
935-
@media (hover: hover) {
936-
background-color: var(--color-red-400);
937-
}
938-
}
939-
}
940911
.hover\:bg-red-500 {
941912
&:hover {
942913
@media (hover: hover) {
@@ -970,27 +941,11 @@
970941
margin-bottom: calc(var(--spacing) * 0);
971942
}
972943
}
973-
.md\:grid-cols-2 {
974-
@media (width >= 48rem) {
975-
grid-template-columns: repeat(2, minmax(0, 1fr));
976-
}
977-
}
978944
.md\:flex-row {
979945
@media (width >= 48rem) {
980946
flex-direction: row;
981947
}
982948
}
983-
.md\:text-7xl {
984-
@media (width >= 48rem) {
985-
font-size: var(--text-7xl);
986-
line-height: var(--tw-leading, var(--text-7xl--line-height));
987-
}
988-
}
989-
.lg\:h-52 {
990-
@media (width >= 64rem) {
991-
height: calc(var(--spacing) * 52);
992-
}
993-
}
994949
.lg\:h-56 {
995950
@media (width >= 64rem) {
996951
height: calc(var(--spacing) * 56);
@@ -1001,31 +956,16 @@
1001956
height: calc(var(--spacing) * 68);
1002957
}
1003958
}
1004-
.lg\:w-52 {
1005-
@media (width >= 64rem) {
1006-
width: calc(var(--spacing) * 52);
1007-
}
1008-
}
1009959
.lg\:w-56 {
1010960
@media (width >= 64rem) {
1011961
width: calc(var(--spacing) * 56);
1012962
}
1013963
}
1014-
.lg\:w-96 {
1015-
@media (width >= 64rem) {
1016-
width: calc(var(--spacing) * 96);
1017-
}
1018-
}
1019964
.lg\:w-108 {
1020965
@media (width >= 64rem) {
1021966
width: calc(var(--spacing) * 108);
1022967
}
1023968
}
1024-
.lg\:px-8 {
1025-
@media (width >= 64rem) {
1026-
padding-inline: calc(var(--spacing) * 8);
1027-
}
1028-
}
1029969
.lg\:px-14 {
1030970
@media (width >= 64rem) {
1031971
padding-inline: calc(var(--spacing) * 14);
@@ -1037,12 +977,6 @@
1037977
line-height: var(--tw-leading, var(--text-7xl--line-height));
1038978
}
1039979
}
1040-
.lg\:text-8xl {
1041-
@media (width >= 64rem) {
1042-
font-size: var(--text-8xl);
1043-
line-height: var(--tw-leading, var(--text-8xl--line-height));
1044-
}
1045-
}
1046980
}
1047981
@keyframes spin {
1048982
to {

0 commit comments

Comments
 (0)