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
Show file tree
Hide file tree
Changes from all commits
Commits
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
75 changes: 75 additions & 0 deletions content/_index.md
Original file line number Diff line number Diff line change
Expand Up @@ -49,3 +49,78 @@ body = '''
PyBaMM can be combined with any of the advanced data science and machine learning tools in Python's extensive ecosystem.
'''
{{< /grid >}}

<div align="center">
<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.


{{< figure >}}
src = '/images/logos/ionworks-logo.png'
alt = 'Logo for Ionworks'
width = 100
attributionlink = ''
{{< /figure >}}

{{< figure >}}
src = '/images/logos/university_of_oxford.svg'
alt = 'Logo for the University of Oxford'
width = 100
attributionlink = ''
{{< /figure >}}

{{< figure >}}
src = '/images/logos/university_of_michigan.svg'
alt = 'Logo for the University of Michigan'
width = 100
attributionlink = ''
{{< /figure >}}

{{< figure >}}
src = '/images/logos/carnegie_mellon_university.svg'
alt = 'Logo for Carnegie Mellon University'
width = 100
attributionlink = ''
{{< /figure >}}

{{< figure >}}
src = '/images/logos/imperial_college_london.png'
alt = 'Logo for Imperial College London'
width = 100
attributionlink = ''
{{< /figure >}}

</div>

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

{{< figure >}}
src = '/images/logos/university_of_warwick.png'
alt = 'Logo for the University of Warwick'
width = 100
attributionlink = ''
{{< /figure >}}

{{< figure >}}
src = '/images/logos/university_college_london.svg'
alt = 'Logo for University College London'
width = 100
attributionlink = ''
{{< /figure >}}

{{< figure >}}
src = '/images/logos/lilium.png'
alt = 'Logo for Lilium GmbH'
width = 100
attributionlink = ''
{{< /figure >}}

{{< figure >}}
src = '/images/logos/sila.png'
alt = 'Logo for Sila Nanotechnologies'
width = 100
attributionlink = ''
{{< /figure >}}

</div>
70 changes: 2 additions & 68 deletions content/about/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ For companies who want to leverage the power, flexibility, and openness of the P
{{< figure >}}
src = '/images/logos/ionworks-logo.png'
alt = 'Logo for Ionworks'
width = 500
width = 100
attributionlink = ''
{{< /figure >}}

Expand All @@ -43,7 +43,7 @@ funded by the [Faraday Institution](https://faraday.ac.uk/). If you want to know
{{< figure >}}
src = '/images/logos/2024_oxrse_rectangle.svg'
alt = 'Logo for OxRSE'
width = 500
width = 100
attributionlink = ''
{{< /figure >}}

Expand Down Expand Up @@ -75,72 +75,6 @@ caption = "NumFOCUS Logo"

Since 2021, the [Google Summer of Code](/gsoc/) programme has provided funding for 6 students to spend a summer working on a PyBaMM project; we are pleased to say that several of these have gone on to become long-time PyBaMM contributors!

### Other partners

We are grateful to the following organizations for supporting PyBaMM's development, either directly through employee/student time or indirectly through financial support:

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

{{< figure >}}
src = '/images/logos/university_of_oxford.svg'
alt = 'Logo for the University of Oxford'
width = 500
attributionlink = ''
{{< /figure >}}

{{< figure >}}
src = '/images/logos/university_of_michigan.svg'
alt = 'Logo for the University of Michigan'
width = 500
attributionlink = ''
{{< /figure >}}

{{< figure >}}
src = '/images/logos/carnegie_mellon_university.svg'
alt = 'Logo for Carnegie Mellon University'
width = 500
attributionlink = ''
{{< /figure >}}

{{< figure >}}
src = '/images/logos/imperial_college_london.png'
alt = 'Logo for Imperial College London'
width = 500
attributionlink = ''
{{< /figure >}}

{{< figure >}}
src = '/images/logos/university_of_warwick.png'
alt = 'Logo for the University of Warwick'
width = 500
attributionlink = ''
{{< /figure >}}

{{< figure >}}
src = '/images/logos/university_college_london.svg'
alt = 'Logo for University College London'
width = 500
attributionlink = ''
{{< /figure >}}

{{< figure >}}
src = '/images/logos/lilium.png'
alt = 'Logo for Lilium GmbH'
width = 500
attributionlink = ''
{{< /figure >}}

{{< figure >}}
src = '/images/logos/sila.png'
alt = 'Logo for Sila Nanotechnologies'
width = 500
attributionlink = ''
{{< /figure >}}

</div>

To submit a request to add a new organization to this list, please [open an issue](https://github.com/pybamm-team/pybamm.org/issues/new).

## PyBaMM on Twitter

{{< pybamm-twitter >}}
Expand Down
Loading