Add sponsorship logos (#1371)
This commit is contained in:
Drew Powers
GitHub
parent
769940a6eb
commit
939d5c3ae6
8 changed files with 175 additions and 67 deletions
1
.github/assets/netlify.svg
vendored
Normal file
1
.github/assets/netlify.svg
vendored
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.8 KiB |
1
.github/assets/sentry.svg
vendored
Normal file
1
.github/assets/sentry.svg
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg height="119" viewBox="0 0 222 66" width="400" xmlns="http://www.w3.org/2000/svg"><path d="m29 2.26a4.67 4.67 0 0 0 -8 0l-6.58 11.27a32.21 32.21 0 0 1 17.75 26.66h-4.62a27.68 27.68 0 0 0 -15.46-22.72l-6.09 10.53a15.92 15.92 0 0 1 9.23 12.17h-10.61a.76.76 0 0 1 -.62-1.11l2.94-5a10.74 10.74 0 0 0 -3.36-1.9l-2.91 5a4.54 4.54 0 0 0 1.69 6.24 4.66 4.66 0 0 0 2.26.6h14.53a19.4 19.4 0 0 0 -8-17.31l2.31-4a23.87 23.87 0 0 1 10.3 21.31h12.31a35.88 35.88 0 0 0 -16.41-31.8l4.67-8a.77.77 0 0 1 1.05-.27c.53.29 20.29 34.77 20.66 35.17a.76.76 0 0 1 -.68 1.13h-4.76q.09 1.91 0 3.81h4.78a4.59 4.59 0 0 0 4.62-4.61 4.49 4.49 0 0 0 -.62-2.28zm95.32 26.02-14.76-19.06h-3.68v25.55h3.73v-19.58l15.18 19.58h3.26v-25.55h-3.73zm-37.17-4.74h13.23v-3.32h-13.24v-7.69h14.93v-3.32h-18.73v25.56h18.92v-3.32h-15.12zm-15.56-3.24c-5.15-1.24-6.59-2.22-6.59-4.6 0-2.14 1.89-3.59 4.71-3.59a12.06 12.06 0 0 1 7.07 2.55l2-2.83a14.1 14.1 0 0 0 -9-3c-5.06 0-8.59 3-8.59 7.27 0 4.6 3 6.19 8.46 7.52 4.86 1.12 6.35 2.16 6.35 4.49s-2 3.77-5.09 3.77a12.34 12.34 0 0 1 -8.3-3.26l-2.25 2.69a15.94 15.94 0 0 0 10.42 3.85c5.48 0 9-2.95 9-7.51-.03-3.86-2.31-5.93-8.19-7.35zm124.11-11.08-7.69 12-7.64-12h-4.46l10.09 15.45v10.11h3.84v-10.23l10.16-15.33zm-64.63 3.46h8.37v22.1h3.84v-22.1h8.37v-3.46h-20.57zm38.34 12.12c3.86-1.07 6-3.77 6-7.63 0-4.91-3.59-8-9.38-8h-11.36v25.59h3.8v-9.18h6.45l6.48 9.2h4.44l-7-9.82zm-10.95-2.5v-9.7h7.17c3.74 0 5.88 1.77 5.88 4.84s-2.29 4.86-5.84 4.86z" fill="#362d59" transform="translate(11 11)"/></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -6,7 +6,7 @@ const {currentPage} = Astro.props;
|
|||
// Get the slug w/o a leading or trailing slash
|
||||
const currentPageMatch = removeLeadingSlash(removeTrailingSlash(currentPage));
|
||||
const langCode = getLanguageFromURL(currentPage);
|
||||
// SIDEBAR is a flat array. Group it by sections to properly render.
|
||||
// SIDEBAR is a flat array. Group it by sections to properly render.
|
||||
const sidebarSections = SIDEBAR[langCode].reduce((col, item) => {
|
||||
if (item.header) {
|
||||
col.push({...item, children: []});
|
||||
|
|
@ -19,7 +19,26 @@ const sidebarSections = SIDEBAR[langCode].reduce((col, item) => {
|
|||
---
|
||||
|
||||
<nav aria-labelledby="grid-left">
|
||||
<ul class="nav-groups">
|
||||
<ul class="nav-groups">
|
||||
<li>
|
||||
<div class="nav-group">
|
||||
<h2 class="sponsors-title">Sponsored by</h2>
|
||||
<ul class="sponsors">
|
||||
<li>
|
||||
<a href="https://www.netlify.com/">
|
||||
<svg class="netlify" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 147 40">
|
||||
<radialGradient id="netlify-gradient" cy="0%" gradientTransform="matrix(0 .9989 -1.152 0 .5 -.5)" r="100.11%">
|
||||
<stop offset="0" stop-color="#20c6b7"/>
|
||||
<stop offset="1" stop-color="#4d9abf"/>
|
||||
</radialGradient>
|
||||
<path d="m53.37 12.978.123 2.198c1.403-1.7 3.245-2.55 5.525-2.55 3.951 0 5.962 2.268 6.032 6.804v12.568h-4.26v-12.322c0-1.207-.26-2.1-.78-2.681-.52-.58-1.371-.87-2.552-.87-1.719 0-3 .78-3.84 2.338v13.535h-4.262v-19.02h4.016zm24.378 19.372c-2.7 0-4.89-.852-6.567-2.557-1.678-1.705-2.517-3.976-2.517-6.812v-.527c0-1.898.365-3.595 1.096-5.089.73-1.494 1.757-2.657 3.078-3.49 1.321-.831 2.794-1.247 4.42-1.247 2.583 0 4.58.826 5.988 2.478 1.41 1.653 2.114 3.99 2.114 7.014v1.723h-12.4c.13 1.57.652 2.812 1.57 3.726s2.073 1.371 3.464 1.371c1.952 0 3.542-.79 4.77-2.373l2.297 2.198c-.76 1.136-1.774 2.018-3.042 2.645-1.269.627-2.692.94-4.27.94zm-.508-16.294c-1.17 0-2.113.41-2.832 1.23-.72.82-1.178 1.963-1.377 3.428h8.12v-.317c-.094-1.43-.474-2.51-1.14-3.243-.667-.732-1.59-1.098-2.771-1.098zm16.765-7.7v4.623h3.35v3.164h-3.35v10.617c0 .726.144 1.25.43 1.573.286.322.798.483 1.535.483a6.55 6.55 0 0 0 1.49-.176v3.305c-.97.27-1.905.404-2.806.404-3.273 0-4.91-1.81-4.91-5.431v-10.776h-3.124v-3.164h3.122v-4.623h4.261zm11.137 23.643h-4.262v-27h4.262zm9.172 0h-4.262v-19.02h4.262zm-4.525-23.96c0-.655.207-1.2.622-1.634.416-.433 1.009-.65 1.78-.65.772 0 1.368.217 1.79.65.42.434.63.979.63 1.635 0 .644-.21 1.18-.63 1.608-.422.428-1.018.642-1.79.642-.771 0-1.364-.214-1.78-.642-.415-.427-.622-.964-.622-1.608zm10.663 23.96v-15.857h-2.894v-3.164h2.894v-1.74c0-2.11.584-3.738 1.753-4.887 1.17-1.148 2.806-1.722 4.91-1.722.749 0 1.544.105 2.386.316l-.105 3.34a8.375 8.375 0 0 0 -1.631-.14c-2.035 0-3.052 1.048-3.052 3.146v1.687h3.858v3.164h-3.858v15.856h-4.261zm17.87-6.117 3.858-12.903h4.542l-7.54 21.903c-1.158 3.199-3.122 4.799-5.893 4.799-.62 0-1.304-.106-2.052-.317v-3.305l.807.053c1.075 0 1.885-.196 2.429-.589.543-.392.973-1.051 1.289-1.977l.613-1.635-6.664-18.932h4.595z" fill="currentColor"/>
|
||||
<path d="m28.589 14.135-.014-.006c-.008-.003-.016-.006-.023-.013a.11.11 0 0 1 -.028-.093l.773-4.726 3.625 3.626-3.77 1.604a.083.083 0 0 1 -.033.006h-.015c-.005-.003-.01-.007-.02-.017a1.716 1.716 0 0 0 -.495-.381zm5.258-.288 3.876 3.876c.805.806 1.208 1.208 1.355 1.674.022.069.04.138.054.209l-9.263-3.923a.728.728 0 0 0 -.015-.006c-.037-.015-.08-.032-.08-.07s.044-.056.081-.071l.012-.005zm5.127 7.003c-.2.376-.59.766-1.25 1.427l-4.37 4.369-5.652-1.177-.03-.006c-.05-.008-.103-.017-.103-.062a1.706 1.706 0 0 0 -.655-1.193c-.023-.023-.017-.059-.01-.092 0-.005 0-.01.002-.014l1.063-6.526.004-.022c.006-.05.015-.108.06-.108a1.73 1.73 0 0 0 1.16-.665c.009-.01.015-.021.027-.027.032-.015.07 0 .103.014l9.65 4.082zm-6.625 6.801-7.186 7.186 1.23-7.56.002-.01c.001-.01.003-.02.006-.029.01-.024.036-.034.061-.044l.012-.005a1.85 1.85 0 0 0 .695-.517c.024-.028.053-.055.09-.06a.09.09 0 0 1 .029 0l5.06 1.04zm-8.707 8.707-.81.81-8.955-12.942a.424.424 0 0 0 -.01-.014c-.014-.019-.029-.038-.026-.06 0-.016.011-.03.022-.042l.01-.013c.027-.04.05-.08.075-.123l.02-.035.003-.003c.014-.024.027-.047.051-.06.021-.01.05-.006.073-.001l9.921 2.046a.164.164 0 0 1 .076.033c.013.013.016.027.019.043a1.757 1.757 0 0 0 1.028 1.175c.028.014.016.045.003.078a.238.238 0 0 0 -.015.045c-.125.76-1.197 7.298-1.485 9.063zm-1.692 1.691c-.597.591-.949.904-1.347 1.03a2 2 0 0 1 -1.206 0c-.466-.148-.869-.55-1.674-1.356l-8.993-8.993 2.349-3.643c.011-.018.022-.034.04-.047.025-.018.061-.01.091 0a2.434 2.434 0 0 0 1.638-.083c.027-.01.054-.017.075.002a.19.19 0 0 1 .028.032l8.999 13.059zm-14.087-10.186-2.063-2.063 4.074-1.738a.084.084 0 0 1 .033-.007c.034 0 .054.034.072.065a2.91 2.91 0 0 0 .13.184l.013.016c.012.017.004.034-.008.05l-2.25 3.493zm-2.976-2.976-2.61-2.61c-.444-.444-.766-.766-.99-1.043l7.936 1.646a.84.84 0 0 0 .03.005c.049.008.103.017.103.063 0 .05-.059.073-.109.092l-.023.01zm-4.056-4.995a2 2 0 0 1 .09-.495c.148-.466.55-.868 1.356-1.674l3.34-3.34a2175.525 2175.525 0 0 0 4.626 6.687c.027.036.057.076.026.106-.146.161-.292.337-.395.528a.16.16 0 0 1 -.05.062c-.013.008-.027.005-.042.002h-.002l-8.949-1.877zm5.68-6.403 4.489-4.491c.423.185 1.96.834 3.333 1.414 1.04.44 1.988.84 2.286.97.03.012.057.024.07.054.008.018.004.041 0 .06a2.003 2.003 0 0 0 .523 1.828c.03.03 0 .073-.026.11l-.014.021-4.56 7.063c-.012.02-.023.037-.043.05-.024.015-.058.008-.086.001a2.274 2.274 0 0 0 -.543-.074c-.164 0-.342.03-.522.063h-.001c-.02.003-.038.007-.054-.005a.21.21 0 0 1 -.045-.051l-4.808-7.013zm5.398-5.398 5.814-5.814c.805-.805 1.208-1.208 1.674-1.355a2 2 0 0 1 1.206 0c.466.147.869.55 1.674 1.355l1.26 1.26-4.135 6.404a.155.155 0 0 1 -.041.048c-.025.017-.06.01-.09 0a2.097 2.097 0 0 0 -1.92.37c-.027.028-.067.012-.101-.003-.54-.235-4.74-2.01-5.341-2.265zm12.506-3.676 3.818 3.818-.92 5.698v.015a.135.135 0 0 1 -.008.038c-.01.02-.03.024-.05.03a1.83 1.83 0 0 0 -.548.273.154.154 0 0 0 -.02.017c-.011.012-.022.023-.04.025a.114.114 0 0 1 -.043-.007l-5.818-2.472-.011-.005c-.037-.015-.081-.033-.081-.071a2.198 2.198 0 0 0 -.31-.915c-.028-.046-.059-.094-.035-.141zm-3.932 8.606 5.454 2.31c.03.014.063.027.076.058a.106.106 0 0 1 0 .057c-.016.08-.03.171-.03.263v.153c0 .038-.039.054-.075.069l-.011.004c-.864.369-12.13 5.173-12.147 5.173s-.035 0-.052-.017c-.03-.03 0-.072.027-.11a.76.76 0 0 0 .014-.02l4.482-6.94.008-.012c.026-.042.056-.089.104-.089l.045.007c.102.014.192.027.283.027.68 0 1.31-.331 1.69-.897a.16.16 0 0 1 .034-.04c.027-.02.067-.01.098.004zm-6.246 9.185 12.28-5.237s.018 0 .035.017c.067.067.124.112.179.154l.027.017c.025.014.05.03.052.056 0 .01 0 .016-.002.025l-1.052 6.462-.004.026c-.007.05-.014.107-.061.107a1.729 1.729 0 0 0 -1.373.847l-.005.008c-.014.023-.027.045-.05.057-.021.01-.048.006-.07.001l-9.793-2.02c-.01-.002-.152-.519-.163-.52z" fill="url(#netlify-gradient)" fill-rule="nonzero" transform="translate(-.702)"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
{sidebarSections.map(section => (
|
||||
<li>
|
||||
<div class="nav-group">
|
||||
|
|
@ -108,4 +127,22 @@ const sidebarSections = SIDEBAR[langCode].reduce((col, item) => {
|
|||
}
|
||||
}
|
||||
|
||||
.sponsors {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.netlify {
|
||||
color: var(--theme-text);
|
||||
width: 104px;
|
||||
}
|
||||
|
||||
.sponsors-title {
|
||||
color: hsl(var(--color-base-gray), 50%);
|
||||
font-size: 0.8em;
|
||||
font-weight: 300;
|
||||
letter-spacing: 0.0625em;
|
||||
margin: 0 0 0.5rem;
|
||||
padding-left: 1rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<img src="https://github.com/snowpackjs/astro/blob/main/assets/social/banner.png?raw=true" />
|
||||
|
||||
**Astro** is a _fresh but familiar_ approach to building websites. Astro combines decades of proven performance best practices with the DX improvements of the component-oriented era. Use your favorite JavaScript framework and automatically ship the bare-minimum amount of JavaScript—by default.
|
||||
**Astro** is a _fresh but familiar_ approach to building websites. Astro combines decades of proven performance best practices with the DX improvements of the component-oriented era. Use your favorite JavaScript framework and automatically ship the bare-minimum amount of JavaScript—by default.
|
||||
|
||||
|
||||
### [Announcement Post →](https://astro.build/blog/introducing-astro)
|
||||
|
|
@ -21,3 +21,29 @@ npm init astro
|
|||
```
|
||||
|
||||
### [Full Documentation Site →](https://docs.astro.build/)
|
||||
|
||||
## Sponsors
|
||||
|
||||
You can sponsor Astro's development on [Open Collective][oc]. Astro is generously supported by the following companies and individuals:
|
||||
|
||||
### Platinum Sponsors
|
||||
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center"><a href="https://www.netlify.com/" target="_blank"><img width="147" height="40" src="./.github/assets/netlify.svg" alt="Netlify" /></a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
### Sponsors
|
||||
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center"><a href="https://sentry.io" target="_blank"><img width="147" height="40" src="./.github/assets/sentry.svg" alt="Sentry" /></a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
[oc]: https://opencollective.com/astrodotbuild
|
||||
|
|
|
|||
1
www/public/assets/netlify.svg
Normal file
1
www/public/assets/netlify.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.8 KiB |
|
|
@ -3,67 +3,67 @@
|
|||
</article>
|
||||
|
||||
<style lang="scss">
|
||||
article {
|
||||
text-align: left;
|
||||
line-height: 1.5;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
:global(article > * + *) {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
h1 {
|
||||
font-family: var(--font-sans);
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
em {
|
||||
font-style: normal;
|
||||
color: var(--color-green);
|
||||
}
|
||||
a {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
position: relative;
|
||||
display: flex;
|
||||
font-family: var(--font-mono);
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
height: 40px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
width: max-content;
|
||||
margin: 2.5rem auto;
|
||||
}
|
||||
a:hover,
|
||||
a:focus {
|
||||
background: white;
|
||||
color: black;
|
||||
}
|
||||
article {
|
||||
text-align: left;
|
||||
line-height: 1.5;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
:global(article > * + *) {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
h1 {
|
||||
font-family: var(--font-sans);
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
em {
|
||||
font-style: normal;
|
||||
color: var(--color-green);
|
||||
}
|
||||
a {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
position: relative;
|
||||
display: flex;
|
||||
font-family: var(--font-mono);
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
height: 40px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
width: max-content;
|
||||
margin: 2.5rem auto;
|
||||
}
|
||||
a:hover,
|
||||
a:focus {
|
||||
background: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
a::before,
|
||||
a::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 8px;
|
||||
border: 2px solid white;
|
||||
border-left-style: dotted;
|
||||
border-right-style: dotted;
|
||||
}
|
||||
a::before {
|
||||
border-right: 0;
|
||||
left: 0;
|
||||
}
|
||||
a::after {
|
||||
border-left: 0;
|
||||
right: 0;
|
||||
}
|
||||
a::before,
|
||||
a::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 8px;
|
||||
border: 2px solid white;
|
||||
border-left-style: dotted;
|
||||
border-right-style: dotted;
|
||||
}
|
||||
a::before {
|
||||
border-right: 0;
|
||||
left: 0;
|
||||
}
|
||||
a::after {
|
||||
border-left: 0;
|
||||
right: 0;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
40
www/src/components/Sponsors.astro
Normal file
40
www/src/components/Sponsors.astro
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
<style lang="scss">
|
||||
.wrapper {
|
||||
margin-bottom: 3rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.list {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
a {
|
||||
&::before,
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 1em;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.oc {
|
||||
margin-top: 1.5rem;
|
||||
font-size: 0.75em;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="wrapper">
|
||||
<h2 class="title">Sponsored by</h2>
|
||||
<div class="list">
|
||||
<a href="https://www.netlify.com/" target="_blank"><img src="/assets/netlify.svg" width="147" height="40" alt="Netlify" /></a>
|
||||
</div>
|
||||
<div class="oc"><a href="https://opencollective.com/astrodotbuild" target="_blank">Astro on Open Collective</a></div>
|
||||
</div>
|
||||
|
|
@ -6,6 +6,7 @@ import Logo from '../components/Logo.astro';
|
|||
import Article from '../components/Article.astro';
|
||||
import Tagline from '../components/Tagline.astro';
|
||||
import MainHeader from '../components/MainHeader.astro';
|
||||
import Sponsors from '../components/Sponsors.astro';
|
||||
import YouTube from '../components/YouTube.astro';
|
||||
import "../components/YouTube.css";
|
||||
|
||||
|
|
@ -23,7 +24,7 @@ let lang = 'en';
|
|||
|
||||
<body>
|
||||
<Space />
|
||||
|
||||
|
||||
<Main>
|
||||
<MainHeader />
|
||||
<Article>
|
||||
|
|
@ -35,7 +36,7 @@ let lang = 'en';
|
|||
<p>
|
||||
For a technology built on top of three different languages, the modern web seems to focus an awful lot on JavaScript. We don’t think it has to—and that’s certainly <a href="https://css-tricks.com/the-great-divide/">not</a> <a href="https://bradfrost.com/blog/post/front-of-the-front-end-and-back-of-the-front-end-web-development/">a</a> <a href="https://macwright.com/2020/05/10/spa-fatigue.html">revolutionary</a> <a href="https://css-tricks.com/whats-old-is-new/">concept</a>.
|
||||
</p>
|
||||
|
||||
|
||||
<p>
|
||||
We’ll eagerly jump at the chance to sing JavaScript’s praises, but HTML and CSS are pretty great too. There aren’t enough modern tools which reflect that, which is why we're building Astro.
|
||||
</p>
|
||||
|
|
@ -59,6 +60,7 @@ let lang = 'en';
|
|||
<p>Psst... <a href="https://astro.build/chat">get early access to new features</a> by joining our Discord community.</p>
|
||||
</div>
|
||||
</Article>
|
||||
<Sponsors />
|
||||
</Main>
|
||||
|
||||
<style lang="scss">
|
||||
|
|
|
|||
Loading…
Reference in a new issue