Skip to content

Commit ab883c0

Browse files
committed
Various ROS branding fixes
1 parent 451a1f5 commit ab883c0

File tree

10 files changed

+41
-25
lines changed

10 files changed

+41
-25
lines changed

README.md

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,15 +30,29 @@ bazel run //bin:bazel_env
3030

3131
Packages are managed via [pnpm](https://pnpm.io/), so they can be installed via `npx pnpm install`
3232

33+
```
34+
sudo apt install npm
35+
sudo npm install -g pnpm
36+
pnpm approve-builds
37+
```
38+
3339
Then, run the development server:
3440

3541
```bash
3642
npm run dev
3743
```
3844

39-
Open <http://localhost:3000/bazel-central-registry> with your browser to see the result.
45+
Then to compile all static pages, run the following:
4046

41-
You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
47+
```bash
48+
npm run build
49+
```
50+
51+
Finally to server the pre-build module files
52+
53+
```bash
54+
npx serve@latest out
55+
```
4256

4357
### Learn More about Next.js
4458

components/Footer.tsx

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,26 +8,25 @@ export const BCR_UI_REPO_LINK = 'https://github.com/bazel-contrib/bcr-ui'
88

99
export const Footer: React.FC<FooterProps> = () => {
1010
return (
11-
<footer className="flex flex-col items-center justify-center gap-2 h-18 mt-4 bottom-2">
12-
<div className="text-center">
13-
The Bazel Central Registry is maintained by the Bazel team and the Bazel
14-
Rules authors SIG.
11+
<footer className="bg-ros-blue flex flex-col items-center justify-center gap-2 h-18 mt-4 py-2.5">
12+
<div className="text-center text-white">
13+
The ROS Central Registry is maintained by the ROS PMC.
1514
</div>
16-
<div className="text-center">
15+
<div className="text-center text-white">
1716
To report an issue with one of the modules, see the{' '}
1817
<a
1918
href={REPORT_LINK}
20-
className="text-link-color hover:text-link-color-hover"
19+
className="text-white hover:text-gray-300"
2120
>
2221
instructions here
2322
</a>
2423
.
2524
</div>
26-
<div className="text-center">
25+
<div className="text-center text-white">
2726
The source of this website can be found in{' '}
2827
<a
2928
href={BCR_UI_REPO_LINK}
30-
className="text-link-color hover:text-link-color-hover"
29+
className="text-white hover:text-gray-300"
3130
>
3231
this repository
3332
</a>

components/Header.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,12 +22,12 @@ export const Header: React.FC<HeaderProps> = () => {
2222
}
2323

2424
return (
25-
<nav className="bg-white border-gray-200 px-2 sm:px-4 py-2.5 bg-bzl-green">
25+
<nav className="bg-ros-blue border-gray-200 px-2 sm:px-4 py-2.5 bg-ros-blue">
2626
<div className="container flex flex-wrap gap-4 flex-col sm:flex-row items-center mx-auto">
2727
<div className="flex flex-1 items-center">
2828
<Link href="/" className="flex items-center cursor-pointer">
2929
<span className="self-center text-xl font-semibold whitespace-nowrap text-white cursor-pointer">
30-
Bazel Central Registry
30+
ROS Central Registry
3131
</span>
3232
</Link>
3333
</div>
@@ -140,7 +140,7 @@ export const Header: React.FC<HeaderProps> = () => {
140140
href={CONTRIBUTE_CTA_LINK}
141141
className="block py-2 pr-4 pl-3 text-white border-b border-gray-100 hover:bg-gray-50 md:hover:bg-transparent md:border-0 md:hover:text-gray-300 md:p-0"
142142
>
143-
Contribute to the BCR
143+
Contribute to the RCR
144144
</a>
145145
</li>
146146
</ul>

pages/all-modules.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,8 +23,8 @@ const Search: NextPage<SearchPageProps> = ({ searchIndex }) => {
2323
return (
2424
<div className="flex flex-col">
2525
<Head>
26-
<title>Bazel Central Registry</title>
27-
<link rel="icon" href="/favicon.png" />
26+
<title>ROS Central Registry</title>
27+
<link rel="icon" href="/favicon.ico" />
2828
</Head>
2929

3030
<Header />

pages/index.tsx

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -59,8 +59,8 @@ const Home: NextPage<HomePageProps> = ({ searchIndex }) => {
5959
return (
6060
<div className="flex flex-col">
6161
<Head>
62-
<title>Bazel Central Registry</title>
63-
<link rel="icon" href="/favicon.png" />
62+
<title>ROS Central Registry</title>
63+
<link rel="icon" href="/favicon.ico" />
6464
</Head>
6565

6666
<Header />
@@ -70,9 +70,12 @@ const Home: NextPage<HomePageProps> = ({ searchIndex }) => {
7070
src="https://static.scarf.sh/a.png?x-pxid=d6abab51-c2a7-4705-8342-c648e04db0b4"
7171
/>
7272
<div className="max-w-4xl w-4xl mx-auto mt-8 flex flex-col items-center">
73-
<h1 className="text-bzl-green font-bold text-6xl">
74-
Bazel Central Registry
73+
<h1 className="text-ros-blue font-bold text-6xl">
74+
ROS Central Registry
7575
</h1>
76+
<h4 className="text-grey text-xl">
77+
The official Bazel rules for ROS packages
78+
</h4>
7679
<form onSubmit={handleSubmitSearch} className="contents">
7780
<input
7881
type="text"

pages/modules/[module].tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -108,8 +108,8 @@ const ModulePage: NextPage<ModulePageProps> = ({
108108
return (
109109
<div className="flex flex-col">
110110
<Head>
111-
<title>{`Bazel Central Registry | ${module}`}</title>
112-
<link rel="icon" href="/favicon.png" />
111+
<title>{`ROS Central Registry | ${module}`}</title>
112+
<link rel="icon" href="/favicon.ico" />
113113
</Head>
114114

115115
<Header />
@@ -590,7 +590,7 @@ const useDetectReleaseFormatViaGithubApi = (
590590
method: 'GET',
591591
headers: {
592592
Accept: 'application/vnd.github+json',
593-
'User-Agent': 'Bazel Central Registry UI',
593+
'User-Agent': 'ROS Central Registry UI',
594594
'X-GitHub-Api-Version': '2022-11-28',
595595
},
596596
}

pages/search.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -61,8 +61,8 @@ const Search: NextPage<SearchPageProps> = ({ searchIndex }) => {
6161
return (
6262
<div className="flex flex-col">
6363
<Head>
64-
<title>Bazel Central Registry</title>
65-
<link rel="icon" href="/favicon.png" />
64+
<title>ROS Central Registry</title>
65+
<link rel="icon" href="/favicon.ico" />
6666
</Head>
6767

6868
<Header />

public/favicon.ico

4.19 KB
Binary file not shown.

public/favicon.png

-777 Bytes
Binary file not shown.

tailwind.config.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ module.exports = {
77
theme: {
88
extend: {
99
colors: {
10-
'bzl-green': '#0C713A',
10+
'ros-blue': '#22314E',
1111
'link-color': '#0C713A',
1212
'link-color-hover': '#00AC5B',
1313
},

0 commit comments

Comments
 (0)