adafruit-mirror/circuitpython-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

more work on download page

Browse source
This commit is contained in:
Justin Cooper 2025-02-14 11:21:19 -06:00
parent 65bd6beb25
commit a7a3935ede
2 changed files with 15 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
_includes/download/board.html
View file

@ -18,8 +18,6 @@
{% if version.stable %}
<p>
This is the latest <strong>stable</strong> release of CircuitPython that will work with the {{ page.name }}.
</p>
<p>
<strong>Use this release</strong> if you are new to CircuitPython.
</p>
{% else %}
@ -45,14 +43,10 @@
Older bootloaders cannot load the firmware. See <i>Update UF2 Bootloader</i> below.</b>
</p>
{% endif %}
<div class="release-details">
<p>
<a href="https://github.com/adafruit/circuitpython/releases/tag/{{ version.version }}">Release Notes for {{ version.version }}</a>
</p>
{% if page.download_instructions != nil and page.download_instructions != "" %}
<a class="download-button install-instructions-button" target="_blank" href="{{ page.download_instructions }}">HOW TO INSTALL<i class="fas fa-arrow-circle-right" aria-hidden="true"></i></a>
{% endif %}
</div>
<p>
<a href="https://github.com/adafruit/circuitpython/releases/tag/{{ version.version }}">Release Notes for {{ version.version }}</a>
</p>
<div class="download-details">
{% comment %}
Create a list of language codes and names so it can be sorted.
@ -150,6 +144,9 @@
{% endif %}
</div>
</div>
{% if page.download_instructions != nil and page.download_instructions != "" %}
<a class="install-instructions" target="_blank" href="{{ page.download_instructions }}">Learn how to install CircuitPython on this board <i class="fas fa-external-link-alt" aria-hidden="true"></i></a>
{% endif %}
{% if version.modules %}
<p>
Built-in modules available:

14
assets/sass/pages/_download.scss
View file

@ -20,7 +20,7 @@
}
h3 {
font-size: 22px;
font-size: 28px;
font-weight: 500;
margin: 0 0 10px 0;
}
@ -31,6 +31,7 @@
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-auto-rows: minmax(min-content, max-content);
font-size: 18px;
.image-section {
position: relative;
@ -67,7 +68,7 @@
width: auto;
padding: 15px 30px 15px 30px;
color: #fff;
border-radius: 5px;
border-radius: 10px;
border: none;
cursor: pointer;
@ -76,14 +77,15 @@
}
}
.install-instructions-button {
.install-instructions {
display: block;
width: 100%;
padding: 0 0 10px 0;
text-align: center;
margin-bottom: 1em;
}
.download-details,
.release-details {
.download-details {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@ -91,7 +93,7 @@
.language-select {
float: left;
margin-right: 1em;
border-radius: 5px;
border-radius: 10px;
border: 2px solid variables.$gray;
overflow: hidden;
height: 45px;