modules section

This commit is contained in:
Justin Cooper 2025-02-25 11:11:41 -06:00
parent 5fb6bb7da3
commit 57671aedf0
2 changed files with 23 additions and 15 deletions

View file

@ -148,8 +148,8 @@
<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> <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 %} {% endif %}
{% if version.modules %} {% if version.modules %}
<p> <details>
Built-in modules available: <summary>Modules included in this download</summary>
<span class="download-modules {% if version.stable %}stable{% else %}unstable{% endif %}"> <span class="download-modules {% if version.stable %}stable{% else %}unstable{% endif %}">
{% for module_name in version.modules %} {% for module_name in version.modules %}
{% if module_name contains "." %} {% if module_name contains "." %}
@ -157,10 +157,10 @@
{% else %} {% else %}
<a target="_blank" class="library-link" href="https://docs.circuitpython.org/en/latest/shared-bindings/{{ module_name }}"> <a target="_blank" class="library-link" href="https://docs.circuitpython.org/en/latest/shared-bindings/{{ module_name }}">
{% endif %} {% endif %}
{{ module_name }}</a>{% unless forloop.last %}, {% endunless %} {{ module_name }}</a>
{% endfor %} {% endfor %}
</span> </span>
</p> </details>
{% endif %} {% endif %}
{% if version.frozen_libraries and version.frozen_libraries.size != 0 %} {% if version.frozen_libraries and version.frozen_libraries.size != 0 %}
<p> <p>

View file

@ -80,9 +80,8 @@
.install-instructions { .install-instructions {
display: block; display: block;
width: 100%; width: 100%;
padding: 0 0 10px 0;
text-align: center; text-align: center;
margin-bottom: 1em; margin: 1.5em 0;
} }
.download-details { .download-details {
@ -128,6 +127,24 @@
box-sizing: border-box; box-sizing: border-box;
} }
details {
summary {
color: #fff;
margin-top: 1em;
padding: 1em;
border-radius: 10px;
background-color: variables.$gray;
cursor: pointer;
}
.download-modules {
// three column grid
display: grid;
font-size: 12px;
grid-template-columns: repeat(3, 1fr);
}
}
.stable { .stable {
.language-select { .language-select {
border-color: variables.$purple; border-color: variables.$purple;
@ -139,11 +156,6 @@
a.download-button-unrecommended { a.download-button-unrecommended {
background-color: variables.$purple; background-color: variables.$purple;
} }
.download-modules,
.features-list {
color: variables.$purple;
}
} }
.unstable { .unstable {
@ -162,10 +174,6 @@
a.download-button-unrecommended:hover { a.download-button-unrecommended:hover {
background-color: variables.$purple; background-color: variables.$purple;
} }
.download-modules,
.features-list {
color: variables.$purple;
}
} }
.unrecommended { .unrecommended {