diff --git a/static/js/src/risc-v.js b/static/js/src/risc-v.js new file mode 100644 index 00000000000..92549e157bc --- /dev/null +++ b/static/js/src/risc-v.js @@ -0,0 +1,19 @@ +// Toggles show board based on selection on small screens + +const boards = document.querySelectorAll(`[role=tabpanel]`); +const dropdownSelect = document.getElementById("boardSelect"); + +dropdownSelect.addEventListener("change", (event) => { + selectBoard(); +}); + +function selectBoard() { + boards.forEach((board) => { + if (board.id === dropdownSelect.value) { + board.classList.remove("u-hide"); + board.focus(); + } else { + board.classList.add("u-hide"); + } + }); +} diff --git a/static/sass/styles.scss b/static/sass/styles.scss index 79e609c1055..7154e902614 100644 --- a/static/sass/styles.scss +++ b/static/sass/styles.scss @@ -1383,3 +1383,17 @@ hr.p-separator.is-shallow { background-color: #fff; } + +.risc-v-container { + @extend .p-strip--light; + @extend .u-aspect-ratio--3-2; + + margin-top: $spv--small; + padding-bottom: $spv--large; + padding-top: $spv--large; + + .risc-v-image { + height: 13rem; + width: auto; + } +} diff --git a/templates/download/risc-v/index.html b/templates/download/risc-v/index.html index 8f263ed2d70..05a84d9c8ce 100644 --- a/templates/download/risc-v/index.html +++ b/templates/download/risc-v/index.html @@ -4,7 +4,7 @@ {% block meta_description %}Use Ubuntu on RISC-V platforms for the familiar developer experience and an accelerated path to production{% endblock meta_description %} -{% block meta_copydoc%}https://docs.google.com/document/d/1kkJeq9HdH3iWV35HwihcJd3CxZw9Jy21W66lJl8VbWs/edit#{% endblock meta_copydoc %} +{% block meta_copydoc%} https://docs.google.com/document/d/1kkJeq9HdH3iWV35HwihcJd3CxZw9Jy21W66lJl8VbWs/ {% endblock meta_copydoc %} {% block content %} @@ -41,15 +41,26 @@

Download Ubuntu for RISC-V Platforms

Choose a board

-
{% include "download/risc-v/tab-1.html" %} @@ -68,4 +79,6 @@

Download Ubuntu for RISC-V Platforms + + {% endblock content %} diff --git a/templates/download/risc-v/tab-1.html b/templates/download/risc-v/tab-1.html index 25be3d7b571..1bff3159166 100644 --- a/templates/download/risc-v/tab-1.html +++ b/templates/download/risc-v/tab-1.html @@ -1,42 +1,32 @@ -
-
-
-
-

SiFive Unmatched

-

Ubuntu Server
preinstalled image

-
-
-
-

Note:

-

If you have an NVMe drive, we advise you to use the Ubuntu Server live installer.

-
-
-

- Download 23.04 - Download 22.04.2 -

+ diff --git a/templates/download/risc-v/tab-2.html b/templates/download/risc-v/tab-2.html index f5c7114ca9e..3c62cb42d32 100644 --- a/templates/download/risc-v/tab-2.html +++ b/templates/download/risc-v/tab-2.html @@ -1,26 +1,38 @@ - \ No newline at end of file diff --git a/templates/download/risc-v/tab-3.html b/templates/download/risc-v/tab-3.html index 8a0a645deab..3648b74017e 100644 --- a/templates/download/risc-v/tab-3.html +++ b/templates/download/risc-v/tab-3.html @@ -1,25 +1,44 @@ -