refactor: cleaned up comments

This commit is contained in:
Cipher Vance 2025-07-20 10:34:49 -05:00
parent ddcd84da0a
commit c48fa3f068

View file

@ -1,4 +1,3 @@
/* Update the font family */
body {
font-family: 'Inter', sans-serif;
margin: 0;
@ -11,7 +10,6 @@ body {
line-height: 1.6;
}
/* Header Styles */
.main-header {
background: #fff;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
@ -68,7 +66,6 @@ body {
letter-spacing: 0.5px;
}
/* Navigation */
.main-nav {
display: flex;
align-items: center;
@ -117,7 +114,6 @@ body {
opacity: 1;
}
/* Header Right */
.header-right {
display: flex;
align-items: center;
@ -163,7 +159,6 @@ body {
box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);
}
/* Mobile Menu Toggle */
.mobile-menu-toggle {
display: none;
flex-direction: column;
@ -194,7 +189,6 @@ body {
transform: rotate(-45deg) translate(6px, -6px);
}
/* Mobile Navigation */
.mobile-nav {
display: none;
background: #fff;
@ -231,7 +225,6 @@ body {
padding-left: 2.5rem;
}
/* Flash Messages */
.flash-messages {
max-width: 1400px;
margin: 0 auto;
@ -288,12 +281,10 @@ body {
background: rgba(0, 0, 0, 0.1);
}
/* Main Content */
.main-content {
flex: 1;
}
/* Footer Styles */
.main-footer {
background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
color: #ecf0f1;
@ -319,7 +310,6 @@ body {
flex-direction: column;
}
/* Footer Brand */
.footer-logo {
display: flex;
align-items: center;
@ -374,7 +364,6 @@ body {
border: 1px solid rgba(52, 152, 219, 0.3);
}
/* Footer Sections */
.footer-title {
color: #fff;
font-size: 1.1rem;
@ -416,7 +405,6 @@ body {
padding-left: 0.5rem;
}
/* Footer Contact */
.footer-contact {
margin-bottom: 2rem;
}
@ -445,7 +433,6 @@ body {
color: #3498db;
}
/* Social Media */
.social-media h5 {
color: #fff;
font-weight: 600;
@ -479,7 +466,6 @@ body {
box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
}
/* Footer Bottom */
.footer-bottom {
padding: 2rem 0;
}
@ -532,7 +518,6 @@ body {
border: 1px solid rgba(39, 174, 96, 0.3);
}
/* Responsive Design */
@media (max-width: 1024px) {
.footer-top {
grid-template-columns: 1fr 1fr;
@ -594,7 +579,6 @@ body {
}
}
/* Hero Section - Enhanced */
.hero {
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
color: #fff;
@ -732,7 +716,6 @@ body {
margin-top: 0.5rem;
}
/* Hero Visual */
.hero-visual {
display: flex;
justify-content: center;
@ -784,7 +767,6 @@ body {
50% { transform: scale(1.1); opacity: 0.6; }
}
/* About Section - Enhanced */
.about {
padding: 6rem 2rem;
background: #fff;
@ -915,7 +897,6 @@ body {
50% { transform: translateY(-20px); }
}
/* Features Section - Enhanced */
.features {
padding: 6rem 2rem;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
@ -1018,7 +999,6 @@ body {
flex-wrap: wrap;
}
/* Final CTA Section */
.final-cta {
padding: 6rem 2rem;
background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
@ -1086,7 +1066,6 @@ body {
font-weight: 600;
}
/* Responsive Design */
@media (max-width: 1024px) {
.hero-container,
.about-content {
@ -1158,7 +1137,6 @@ body {
}
}
/* Services Section */
.services {
padding: 5rem 1rem;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
@ -1234,7 +1212,7 @@ body {
border: 1px solid #f1f3f4;
position: relative;
overflow: hidden;
min-height: 600px; /* Set minimum height for all cards */
min-height: 600px;
}
.service-card::before {
@ -1337,8 +1315,8 @@ body {
padding: 0;
margin: 0 0 2.5rem 0;
text-align: left;
flex-grow: 1; /* Allow features to expand and fill space */
min-height: 200px; /* Minimum height for features section */
flex-grow: 1;
min-height: 200px;
}
.service-features li {
@ -1383,7 +1361,7 @@ body {
}
.service-card .btn {
width: calc(50% - 10px); /* Account for any border/padding */
width: calc(50% - 10px);
margin: 0 auto;
display: block;
padding: 1rem 2rem;
@ -1412,7 +1390,6 @@ body {
left: 100%;
}
/* Responsive Design */
@media (max-width: 1200px) {
.services-grid {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
@ -1474,7 +1451,6 @@ body {
margin-top: auto;
}
/* Buttons */
.btn {
display: inline-block;
padding: 0.8rem 1.5rem;
@ -1513,7 +1489,6 @@ body {
transform: translateY(-2px);
}
/* About Section */
.about {
padding: 4rem 1rem;
background-color: #f8f9fa;
@ -1538,7 +1513,6 @@ body {
line-height: 1.8;
}
/* Features Section */
.features {
padding: 4rem 1rem;
background-color: #fff;
@ -1587,7 +1561,6 @@ body {
line-height: 1.6;
}
/* CONTACT SECTION - COMPLETELY REDESIGNED */
.contact {
padding: 4rem 1rem;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
@ -1607,7 +1580,6 @@ body {
position: relative;
}
/* Remove the problematic shimmer effect */
.contact-container::before {
display: none;
}
@ -1728,7 +1700,6 @@ body {
transform: translateY(0);
}
/* Form validation styles */
.form-group input:invalid:not(:placeholder-shown),
.form-group textarea:invalid:not(:placeholder-shown) {
border-color: #e74c3c;
@ -1741,7 +1712,6 @@ body {
background-color: #f8fff9;
}
/* Footer */
footer {
background: #2c3e50;
color: #fff;
@ -1797,7 +1767,6 @@ footer {
background-color: rgba(52, 152, 219, 0.1);
}
/* Flash Messages */
.flash-messages {
max-width: 1200px;
margin: 0 auto;
@ -1825,7 +1794,6 @@ footer {
border: 1px solid #f5c6cb;
}
/* Responsive Design */
@media (max-width: 768px) {
.hero h1 {
font-size: 2.5rem;
@ -1890,7 +1858,6 @@ footer {
}
}
/* Solutions Hero Section */
.solutions-hero {
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
color: #fff;
@ -1919,7 +1886,6 @@ footer {
margin-top: 3rem;
}
/* Solutions Grid Section */
.solutions-grid-section {
padding: 6rem 2rem;
background: #f8f9fa;
@ -2120,7 +2086,6 @@ footer {
color: #2c3e50;
}
/* Why Open Source Section */
.why-opensource {
padding: 6rem 2rem;
background: #fff;
@ -2170,7 +2135,6 @@ footer {
line-height: 1.6;
}
/* Integration Support Section */
.integration-support {
padding: 6rem 2rem;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
@ -2234,7 +2198,6 @@ footer {
margin: 0;
}
/* Integration Diagram */
.integration-diagram {
position: relative;
width: 300px;
@ -2299,7 +2262,6 @@ footer {
color: #3498db;
}
/* Solutions CTA Section */
.solutions-cta {
padding: 6rem 2rem;
background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
@ -2328,7 +2290,6 @@ footer {
flex-wrap: wrap;
}
/* Responsive Design */
@media (max-width: 1024px) {
.solutions-grid {
grid-template-columns: 1fr;