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.

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

Replace home page banner image #989

Merged
merged 6 commits into from
Jul 23, 2024
Merged

Replace home page banner image #989

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
ba7f8a4
Replace banner image
gilgongo Jun 6, 2024
a7198ef
Add figure style
gilgongo Jun 6, 2024
d816672
Use class for figure
gilgongo Jul 17, 2024
a9a9d9a
Add class for home page img
gilgongo Jul 17, 2024
b6535eb
Better class name
gilgongo Jul 21, 2024
b42d18c
Better class name
gilgongo Jul 21, 2024
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
4 changes: 4 additions & 0 deletions assets/css/home.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -81,3 +81,7 @@ body.is-os-other #quick_dl_container a.os-other {
transition: 0.4s;
opacity: 0.9;
}

.mainbannerfig {
text-align: center;
}
9 changes: 6 additions & 3 deletions wiki/en/misc/1-index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,9 +27,12 @@ Jamulus lets you play, rehearse, or jam with your friends, your band, or anyone
</div>
<div class="fx-row fx-row-center-xs" id="bannercontainer">
<div class="fx-col-100-xs">
<a href="wiki/Getting-Started">
<img alt="Jamulus Banner. Links to getting started page" src="{{ '/assets/img/jamulusbannersmall.png' | relative_url }}" id="jamulusbanner" loading="lazy" />
</a>
<figure class="mainbannerfig">
<a href="wiki/Getting-Started" rel="canonical">
<img src="{% include img/en-screenshots/main-screen-medium.inc %}" style="border: 5px solid grey;" id="jamulusbanner" loading="lazy" alt="A screenshot of the main mixer window showing five people from different countries connected.">
Copy link
Member

Choose a reason for hiding this comment

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

Also add the solid gray border thing either in a separate class or add figure>img rule in the css

</a>
<figcaption>Jamulus is international</figcaption>
</figure>
</div>
</div>
<div class="fx-row fx-row-center-xs">
Expand Down
Loading