Skip to content

Commit

Permalink
Update dependencies and splash page (#37)
Browse files Browse the repository at this point in the history
  • Loading branch information
@huijing
huijing committed Jan 20, 2024
1 parent c5c0d07 commit 8c9958d
Show file tree
Hide file tree
Showing 13 changed files with 188 additions and 126 deletions.
8 changes: 4 additions & 4 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,12 +9,12 @@
"astro": "astro"
},
"dependencies": {
"@astrojs/starlight": "^0.15.0",
"@astrojs/starlight": "^0.16.0",
"@interledger/docs-design-system": "^0.2.1",
"@types/showdown": "^2.0.6",
"astro": "^4.0.3",
"node-html-parser": "^6.1.11",
"sharp": "^0.33.0",
"astro": "^4.2.1",
"node-html-parser": "^6.1.12",
"sharp": "^0.33.2",
"showdown": "^2.1.0"
}
}
2 changes: 1 addition & 1 deletion src/components/Header.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ import DevelopersLogo from "../components/DevelopersLogo.astro";
overflow: hidden;
max-width: 100%;
white-space: nowrap;
margin-left: auto;
margin-inline-start: auto;
height: 1.5em;
}

Expand Down
4 changes: 2 additions & 2 deletions src/components/pages/Footer.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ const currentYear = new Date().getFullYear();
gap: 1.5em;
justify-content: center;
padding: 0;
margin-top: var(--space-2xs);
margin-block-start: var(--space-2xs);
}

@media screen and (min-width: 480px) {
Expand All @@ -41,7 +41,7 @@ const currentYear = new Date().getFullYear();
}

ul {
margin-top: 0;
margin-block-start: 0;
}
}

Expand Down
159 changes: 116 additions & 43 deletions src/components/pages/FoundationFooter.astro
View file

Large diffs are not rendered by default.

49 changes: 18 additions & 31 deletions src/components/pages/FoundationHeader.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -109,17 +109,14 @@ import FoundationLogo from "../FoundationLogo.astro";
position: sticky;
top: 0;
z-index: 1;
border-block-start: 2px solid var(--color-primary-fallback);
border-block-start: 2px solid var(--color-primary);
box-shadow: 0px 0px 12px -4px var(--color-primary-fallback);
box-shadow: 0px 0px 12px -4px var(--color-primary);
border-block-start: 2px solid var(--color-header-accent);
box-shadow: var(--box-shadow);
}

.site-nav {
display: flex;
align-items: center;
justify-content: space-between;
height: var(--site-header-height);
}

