Skip to content
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.

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

move logos to front page #172

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open

move logos to front page #172

wants to merge 6 commits into from

Conversation

valentinsulzer
Copy link
Member

@valentinsulzer valentinsulzer commented Jul 19, 2024

Move logos from unfindable page to more prominent position on front page

There is a problem with the backgrounds and I haven't been able to fix it yet
Screenshot 2024-07-19 at 12 18 56 AM

Copy link

netlify bot commented Jul 19, 2024

Deploy Preview for pybamm-developer-preview ready!

Name Link
🔨 Latest commit 6869cf7
🔍 Latest deploy log https://app.netlify.com/sites/pybamm-developer-preview/deploys/669a13892a9aa100081e7e1a
😎 Deploy Preview https://deploy-preview-172--pybamm-developer-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Jul 19, 2024

Deploy Preview for pybamm-developer-preview ready!

Name Link
🔨 Latest commit 7f8c918
🔍 Latest deploy log https://app.netlify.com/sites/pybamm-developer-preview/deploys/66da14ae5e24b30007580fa2
😎 Deploy Preview https://deploy-preview-172--pybamm-developer-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 88
Accessibility: 100
Best Practices: 92
SEO: 92
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Member

@agriyakhetarpal agriyakhetarpal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we make this a scrollable gallery? But otherwise, the changes from my review below will make it look like this:

image

and then the size of the logos can be bumped again. Edit: we could get the dark mode logos for these orgs and unis too and skip the white background (feels a little out of place, personally)

<h2>Trusted by top battery researchers and engineers</h2>
</div>

<div style="display:flex; justify-content:space-around; align-items:center; flex-wrap:wrap">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<div style="display:flex; justify-content:space-around; align-items:center; flex-wrap:wrap">
<div style="display:flex; justify-content:space-around; align-items:center; flex-wrap:wrap; background:white; border-radius:0.5em 0.5em 0 0">

Something like this should fix the backgrounds so that this gallery has a white one. This should also wrap them in a slightly rounded border

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What's weird is that the images themselves have transparent backgrounds, so they should be fine on a black background
Screenshot 2024-07-19 at 8 57 58 AM

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We could also remove the light/dark mode and always use light mode

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I figured it out – it's because of the figure shortcode we are using, which is setting the background to white. I checked https://theme.scientific-python.org/shortcodes/#figure for ways to configure this, but there are none. Perhaps we can use regular HTML to add the images.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For light mode, I see that NumPy permanently sets it to white, while SciPy does not. I'll try to find out how.

content/_index.md Outdated Show resolved Hide resolved
@agriyakhetarpal agriyakhetarpal mentioned this pull request Jul 19, 2024
@Bashamega Bashamega mentioned this pull request Jul 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants