Skip to content

style: homepage tweaks #816

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

Merged
merged 4 commits into from
May 27, 2025
Merged

style: homepage tweaks #816

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
817054a
style: homepage tweaks
erickzhao May 24, 2025
beb11f7
remove github CTA
erickzhao May 27, 2025
d44e3cb
Update src/pages/home/_index.tsx
erickzhao May 27, 2025
56b74d3
back to `button--lg`
erickzhao May 27, 2025
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
6 changes: 0 additions & 6 deletions docusaurus.config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -122,12 +122,6 @@ const config: Config = {
{ to: 'community', label: 'Resources' },
],
},
{
label: 'Why Electron',
type: 'doc',
docId: 'latest/why-electron',
position: 'left',
},
{
href: 'https://releases.electronjs.org',
label: 'Releases',
Expand Down
7 changes: 6 additions & 1 deletion src/css/custom.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -207,7 +207,7 @@ html {

.button {
&--outline {
border: 1px solid;
outline: 1px solid;
color: var(--ifm-color-primary);
&:hover {
color: var(--ifm-color-primary-dark);
Expand All @@ -229,6 +229,11 @@ html {
border-color: var(--electron-color-light);
color: black;
}

&.button--outline {
background: transparent;
color: var(--electron-color-light);
}
}
}

Expand Down
14 changes: 8 additions & 6 deletions src/pages/home/_index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,10 +32,16 @@ export default function Home() {
<div className={clsx('col col--12', styles.heroHeadline)}>
<h1>{siteConfig.tagline}</h1>
<Link
className="button button--electron button--dark button--lg"
className="button button--lg button--electron button--dark margin-right--sm"
to="/docs/latest/"
>
Docs
Get Started →
</Link>
<Link
className="button button--lg button--electron button--outline button--dark"
to="/docs/latest/why-electron"
>
Why Electron?
</Link>
</div>
</div>
Expand Down Expand Up @@ -240,10 +246,6 @@ export default function Home() {
<div className={clsx(styles.section)}>
<div className={clsx(styles.explore, 'row')}>
<div className="col margin-bottom--lg">
<div className="badge badge--info">
<span className={styles.exploreSubtext}>New!</span>
</div>

<h2>Electron Forge</h2>
<p>
Electron Forge is a batteries-included toolkit for building
Expand Down