more work on download page

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

View file

@ -18,8 +18,6 @@
{% if version.stable %} {% if version.stable %}
<p> <p>
This is the latest <strong>stable</strong> release of CircuitPython that will work with the {{ page.name }}. 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. <strong>Use this release</strong> if you are new to CircuitPython.
</p> </p>
{% else %} {% else %}
@ -45,14 +43,10 @@
Older bootloaders cannot load the firmware. See <i>Update UF2 Bootloader</i> below.</b> Older bootloaders cannot load the firmware. See <i>Update UF2 Bootloader</i> below.</b>
</p> </p>
{% endif %} {% endif %}
<div class="release-details"> <p>
<p> <a href="https://github.com/adafruit/circuitpython/releases/tag/{{ version.version }}">Release Notes for {{ version.version }}</a>
<a href="https://github.com/adafruit/circuitpython/releases/tag/{{ version.version }}">Release Notes for {{ version.version }}</a> </p>
</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>
<div class="download-details"> <div class="download-details">
{% comment %} {% comment %}
Create a list of language codes and names so it can be sorted. Create a list of language codes and names so it can be sorted.
@ -150,6 +144,9 @@
{% endif %} {% endif %}
</div> </div>
</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 %} {% if version.modules %}
<p> <p>
Built-in modules available: Built-in modules available:

View file

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