Skip to content

Commit

Permalink
Branding content (#1578)
Browse files Browse the repository at this point in the history
* add brand page

* add brand section

* remove unused page
  • Loading branch information
bjohansebas authored Sep 3, 2024
1 parent f24789a commit 765fbc2
Show file tree
Hide file tree
Showing 6 changed files with 62 additions and 0 deletions.
22 changes: 22 additions & 0 deletions css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -1310,4 +1310,26 @@ html.dark-mode .no-release {
}
.eol {
color: red !important;
}

.logo-table {
display: flex;
flex-wrap: wrap;
row-gap: 8px;
column-gap: 48px;
}

.logo-table h3{
margin-bottom: 12px;
}

.hidden-dark {
display: block;
}

html.dark-mode .hidden-light {
display: block;
}
html.dark-mode .hidden-dark {
display: none;
}
28 changes: 28 additions & 0 deletions en/resources/community.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,3 +62,31 @@ in the repository covering everything from API design and authentication to temp
## Github Discussions

The [GitHub Discussions](https://github.com/expressjs/discussions) section is an excellent space to engage in conversations about the development and maintenance of Express, as well as to share ideas and discuss topics related to its usage.


# Branding of Express.js

## Express.js Logo

Express is a project of the OpenJS Foundation. Please review the [trademark policy](https://trademark-policy.openjsf.org/) for information about permissible use of Express.js logos and marks.

<div class="logo-table">
<div>
<h3>Logotype</h3>
<a href="/images/brand/logotype-light.svg" class="hidden-dark">
<img src="/images/brand/logotype-light.svg" width="250" height="56"/>
</a>
<a href="/images/brand/logotype-dark.svg" class="hidden-light">
<img src="/images/brand/logotype-dark.svg" width="250" height="56"/>
</a>
</div>
<div>
<h3>Logomark</h3>
<a href="/images/brand/logo-light.svg" class="hidden-dark">
<img src="/images/brand/logo-light.svg" width="96.5" height="56"/>
</a>
<a href="/images/brand/logo-dark.svg" class="hidden-light">
<img src="/images/brand/logo-dark.svg" width="96.5" height="56"/>
</a>
</div>
<div>
3 changes: 3 additions & 0 deletions images/brand/logo-dark.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions images/brand/logo-light.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions images/brand/logotype-dark.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions images/brand/logotype-light.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 765fbc2

Please sign in to comment.