Skip to content

Update index.mdx #1713

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

Closed
mjmolina wants to merge 4 commits into from
+6 −0
Closed

Update index.mdx #1713

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
b122eef
Update index.mdx
mjmolina Jul 1, 2026
5433848
Update index.mdx
mjmolina Jul 1, 2026
53faab7
Update index.mdx
mjmolina Jul 1, 2026
9962505
Update src/content/pages/pyladies/index.mdx
mjmolina Jul 2, 2026
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: 6 additions & 0 deletions src/content/pages/pyladies/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,12 @@ in tech. Enjoy meaningful conversations and networking opportunities.
- **Location:** Red Carpet (Second Floor)
- **Time:** Thursday 16th of July at 13:20

**Big thanks to our PyLadies Lunch Sponsor Arm!**

<p align="center">
<img src="../../sponsors/arm/arm.svg" alt="alt text" width="200"/>
</p>

@hypha hypha Jul 1, 2026 •
edited
Loading

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Currently, it does not render, because I don't think it resolve relative path inside the tag.
We could replace it with ![Arm logo](../../sponsors/arm/arm.svg) to make it render, but we have some small problems:

  1. We don't have any control over the alt text or the width
  2. The Arm's logo is dark, so in darkmode, we cannot see it without extra control.
  3. We need the logo to be clickable, pointing to their website

So I think we will have to go through the more convoluted way of importing the image and modifying it to look nice

  1. add the import after formatter ---, in line 6:
import armLogo from '../../sponsors/arm/arm.svg';
  1. change the <p> to a div with all the image attributes:
<div class="flex justify-center">
  <a href="https://www.arm.com" target="_blank" rel="noopener noreferrer">
    <img
      src={armLogo.src}
      alt="Arm logo"
      width="200"
      class="bg-white p-4 rounded-lg inline-block"
    />
  </a>
</div>

@nikoshell nikoshell Jul 1, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

If I can suggest something, just add image src/content/pages/pyladies
and add it to markdown like in other places,
then add Button "Visit our Sponsor Website"

@hypha hypha Jul 1, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

That works too. I dropped in a new svg with rounded white bg here: https://drive.google.com/file/d/1rDaa7q3FBWdA5GTYqW68aFKMQxkCl675/view?usp=drive_link so it can be placed in the folder.

But I think the prose border should be removed for this, and it should be smaller, so maybe something like

<div class="no-border max-w-70 mx-auto">
  ![Arm logo](./arm-white-bg.svg)                                                                                                                                                                                                                    
</div>                                                                                                                                                                                                                                                              
<Button url="https://www.arm.com">Visit our sponsor Arm</Button>

And it'll look like this:
screenshot of the arm's logo with the above styling applied

@mjmolina mjmolina Jul 2, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Good morning @hypha !
Sound good your suggestions and the display looks very nice. Regarding to the image, I don't have access to the folder, only to the image view that I can not download or update to the pyladies folder.
What is the easier solution? If it is easier for you open a new PR work for me!

@nikoshell nikoshell Jul 2, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

let me help, I will prepare component for this as we want use it in other places as well


## PyLadies Organizer Open Space

During this one-hour PyLadies Open Space session, we invite PyLadies organizers
Expand Down