Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

refactor: update dependencies and splash page #37

Merged
merged 1 commit into from
Jan 20, 2024
Merged

refactor: update dependencies and splash page #37

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions package.json
View file
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop

Large diffs are not rendered by default.

49 changes: 18 additions & 31 deletions src/components/pages/FoundationHeader.astro
View file
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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