Skip to content

Commit 7323591

Browse files
niechenniechen
committed
Update visual
1 parent 8caafe8 commit 7323591

File tree

4 files changed

+122
-73
lines changed

4 files changed

+122
-73
lines changed

‎pages/_includes/common.css‎

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
/* Common styles shared across pages */
2+
* {
3+
margin: 0;
4+
padding: 0;
5+
box-sizing: border-box;
6+
}
7+
8+
body {
9+
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
10+
line-height: 1.6;
11+
color: var(--text-primary);
12+
background-color: var(--background);
13+
margin: 0;
14+
padding: 0;
15+
min-height: 100vh;
16+
}
17+
18+
.container {
19+
max-width: 1200px;
20+
margin: 0 auto;
21+
padding: 0 2rem;
22+
}
23+
24+
/* Common heading styles */
25+
h1 {
26+
font-size: 2rem;
27+
font-weight: 700;
28+
margin-bottom: 0.5rem;
29+
background: linear-gradient(90deg, var(--accent-color), var(--accent-highlight));
30+
-webkit-background-clip: text;
31+
background-clip: text;
32+
color: transparent;
33+
letter-spacing: -0.05em;
34+
}
35+
36+
h2 {
37+
font-size: 1.8rem;
38+
margin-bottom: 1.5rem;
39+
color: var(--text-primary);
40+
position: relative;
41+
display: inline-block;
42+
}
43+
44+
h2::after {
45+
content: '';
46+
position: absolute;
47+
bottom: -8px;
48+
left: 0;
49+
height: 2px;
50+
width: 60px;
51+
background: var(--accent-color);
52+
border-radius: 0;
53+
}
54+
55+
h3 {
56+
font-size: 1.1rem;
57+
margin-bottom: 1rem;
58+
color: var(--accent-color);
59+
}
60+
61+
/* Common media queries */
62+
@media (max-width: 768px) {
63+
.container {
64+
padding: 0 1rem;
65+
}
66+
67+
h1 {
68+
font-size: 1.8rem;
69+
}
70+
71+
h2 {
72+
font-size: 1.5rem;
73+
}
74+
}

‎pages/_includes/nav.html‎

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,16 +17,20 @@
1717
.top-nav {
1818
background-color: var(--bg-accent, #2e3238);
1919
border-bottom: 1px solid var(--card-border, #3a3e45);
20-
position: relative;
20+
position: fixed;
21+
top: 0;
22+
left: 0;
23+
right: 0;
2124
min-height: 60px;
2225
display: flex;
2326
align-items: center;
2427
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
28+
z-index: 100;
2529
}
2630

2731
.top-nav .container {
28-
/* padding: 0; */
2932
width: 100%;
33+
max-width: 1200px;
3034
}
3135

3236
.nav-content {
@@ -35,6 +39,7 @@
3539
align-items: center;
3640
width: 100%;
3741
flex-wrap: nowrap;
42+
padding: 0.75rem 0;
3843
}
3944

4045
.left-links {
@@ -60,12 +65,16 @@
6065

6166
.nav-link:hover {
6267
color: var(--accent-light, #5CD951);
68+
text-decoration: none;
6369
}
6470

6571
.nav-link.active {
6672
color: var(--accent-highlight, #FF84BD);
6773
}
6874

75+
main {
76+
padding-top: calc(60px + 1.5rem) !important;
77+
}
6978

7079
@media (max-width: 480px) {
7180
.top-nav {
@@ -86,5 +95,9 @@
8695
.right-links {
8796
display: none;
8897
}
98+
99+
main {
100+
padding-top: calc(80px + 1.5rem) !important;
101+
}
89102
}
90103
</style>

‎pages/index.html‎

Lines changed: 19 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -12,49 +12,38 @@
1212
{% include favicon.html %}
1313
<style>
1414
{% include colors.css %}
15+
{% include common.css %}
1516

16-
* {
17-
margin: 0;
18-
padding: 0;
19-
box-sizing: border-box;
17+
/* Page-specific styles */
18+
.container {
19+
max-width: 900px; /* Override for homepage */
2020
}
2121

22-
body {
23-
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
24-
line-height: 1.6;
25-
color: var(--text-primary);
26-
background-color: var(--bg-color);
27-
background-image: none; /* Removed gradient for cleaner look */
28-
margin: 0;
29-
padding: 0;
30-
min-height: 100vh;
22+
.terminal-animation {
23+
margin: 2rem auto;
24+
max-width: 400px;
25+
width: 100%;
26+
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
3127
}
3228

33-
.container {
34-
max-width: 900px;
35-
margin: 0 auto;
29+
.coming-soon {
30+
background: var(--bg-accent);
31+
border: 1px solid var(--card-border);
32+
border-radius: 0; /* Sharp corners */
3633
padding: 2rem;
34+
margin: 2rem 0;
35+
box-shadow: none;
3736
}
38-
37+
3938
header {
4039
text-align: center;
41-
padding: 3rem 0;
42-
border-bottom: 1px solid var(--card-border);
43-
margin-bottom: 3rem;
44-
background: var(--bg-color);
45-
border-radius: 0; /* Sharp corners */
46-
box-shadow: none; /* Removed for cleaner look */
4740
}
48-
41+
4942
h1 {
5043
font-size: 3.5rem;
51-
font-weight: 700;
52-
margin-bottom: 0.5rem;
5344
background: linear-gradient(90deg, var(--accent-color), var(--accent-highlight));
5445
-webkit-background-clip: text;
5546
background-clip: text;
56-
color: transparent;
57-
letter-spacing: -0.05em;
5847
}
5948

6049
.tagline {
@@ -64,22 +53,6 @@
6453
font-weight: 300;
6554
}
6655

67-
.terminal-animation {
68-
margin: 2rem auto;
69-
max-width: 400px;
70-
width: 100%;
71-
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
72-
}
73-
74-
.coming-soon {
75-
background: var(--bg-accent);
76-
border: 1px solid var(--card-border);
77-
border-radius: 0; /* Sharp corners */
78-
padding: 2rem;
79-
margin: 2rem 0;
80-
box-shadow: none;
81-
}
82-
8356
h2 {
8457
font-size: 1.8rem;
8558
margin-bottom: 1.5rem;
@@ -250,7 +223,7 @@
250223
</head>
251224
<body>
252225
{% include nav.html %}
253-
226+
<main>
254227
<div class="container">
255228
<header>
256229
<h1>MCP Manager</h1>
@@ -403,6 +376,7 @@ <h2>Supported Clients</h2>
403376
</ul>
404377
</div>
405378
</div>
379+
</main>
406380

407381
{% include footer.html %}
408382
{% include github-corner.html %}

‎pages/registry/index.html‎

Lines changed: 14 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -19,20 +19,18 @@
1919

2020
<style>
2121
{% include colors.css %}
22+
{% include common.css %}
2223

2324
/* Override colors with blue and pink theme */
2425
:root {
25-
/* Brand Colors - Changed from green to blue and pink */
26-
--accent-color: #3b82f6; /* Blue brand color instead of Deep green */
27-
--accent-light: #60a5fa; /* Light blue brand color instead of Light green */
28-
--accent-dark: #2563eb; /* Darker blue instead of Deep green */
29-
--accent-highlight: #ec4899; /* Brighter pink brand color */
26+
--accent-color: #3b82f6;
27+
--accent-light: #60a5fa;
28+
--accent-dark: #2563eb;
29+
--accent-highlight: #ec4899;
3030
--highlight: var(--accent-highlight);
3131
--highlight-light: #ec489933;
32-
33-
/* Functional Colors */
34-
--success: #60a5fa; /* Light blue instead of Light green */
35-
--warning: #FEBF00; /* Yellow/amber brand color - unchanged */
32+
--success: #60a5fa;
33+
--warning: #FEBF00;
3634
--button-bg: var(--accent-color);
3735
--button-hover: var(--accent-dark);
3836
}
@@ -56,18 +54,6 @@
5654
padding: 0 2rem;
5755
}
5856

59-
header {
60-
padding: 2rem 0;
61-
border-bottom: 1px solid var(--border);
62-
position: relative;
63-
}
64-
65-
.header-content {
66-
display: flex;
67-
justify-content: space-between;
68-
align-items: center;
69-
}
70-
7157
.logo {
7258
font-size: 1.5rem;
7359
font-weight: 700;
@@ -90,18 +76,16 @@
9076
}
9177

9278
.nav a {
93-
text-decoration: none;
94-
color: var(--text);
95-
margin-left: 1.5rem;
96-
font-weight: 500;
79+
/* Remove all nav link styles */
9780
}
9881

9982
.nav a:hover {
100-
color: var(--primary);
83+
/* Remove all nav link styles */
10184
}
10285

10386
main {
10487
padding: 1.5rem 0;
88+
/* Remove margin-top as it's handled by nav.html */
10589
}
10690

10791
h1 {
@@ -829,6 +813,10 @@
829813
/* Footer styling moved to footer.html include */
830814

831815
@media (max-width: 768px) {
816+
main {
817+
padding-top: calc(80px + 1.5rem) !important; /* Adjust for taller mobile nav */
818+
}
819+
832820
.header-content {
833821
flex-direction: column;
834822
align-items: flex-start;

0 commit comments

Comments
 (0)