Skip to content

Commit

Permalink
website: re-generate commons
Browse files Browse the repository at this point in the history
  • Loading branch information
@ilg-ul
ilg-ul committed Feb 2, 2025
1 parent d22e5cc commit 4710518
Show file tree
Hide file tree
Showing 14 changed files with 298 additions and 31 deletions.
2 changes: 1 addition & 1 deletion README.md
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
[![GitHub package.json version](https://img.shields.io/github/package-json/v/xpack-dev-tools/flex-xpack)](https://github.com/xpack-dev-tools/flex-xpack/blob/xpack/package.json)
[![GitHub release (latest by date)](https://img.shields.io/github/v/release/xpack-dev-tools/flex-xpack)](https://github.com/xpack-dev-tools/flex-xpack/releases)
[![npm (scoped)](https://img.shields.io/npm/v/@xpack-dev-tools/flex?color=blue)](https://www.npmjs.com/package/@xpack-dev-tools/flex/)
[![NPM Version](https://img.shields.io/npm/v/@xpack-dev-tools/flex?color=green)](https://www.npmjs.com/package/@xpack-dev-tools/flex/)
[![license](https://img.shields.io/github/license/xpack-dev-tools/flex-xpack)](https://github.com/xpack-dev-tools/flex-xpack/blob/xpack/LICENSE)

# The xPack flex
Expand Down
2 changes: 1 addition & 1 deletion website/docs/install/index.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ import Content from './_common/_content.mdx';
[![GitHub package.json version](https://img.shields.io/github/package-json/v/xpack-dev-tools/flex-xpack?color=blue)](https://github.com/xpack-dev-tools/flex-xpack/blob/xpack/package.json)
[![GitHub release (latest by date)](https://img.shields.io/github/v/release/xpack-dev-tools/flex-xpack?color=blue)](https://github.com/xpack-dev-tools/flex-xpack/releases)
[![GitHub Release Date](https://img.shields.io/github/release-date/xpack-dev-tools/flex-xpack)](https://github.com/xpack-dev-tools/flex-xpack/releases)
[![NPM Version](https://img.shields.io/npm/v/%40xpack-dev-tools%2Fflex?label=xpm&color=green)](https://www.npmjs.com/package/@xpack-dev-tools/flex/)
[![NPM Version](https://img.shields.io/npm/v/%40xpack-dev-tools%2Fflex?color=green&label=xpm)](https://www.npmjs.com/package/@xpack-dev-tools/flex/)
[![GitHub Downloads (all assets, all releases)](https://img.shields.io/github/downloads/xpack-dev-tools/flex-xpack/total)](https://somsubhra.github.io/github-release-stats/?username=xpack-dev-tools&repository=flex-xpack)
[![NPM Downloads](https://img.shields.io/npm/d18m/%40xpack-dev-tools%2Fflex?label=xpm%20downloads)](https://www.npmjs.com/package/@xpack-dev-tools/flex/)
[![NPM Downloads](https://img.shields.io/npm/dm/%40xpack-dev-tools%2Fflex?label=xpm%20downloads)](https://www.npmjs.com/package/@xpack-dev-tools/flex/)
Expand Down
6 changes: 3 additions & 3 deletions website/docs/maintainer/_common/_content.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -932,9 +932,9 @@ Close those that were addressed.
- [individual file counters](https://somsubhra.github.io/github-release-stats/?username=xpack-dev-tools&repository=flex-xpack) (grouped by release)
- npmjs.com [`@xpack-dev-tools/flex`](https://www.npmjs.com/package/@xpack-dev-tools/flex/) xPack
- latest release, per month
[![npm (scoped)](https://img.shields.io/npm/v/@xpack-dev-tools/flex)](https://www.npmjs.com/package/@xpack-dev-tools/flex/)
[![npm](https://img.shields.io/npm/dm/@xpack-dev-tools/flex)](https://www.npmjs.com/package/@xpack-dev-tools/flex/)
- all releases [![npm](https://img.shields.io/npm/dt/@xpack-dev-tools/flex)](https://www.npmjs.com/package/@xpack-dev-tools/flex/)
[![NPM Version](https://img.shields.io/npm/v/%40xpack-dev-tools%2Fflex?color=green)](https://www.npmjs.com/package/@xpack-dev-tools/flex/)
[![NPM Downloads](https://img.shields.io/npm/dm/%40xpack-dev-tools%2Fflex)](https://www.npmjs.com/package/@xpack-dev-tools/flex/)
- all releases [![NPM Downloads](https://img.shields.io/npm/dt/%40xpack-dev-tools%2Fflex)](https://www.npmjs.com/package/@xpack-dev-tools/flex/)

Credit to [Shields IO](https://shields.io) for the badges and to
[Somsubhra/github-release-stats](https://github.com/Somsubhra/github-release-stats)
Expand Down
2 changes: 1 addition & 1 deletion website/docs/maintainer/index.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ import Content from './_common/_content.mdx';
# How to make new xPack flex releases

[![GitHub package.json version](https://img.shields.io/github/package-json/v/xpack-dev-tools/flex-xpack?color=blue)](https://github.com/xpack-dev-tools/flex-xpack/blob/xpack/package.json)
[![npm (scoped)](https://img.shields.io/npm/v/@xpack-dev-tools/flex?color=green)](https://www.npmjs.com/package/@xpack-dev-tools/flex/)
[![NPM Version](https://img.shields.io/npm/v/%40xpack-dev-tools%2Fflex?color=green)](https://www.npmjs.com/package/@xpack-dev-tools/flex/)
[![license](https://img.shields.io/github/license/xpack-dev-tools/flex-xpack)](https://github.com/xpack-dev-tools/flex-xpack/blob/xpack/LICENSE)
[![GitHub issues](https://img.shields.io/github/issues/xpack-dev-tools/flex-xpack)](https://github.com/xpack-dev-tools/flex-xpack/issues)
[![GitHub pulls](https://img.shields.io/github/issues-pr/xpack-dev-tools/flex-xpack)](https://github.com/xpack-dev-tools/flex-xpack/pulls)
Expand Down
174 changes: 150 additions & 24 deletions website/src/css/custom.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -97,48 +97,48 @@ h2[class*="title"]

.sub-web-home-link::before {
content: '';
width: 26px;
height: 26px;
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: top;
vertical-align: baseline;
padding-right: 0.5em;
background: url("/img/web.svg") no-repeat;
background: url("/img/web-globe.svg") no-repeat;
}

[data-theme='dark'] .sub-web-home-link::before {
content: '';
width: 26px;
height: 26px;
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: top;
vertical-align: baseline;
padding-right: 0.5em;
background: url("/img/web-dark.svg") no-repeat;
background: url("/img/web-globe-dark.svg") no-repeat;
}

.sub-web-github-link::before {
content: '';
width: 24px;
height: 24px;
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: top;
vertical-align: baseline;
padding-right: 0.5em;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat;
}

[data-theme='dark'] .sub-web-github-link::before {
content: '';
width: 24px;
height: 24px;
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: top;
vertical-align: baseline;
padding-right: 0.5em;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat;
}

.getting-started-link::before {
content: '';
width: 36px;
height: 36px;
width: 1.5em;
height: 1.5em;
display: inline-flex;
vertical-align: bottom;
margin-right: 0.5em;
Expand All @@ -147,8 +147,8 @@ h2[class*="title"]

.getting-started-link::after {
content: '\0000a0 ';
width: 36px;
height: 36px;
width: 1.5em;
height: 1.5em;
display: inline-flex;
vertical-align: bottom;
margin-left: 0.5em;
Expand All @@ -157,8 +157,8 @@ h2[class*="title"]

[data-theme='dark'] .getting-started-link::before {
content: '';
width: 36px;
height: 36px;
width: 1.5em;
height: 1.5em;
display: inline-flex;
vertical-align: bottom;
margin-right: 0.5em;
Expand All @@ -167,8 +167,8 @@ h2[class*="title"]

[data-theme='dark'] .getting-started-link::after {
content: '\0000a0 ';
width: 36px;
height: 36px;
width: 1.5em;
height: 1.5em;
display: inline-flex;
vertical-align: bottom;
margin-left: 0.5em;
Expand All @@ -195,6 +195,132 @@ h2[class*="title"]
no-repeat;
}


.platform-windows::before {
content: '';
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: baseline;
padding-right: 0.5em;
background: url("/img/windows-svgrepo-com.svg") no-repeat;
}

[data-theme='dark'] .platform-windows::before {
content: '';
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: baseline;
padding-right: 0.5em;
background: url("/img/windows-svgrepo-com-dark.svg") no-repeat;
}

.platform-apple::before {
content: '';
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: baseline;
padding-right: 0.5em;
background: url("/img/apple-svgrepo-com.svg") no-repeat;
}

[data-theme='dark'] .platform-apple::before {
content: '';
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: baseline;
padding-right: 0.5em;
background: url("/img/apple-svgrepo-com-dark.svg") no-repeat;
}

.platform-linux::before {
content: '';
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: baseline;
padding-right: 0.5em;
background: url("/img/linux-svgrepo-com.svg") no-repeat;
}

[data-theme='dark'] .platform-linux::before {
content: '';
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: baseline;
padding-right: 0.5em;
background: url("/img/linux-svgrepo-com-dark.svg") no-repeat;
}

.tagline-platform-windows::before {
content: '';
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: baseline;
padding-right: 0.5em;
background: url("/img/windows-svgrepo-com-dark.svg") no-repeat;
}

[data-theme='dark'] .tagline-platform-windows::before {
content: '';
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: baseline;
padding-right: 0.5em;
background: url("/img/windows-svgrepo-com.svg") no-repeat;
}

.tagline-platform-apple::before {
content: '';
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: baseline;
padding-right: 0.5em;
background: url("/img/apple-svgrepo-com-dark.svg") no-repeat;
}

[data-theme='dark'] .tagline-platform-apple::before {
content: '';
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: baseline;
padding-right: 0.5em;
background: url("/img/apple-svgrepo-com.svg") no-repeat;
}

.tagline-platform-linux::before {
content: '';
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: baseline;
padding-right: 0.5em;
background: url("/img/linux-svgrepo-com-dark.svg") no-repeat;
}

[data-theme='dark'] .tagline-platform-linux::before {
content: '';
width: 1em;
height: 1em;
display: inline-flex;
vertical-align: baseline;
padding-right: 0.5em;
background: url("/img/linux-svgrepo-com.svg") no-repeat;
}

.margin-left-platforms::before {
content: ' ';
margin-left: 0.6em;
}

img.mac-stadium-img {
float: right;
width: 200px;
Expand Down
7 changes: 6 additions & 1 deletion website/src/pages/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,12 @@ function HomepageHeader() {
<HeadTitle title="Welcome to the xPack flex!" />
<div className="container">
<Heading as="h1" className="hero__title">{siteConfig.title}</Heading>
<p className="hero__subtitle">{siteConfig.tagline}</p>
<p className="hero__subtitle">{siteConfig.tagline}
<span className="margin-left-platforms">
<span className="tagline-platform-apple"></span>
<span className="tagline-platform-linux"></span>
</span>
</p>
<div className={styles.installWithCopy}>
<InstallWithCopy>xpm install @xpack-dev-tools/[email protected] --verbose</InstallWithCopy>
</div>
Expand Down
15 changes: 15 additions & 0 deletions website/static/img/apple-svgrepo-com-dark.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 15 additions & 0 deletions website/static/img/apple-svgrepo-com.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 4710518

Please sign in to comment.