more work on download page
This commit is contained in:
parent
65bd6beb25
commit
a7a3935ede
2 changed files with 15 additions and 16 deletions
|
|
@ -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:
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue