Skip to content

Commit fd8f1e9

Browse files
alefragnanialefragnani
committed
Sync updates to gh-pages template
1 parent 7bfefe9 commit fd8f1e9

2 files changed

Lines changed: 40 additions & 13 deletions

File tree

‎index.html‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@
66
<meta name="description" content="Project Manager for Visual Studio Code helps you save favorites, auto-detect repositories, organize work with tags, and jump between projects fast.">
77
<title>Project Manager for VS Code</title>
88
<link rel="preconnect" href="https://fonts.googleapis.com">
9-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10-
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
11-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" crossorigin="anonymous">
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10+
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
11+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer">
1212
<link rel="stylesheet" href="styles.css">
1313
</head>
1414
<body>
@@ -27,7 +27,7 @@
2727
<nav id="top-nav" class="top-nav" aria-label="Primary navigation">
2828
<a href="#features">Features</a>
2929
<a href="#faq">FAQ</a>
30-
<a href="#donate"><i class="fa fa-heart" aria-hidden="true"></i> Donate</a>
30+
<a href="#donate"><i class="fa-solid fa-heart" aria-hidden="true"></i> Donate</a>
3131
</nav>
3232
<div class="header-actions">
3333
<a href="https://github.com/alefragnani/vscode-project-manager" aria-label="GitHub" title="GitHub">
@@ -289,7 +289,7 @@ <h2>Support the extension if you find it useful.</h2>
289289
<h3>Why support it</h3>
290290
<p>Project Manager is open source, and your support helps keep maintenance, improvements, and ecosystem compatibility moving forward.</p>
291291
<div class="link-row">
292-
<a class="text-link" href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=EP57F3B6FXKTU&lc=US&item_name=Alessandro%20Fragnani&item_number=vscode%20extensions&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted">PayPal</a>
292+
<a class="text-link" href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&amp;business=EP57F3B6FXKTU&amp;lc=US&amp;item_name=Alessandro%20Fragnani&amp;item_number=vscode%20extensions&amp;currency_code=USD&amp;bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted">PayPal</a>
293293
<a class="text-link" href="https://github.com/sponsors/alefragnani">GitHub Sponsors</a>
294294
<a class="text-link" href="https://www.patreon.com/alefragnani">Patreon</a>
295295
</div>
@@ -302,9 +302,9 @@ <h3>Why support it</h3>
302302
</div>
303303
<footer class="site-footer">
304304
<div class="footer-social">
305-
<a href="https://twitter.com/alefragnani" target="_blank" rel="noopener noreferrer" aria-label="Twitter"><i class="fa-brands fa-x-twitter"></i></a>
306-
<a href="https://github.com/alefragnani" target="_blank" rel="noopener noreferrer" aria-label="GitHub"><i class="fa-brands fa-github"></i></a>
307-
<a href="https://www.linkedin.com/in/alefragnani/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><i class="fa-brands fa-linkedin"></i></a>
305+
<a href="https://twitter.com/alefragnani" target="_blank" rel="noopener noreferrer" aria-label="Twitter"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i></a>
306+
<a href="https://github.com/alefragnani" target="_blank" rel="noopener noreferrer" aria-label="GitHub"><i class="fa-brands fa-github" aria-hidden="true"></i></a>
307+
<a href="https://www.linkedin.com/in/alefragnani/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><i class="fa-brands fa-linkedin" aria-hidden="true"></i></a>
308308
</div>
309309
<div class="footer-copy">&copy; 2026 Alessandro Fragnani</div>
310310
</footer>

‎styles.css‎

Lines changed: 32 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -24,14 +24,26 @@ html {
2424
scroll-behavior: smooth;
2525
}
2626

27+
@media (prefers-reduced-motion: reduce) {
28+
html {
29+
scroll-behavior: auto;
30+
}
31+
32+
*,
33+
*::before,
34+
*::after {
35+
transition-duration: 0.01ms !important;
36+
animation-duration: 0.01ms !important;
37+
animation-iteration-count: 1 !important;
38+
}
39+
}
40+
2741
body {
2842
margin: 0;
2943
font-family: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;
3044
color: var(--text);
3145
background:
32-
radial-gradient(circle at top left, rgba(14, 117, 200, 0.16), transparent 28%),
33-
radial-gradient(circle at top right, rgba(217, 71, 47, 0.14), transparent 30%),
34-
linear-gradient(180deg, #fbf6ef 0%, var(--bg) 34%, #f7f1e8 100%);
46+
linear-gradient(135deg, #ffffff 0%, #f0f9ff 56%, #f6fff8 100%);
3547
}
3648

3749
body::before {
@@ -84,6 +96,7 @@ code {
8496
background: rgba(255, 248, 240, 0.74);
8597
border: 1px solid rgba(255, 255, 255, 0.65);
8698
border-radius: 999px;
99+
-webkit-backdrop-filter: blur(18px);
87100
backdrop-filter: blur(18px);
88101
box-shadow: 0 16px 40px rgba(26, 31, 46, 0.08);
89102
}
@@ -295,6 +308,7 @@ code {
295308
border: 1px solid rgba(255, 255, 255, 0.7);
296309
border-radius: var(--radius-xl);
297310
box-shadow: var(--shadow);
311+
-webkit-backdrop-filter: blur(16px);
298312
backdrop-filter: blur(16px);
299313
}
300314

@@ -496,6 +510,11 @@ code {
496510
align-items: center;
497511
}
498512

513+
.spotlight-copy,
514+
.spotlight-visual {
515+
min-width: 0;
516+
}
517+
499518
.spotlight-reverse {
500519
grid-template-columns: minmax(300px, 0.92fr) minmax(0, 1fr);
501520
}
@@ -535,11 +554,16 @@ code {
535554

536555
.json-example {
537556
margin: 0.9rem 0 0;
557+
width: 100%;
558+
max-width: 100%;
559+
min-width: 0;
538560
padding: 0.9rem 1rem;
539561
border-radius: 14px;
540562
background: #101826;
541563
color: #dde6f7;
542564
overflow-x: auto;
565+
overflow-y: hidden;
566+
-webkit-overflow-scrolling: touch;
543567
}
544568

545569
.json-example code {
@@ -548,6 +572,8 @@ code {
548572
font-size: 0.83rem;
549573
line-height: 1.55;
550574
white-space: pre;
575+
width: max-content;
576+
min-width: 100%;
551577
background: transparent;
552578
border-radius: 0;
553579
padding: 0;
@@ -590,7 +616,7 @@ code {
590616
grid-template-columns: repeat(2, minmax(0, 1fr));
591617
}
592618

593-
.sidebar-grid,
619+
.sidebar-grid,
594620
.support-grid {
595621
display: grid;
596622
gap: 0.75rem;
@@ -713,8 +739,9 @@ code {
713739
}
714740

715741
.site-footer {
742+
display: flex;
716743
flex-direction: column;
717-
align-items: flex-start;
744+
align-items: center;
718745
}
719746
}
720747

0 commit comments

Comments
 (0)