.site-nav ul {
Expand All @@ -142,11 +139,13 @@ import FoundationLogo from "../FoundationLogo.astro";
.site-nav__links a {
text-decoration: underline 1.5px transparent;
padding: var(--space-s) var(--space-2xs);
color: var(--color-black);
}

.site-nav__links a:hover {
background-color: var(--color-primary-bg-fallback);
background-color: var(--color-primary-bg);
background-color: var(--color-header-accent);
color: currentColor;
text-decoration-color: currentColor;
}

.menu-item--level-1 > a {
Expand All @@ -165,11 +164,6 @@ import FoundationLogo from "../FoundationLogo.astro";
text-decoration: none;
}

a.switch-link {
color: var(--color-primary-fallback);
color: var(--color-primary);
}

a.switch-link:hover {
text-decoration: underline;
}
Expand All @@ -187,13 +181,17 @@ a.switch-link:hover {
}

@media screen and (max-width: 1059px) {
.site-nav {
height: var(--site-header-height);
}

.site-links-wrapper {
position: absolute;
background-color: var(--color-header-bg);
top: var(--site-header-height);
right: 0;
transition: transform 300ms ease-in-out;
border-block-start: 1px solid var(--color-primary);
border-block-start: 1px solid var(--color-header-accent);
}

.site-links-wrapper.offscreen {
Expand All @@ -213,17 +211,15 @@ a.switch-link:hover {
}

.menu-item--level-1 > .is-active {
border-inline-start: 2px solid var(--color-primary-fallback);
border-inline-start: 2px solid var(--color-primary);
border-inline-start: 2px solid var(--color-header-accent);
}

.menu-item--level-2 > .is-active {
text-decoration: underline;
}

.switch-link:hover {
background-color: var(--color-primary-bg-fallback);
background-color: var(--color-primary-bg);
background-color: var(--color-header-accent);
}

.site-nav__toggle {
Expand All @@ -246,8 +242,7 @@ a.switch-link:hover {
position: absolute;
height: 4px;
width: 100%;
background: var(--color-primary-fallback);
background: var(--color-primary);
background: currentColor;
border-radius: 4px;
opacity: 1;
left: 0;
Expand Down Expand Up @@ -315,22 +310,14 @@ a.switch-link:hover {
align-items: center;
}

.site-nav__links .is-active {
text-decoration-color: var(--color-primary-fallback);
text-decoration-color: var(--color-primary);
color: var(--color-primary-fallback);
color: var(--color-primary);
}

.has-submenu {
position: relative;
}

.site-nav .menu--level-2 {
background-color: var(--color-header-bg);
position: absolute;
border-inline-start: 2px solid var(--color-primary-fallback);
border-inline-start: 2px solid var(--color-primary);
border-inline-start: 2px solid var(--color-header-accent);
transition: opacity 150ms ease-in;
}

Expand All @@ -349,9 +336,9 @@ a.switch-link:hover {
width: max-content;
min-width: 100%;
left: 0;
top: calc(1.3em + var(--space-s) * 2);
box-shadow: 0px 0px 12px -4px var(--color-primary-fallback);
box-shadow: 0px 0px 12px -4px var(--color-primary);
top: calc(1.4em + var(--space-s) * 2);
box-shadow: 2px 3px 6px -3px hsla(0, 0%, 0%, 0.06),
-2px 3px 6px -3px hsla(0, 0%, 0%, 0.06);
}

.site-nav__toggle {
Expand Down
5 changes: 2 additions & 3 deletions src/components/pages/LanderHeader.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,8 +35,7 @@ import DevelopersLogo from "../DevelopersLogo.astro";
justify-content: space-between;
align-items: center;
max-width: 95rem;
margin-left: auto;
margin-right: auto;
margin-inline: auto;
gap: var(--space-s);
}

Expand All @@ -62,7 +61,7 @@ import DevelopersLogo from "../DevelopersLogo.astro";
overflow: hidden;
max-width: 100%;
white-space: nowrap;
margin-left: auto;
margin-inline-start: auto;
height: 1.5em;
font-size: var(--step--1);
}
Expand Down
1 change: 1 addition & 0 deletions src/layouts/HomeLayout.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,7 @@ const { title, description } = Astro.props;
min-height: 100%;
min-width: 360px;
font-family: "Titillium", Arial, sans-serif;
overflow-x: hidden;
}

/* Background swirl */
Expand Down
1 change: 1 addition & 0 deletions src/layouts/LanderLayout.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,7 @@ const { title, description, gradient = "option1" } = Astro.props;
background-image: var(--gradient);
background-repeat: no-repeat;
background-attachment: fixed;
overflow-x: hidden;
}

main {
Expand Down
30 changes: 14 additions & 16 deletions src/pages/hackathon-2023.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -263,8 +263,8 @@ import AnimatedSummitLogo from '../components/pages/AnimatedSummitLogo.astro';
color: var(--color-text);
cursor: pointer;
opacity: 0.75;
border-bottom-left-radius: var(--border-radius);
border-top-left-radius: var(--border-radius);
border-end-start-radius: var(--border-radius);
border-start-start-radius: var(--border-radius);
transition: opacity 300ms ease-in-out;
}

Expand Down Expand Up @@ -299,11 +299,11 @@ import AnimatedSummitLogo from '../components/pages/AnimatedSummitLogo.astro';
}

aside li {
margin-bottom: var(--space-3xs);
margin-block-end: var(--space-3xs);
}

aside li ul {
margin-top: var(--space-3xs);
margin-block-start: var(--space-3xs);
}

aside a {
Expand All @@ -322,7 +322,7 @@ import AnimatedSummitLogo from '../components/pages/AnimatedSummitLogo.astro';
display: flex;
gap: 1em;
justify-content: center;
margin-bottom: var(--space-m)
margin-block-end: var(--space-m)
}

.summit-logo__animate {
Expand All @@ -340,50 +340,48 @@ import AnimatedSummitLogo from '../components/pages/AnimatedSummitLogo.astro';

.testnet-logo {
max-width: 10em;
margin-top: var(--space-s);
margin-bottom: var(--space-s);
margin-block: var(--space-s);
}

.opp-snippets {
max-width: 15em;
margin-bottom: var(--space-s);
margin-block-end: var(--space-s);
}

.opp-logo {
max-width: 18em;
margin-bottom: var(--space-s);
margin-block-end: var(--space-s);
}

.webm-logo {
max-width: 16em;
margin-bottom: var(--space-s);
margin-block-end: var(--space-s);
}

.interledger-logo {
max-width: 12em;
margin-bottom: var(--space-s);
margin-block-end: var(--space-s);
}

.tigerbeetle-logo {
max-width: 12em;
margin-bottom: var(--space-s);
margin-block-end: var(--space-s);
}

.padding--large {
padding-top: var(--space-3xl);
padding-bottom: var(--space-3xl);
padding-block: var(--space-3xl);
}

.align--center {
text-align: center;
}

h2, h3 {
margin-bottom: var(--space-s);
margin-block-end: var(--space-s);
}

p, .content ul, ol {
margin-bottom: var(--space-xs);
margin-block-end: var(--space-xs);
}
</style>

Expand Down
13 changes: 5 additions & 8 deletions src/pages/hacktoberfest.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -102,8 +102,7 @@ import Section from '../components/pages/Section.astro';

.vision {
max-width: 38em;
margin-left: auto;
margin-right: auto;
margin-inline: auto;
}

.intro-grid {
Expand Down Expand Up @@ -160,24 +159,22 @@ import Section from '../components/pages/Section.astro';
}

.padding--small {
padding-top: var(--space-s);
padding-bottom: var(--space-s);
padding-block: var(--space-s);
}

.padding--large {
padding-top: var(--space-xl);
padding-bottom: var(--space-xl);
padding-block: var(--space-xl);
}

.align--center {
text-align: center;
}

h2, h3 {
margin-bottom: var(--space-s);
margin-block-end: var(--space-s);
}

p {
margin-bottom: var(--space-xs);
margin-block-end: var(--space-xs);
}
</style>
9 changes: 6 additions & 3 deletions src/pages/index.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,8 +49,8 @@ import HomeLayout from '../layouts/HomeLayout.astro';
background-repeat: no-repeat;
background-size: cover;
background-position: bottom right;
background-image: linear-gradient(90deg, #057972 0%, #93944C 52.08%, #FF7A4E 100%);
background-image: linear-gradient(to right, oklch(51.95% 0.089 187.7) 0%, oklch(64.96% 0.095 109.48) 52.08%, oklch(72.76% 0.173 38.66) 100%);
background-image: linear-gradient(90deg, #007777 0%, #69BCC3 100%);
background-image: linear-gradient(to right, oklch(51.54% 0.088 194.77), oklch(74.53% 0.082 202.65));
min-height: 60vh;
padding-block: var(--space-m);
color: var(--color-white);
Expand All @@ -60,7 +60,6 @@ import HomeLayout from '../layouts/HomeLayout.astro';

.content-wrapper {
display: flex;
align-items: center;
justify-content: start;
gap: var(--space-m);
}
Expand All @@ -87,6 +86,10 @@ import HomeLayout from '../layouts/HomeLayout.astro';
.hero {
min-height: 70vh;
}

.content-wrapper {
align-items: center;
}
}


Expand Down
Loading

0 comments on commit 8c9958d

Please sign in to comment.