Download pages overhaul:

- Don't use inline event handlers
- Simplify some of the wording
- Replace the package download list with nice buttons

Design by me & Jonathan, code by me, review by Jonathan and others.

diff --git a/media/css/main.css b/media/css/main.css
index 7e04d221fdc2de7eedaa4c449380eb154e0c6670..1dc828a97370f6b26fb23c6aef2a5b9cf4356b7d 100644 (file)
--- a/media/css/main.css
+++ b/media/css/main.css
@@ -1364,6 +1364,21 @@ table.contributor-table thead tr th {
 }
 
 /* Downloads/products */
+
+.btn-download {
+  border-color: #336791;
+  border-width: 2px;
+  color: #336791 !important;
+}
+
+.btn-download:hover {
+  background-color: #e7eae8;
+}
+
+.download-subnav {
+  display: none;
+}
+
 table.product-table thead tr th:nth-child(1) {
   width: 60%;
 }
@@ -1541,4 +1556,4 @@ table.sponsor-table tbody tr td:nth-child(3) {
   position: absolute;
   top: 8px;
   right: 8px;
-}
\ No newline at end of file
+}

diff --git a/media/img/bsd.png b/media/img/bsd.png
new file mode 100644 (file)
index 0000000..fa1ee73
Binary files /dev/null and b/media/img/bsd.png differ

diff --git a/media/img/linux.svg b/media/img/linux.svg
index 1d0bcfd14061816a56b88f88780a6b2ae08dee48..525a1154f429466bf93b949e65743dff716ece7a 100644 (file)
--- a/media/img/linux.svg
+++ b/media/img/linux.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="2500" viewBox="0 0 192.756 192.756"><g fill-rule="evenodd" clip-rule="evenodd"><path fill="#fff" d="M0 0h192.756v192.756H0V0z"/><path fill="#fff" d="M72.965 52.752l-.289-19.693 11.718-6.863 17.399-11.717 7.152-.291 7.442 7.999 4.009 26.578-5.435 9.713-22.569-.58-19.427-5.146z"/><path fill="#fff" d="M49.818 109.05l5.993-16.865 11.718-13.991 5.993-12.007 2.584-3.989 42.841-6.572 8.578 13.434 23.995 57.412-8.29 10.269-21.72 36.315-5.123 1.135-39.723 1.136-27.714-30.855-4.568-25.709 5.436-9.713z"/><path d="M104.668 65.34s-1.426-.29 2.562-1.159c4.01-.846 4.031-1.693 5.145-2.852 1.137-1.136 1.717-3.721 1.717-6.572s1.426-11.139 1.135-13.411c-.266-2.295-5.146-10.85-7.129-12.008-2.004-1.136-24.283-3.142-24.283-3.142l-6.862 5.437-5.146 4.834 1.158 15.439s-1.448 4.856-1.158 6.839c.29 2.005 3.163 4.3 4.299 5.436 1.136 1.159 5.414 5.748 6.839 7.151 1.448 1.426 1.738 2.852 5.146 1.715 3.431-1.136 5.436-1.136 8.021-3.141 2.562-2.005 8.556-4.566 8.556-4.566z" fill="#f6d330"/><path d="M91.523 41.057c.869-2.295 2.005-6.572 3.988-7.998 2.004-1.426 6.305-2.606 8.868-2.295 2.584.29 7.418 2.852 8.576 4.856 1.137 2.005 1.137 10.003 1.137 10.003l-.58 6.572-3.988-.289-8.576-3.432h-1.426s-1.426.557-5.726-1.715c-4.278-2.294-3.142-3.408-2.273-5.702zM82.389 47.339c.134-.134.401-.312.758-.513 1.737-.958 5.524-2.361 5.524-2.361s3.698-9.401.557-13.122c-3.119-3.72-9.98-3.141-9.98-3.141s-7.418 4.278-7.151 5.993c.29 1.716.579 7.708.869 8.555.268.869 1.426 10.003 1.426 10.003l2.562-1.136 3.721-2.852c-.001 0 .867-.557 1.714-1.426z" fill="#fff"/><path d="M136.949 133.622l4.143.312c.602.045 1.203.066 1.805.089 3.074.111 5.771.579 8.645.936 1.895.224 5.035 1.427 5.258 3.81.312 3.521-.713 7.396 2.271 8.845 3.053 2.072 9.869 6.862 9.869 6.862l2.006 3.697-5.992 5.437-29.43 17.711-13.412-4.567v-10.85l.557-14.569-1.426-13.145 2.273-5.146 5.725-1.716 7.708 2.294zM51.846 127.206c-.29-.268-5.503 1.271-5.837 1.337-2.428.356-5.502 2.027-5.502 4.679 0 1.359-.111 2.763-.735 3.988-.49.957-1.604 2.405-1.582 2.718-.379 1.047-1.069 2.517-2.027 3.141-1.114.112-6.06.558-6.06.558h-4.3l-2.562 3.118 2.005 8.311-.58 6.55-1.983 7.44 4.834 2.562 36.581 9.713 8.288-2.562 4.277-10.582-.869-3.988-3.987-7.998c0-.001-17.377-25.242-19.961-28.985z" fill="#f6d330"/><path d="M70.47 37.536c-.601-19.938 7.174-28.739 23.325-29.028 16.13-.312 26.244 8.198 28.316 19.36 2.049 11.139.869 25.82 4.99 33.44 4.1 7.641 6.729 13.5 13.791 22.3 7.039 8.8 11.428 17.756 13.479 28.627 2.07 10.85 3.23 15.974-2.051 21.565-5.279 5.569-14.658 14.659-21.699 4.389-3.541-5.146-3.92-11.54 2.051-12.898 3.809-.892 6.549-.602 9.379.868 2.852 1.471 3.52.779.111-1.76-3.432-2.54-4.121-.201-2.941-4.3 1.182-4.1 2.719-11.474-.49-19.583-1.492-3.742-6.549-13.99-11.295-16.508-.424-.245-1.67-.757-.824.29 1.27 1.582 8.109 11.651 10.047 17.644 2.072 6.439 2.361 12.588 1.293 16.486-1.068 3.921-2.941 5.48-5.191 5.48s-4.299 1.069-4.299-4.099c0-5.191.535-13.011-2.25-19.628-2.785-6.594-6.172-11.139-6.906-13.924-.713-2.785-2.34-10.27-5.703-14.525-3.387-4.255-4.857-7.04-3.098-11.896 1.76-4.834.445-6.149-3.074-7.174-3.52-1.024-8.221-2.495-9.379-4.856-1.181-2.339-.445-7.04 2.184-8.198 2.65-1.181 7.039.423 7.195 3.81.156 3.364-1.471 5.124-1.023 5.859.445.735 2.783 1.916 3.965.602 1.158-1.337 1.471-5.437.289-9.246-1.182-3.81-1.76-6.461-6.016-7.33-4.254-.892-6.17-.602-8.22 2.049-2.05 2.629-2.94 6.884-2.339 9.981.579 3.074-.602 1.314-2.651 1.158-2.05-.134-1.47-.29-3.52-.134-2.05.134-1.314-1.181-1.471-3.386-.134-2.206-.423-6.75-3.52-8.51-3.075-1.76-8.354.29-8.221 7.642.156 7.33 2.651 10.849 4.122 8.198 1.47-2.629.735-1.314-.735-2.495-1.47-1.158-2.495-6.015-.891-7.463 1.626-1.47 3.52-1.47 4.567-.601 1.025.891 2.629 3.832 2.339 5.725-.29 1.916-.446 2.05-2.339 3.386-1.916 1.314-2.651 2.495-4.856 3.943-2.206 1.47-3.074 4.857-1.314 5.726 1.76.891 1.916.735 3.364 2.941 1.47 2.206 3.965 3.23 10.136 2.206 6.149-1.025 8.688-2.495 13.345-4.122 3.387-1.159 2.205-1.025 3.387-2.339 1.158-1.314 3.074.579 1.314 1.76-1.76 1.181-5.727 2.339-8.666 3.364-2.919 1.047-6.305 3.966-12.454 3.676-6.171-.29-1.916-.156-3.832-.29-1.894-.156-2.785.134-.735 1.604 2.072 1.471 1.916 1.916 3.676 2.495 1.76.602 4.099.602 6.906-.423 2.785-1.047 9.826-4.122 12.031-5.592 2.184-1.47 3.943.446 1.76 1.916-2.205 1.47-2.807 1.025-4.857 2.339-2.049 1.337-5.859 3.52-8.354 5.881-2.495 2.339-3.074 2.495-6.171 2.629-3.074.156-4.99-3.074-6.305-4.544-1.314-1.471-1.181-2.339-2.785-4.1-1.604-1.76-1.76-1.337-2.05.579s-2.495 6.75-4.411 9.981c-1.894 3.23-2.05 7.196-1.76 9.981.29 2.785-.445 3.074-2.628 6.304-2.206 3.23-5.882 12.765-6.461 15.84-.58 3.074-1.314 9.401-1.025 13.055.29 3.676-.735 4.411-3.386 1.916-2.629-2.495-3.521-5.28-3.364-8.956.134-3.141.557-5.347.958-6.505.401-1.158.022-1.96-.824-.534-1.805 3.118-1.894 8.51-1.448 10.426.423 1.894.579 5.28 5.414 9.824 4.856 4.545 11.896 10.85 17.756 15.105 5.881 4.255 7.931 9.535-.735 13.345 5.436 7.352 8.376 11.161 6.015 15.995 4.856-2.785 2.985-9.356.646-11.117-2.362-1.76-.936-3.118 1.114-1.781 2.05 1.314 2.785 3.943 10.872 3.809 8.064-.155 16.753-.957 21.611-8.02 4.834-7.04 5.77-1.114 4.588 3.008-1.158 4.099-4.055 13.367.49 12.498.58-5.437 1.916-10.137 1.916-15.996 0-5.882.58-8.711.135-17.221-.447-8.199 3.096-8.756 6.75-8.756 3.676 0 2.494 2.361.156 2.205-2.361-.155-4.836.736-4.99 6.751-.156 6.015 0 5.436 1.023 10.85 1.025 5.436 1.182 7.04.291 13.055-.869 6.016-1.605 9.245 2.361 12.922 3.943 3.676 9.957 2.629 13.055.289 3.074-2.339 8.934-7.774 14.213-9.535 5.303-1.76 10.873-3.074 13.812-6.015 2.92-2.94 2.184-4.99-.891-6.595-3.074-1.626-6.016-.891-8.354-3.52-2.363-2.651-3.521-8.511-2.652-11.607.891-3.074 1.916-1.76 1.916.446 0 2.205.135 4.255 2.34 7.039 2.205 2.785 4.254 4.122 7.775 6.305 3.52 2.206 5.725 5.726 1.314 8.822-4.389 3.074-6.885 4.835-10.561 6.305-3.654 1.471-9.668 4.99-13.346 8.645-3.676 3.676-5.725 6.906-12.92 6.906-7.174 0-10.471-1.738-12.609-6.016-1.471-2.94-2.207-2.494-5.57-2.65-3.387-.134-14.682-.29-23.481-.134-8.8.134-11.74 1.604-15.706 4.834-3.943 3.23-5.414 5.726-12.899 3.23s-11.451-5.28-22.59-7.485c-11.162-2.205-5.146-1.181-11.897-2.651-6.75-1.448-6.305-4.679-5.413-7.329.869-2.629 3.074-6.751 1.158-12.164-1.894-5.437-1.158-11.006 3.965-11.006 5.146 0 9.981 1.025 12.03-5.726 2.05-6.75 2.651-1.47 2.05.29-.579 1.76-.869 6.594-5.414 7.33-4.545.734-5.569-.29-8.377-.29-2.784 0-3.943 1.916-2.495 5.146 1.47 3.229 3.096 6.594 2.807 9.379-.312 2.784-.602 3.81-2.651 6.46-2.05 2.629-1.76 3.966 1.916 4.835 3.653.892 10.27 2.651 16.419 4.122 6.171 1.447 6.617 1.447 17.31 4.255 10.716 2.784 13.657-2.206 14.526-8.221.891-6.016-3.23-11.741-7.04-17.467S60.2 140.396 55.209 134.38c-4.99-6.015-7.931-6.461-10.426-5.146-2.496 1.337-2.941 1.047-3.075-2.339-.156-3.364-.446-5.569 2.339-10.56 2.785-4.99 5.28-10.427 8.221-18.781 2.94-8.354 5.569-9.98 10.56-17.176 4.991-7.173 2.785-4.389 6.305-9.223 3.52-4.856 2.495-3.966 2.206-11.607-.29-7.62-.579-12.031-.869-22.012zM56.457 97.197c.758.914 1.827-1.247 2.941-2.071a3.819 3.819 0 0 0 1.203-3.498c-.111-.69-1.226-.468-1.448-.223-.69.69-.535 1.805-1.025 2.763-.557 1.158-2.428 2.094-1.671 3.029zm63.07-30.655c1.582 1.337 2.562 2.496 3.43.513.893-1.983.893-2.785-1.246-3.587-2.117-.825-3.074-1.693-4.033-2.785-.957-1.114-1.291.78-.512 2.629.957 2.273 1.514 2.54 2.361 3.23zM86.466 48.341c-1.092-.223-2.406-.134-3.142.735-.29.29-.156 1.114.356 1.337.668.29 1.114-.378 1.248-.891.067-.223.156-.512.379-.579.29-.156.713-.022 1.025-.156.357-.134.223-.446.134-.446zm5.191.201c.446.668 1.248.668 1.916.958.356.156 1.092.379 1.314-.134.513-1.626-1.693-1.114-2.718-1.114-.222 0-.735-.066-.512.29zm10.695-7.107c1.002.044 2.361 1.827 2.494 3.899.021.312.869.289 1.047-.022.469-.824.135-1.738-.088-2.718-.18-.802-1.137-1.626-1.939-1.983-.535-.268-1.092-.356-1.805-.268-.178.09-.801 1.025.291 1.092zm-21.856-.512c-.914.066-.579.779-.535 1.358 1.27.713 1.381 2.317 1.648 3.587.022.49.757.268.824.112.557-1.025-.134-2.183-.378-3.386-.223-.624-.646-1.337-1.226-1.76-.088-.089-.245.089-.333.089zm28.025-22.479c-.914-.735-2.34-1.025-2.762.178-.445 1.025-.268 2.072-.514 3.186 0 .356-.445.445-.689.779-.357.423-.268.958-.09 1.114.848.869 2.406-.847 3.543-1.448.846-.535 2.07.156 3.008-.445.266-.178.355-.602.088-.936-.601-1.047-1.648-1.648-2.584-2.428z"/><path d="M134.943 135.093c.135-.602.445-1.782 1.025-1.96.201-.067.379.022.445.223.133.378-.268 2.54-.111 3.03.178.512.779.445 1.203.312 1.002-.335 1.582-1.515 1.537-1.626 0-.045-.023-.045-.066-.045-.156.045-.291.602-.736.734-.289.09-.512.045-.602-.244-.088-.312.291-2.54.111-3.053-.154-.512-.668-.646-1.158-.49-1.092.357-1.559 2.027-1.848 3.008h-.023l.156-2.295-1.359.446-.066 4.745 1.27-.424c.023-.824.066-1.76.222-2.361zM140.826 135.605c1.09-.356 1.58-1.648 1.535-1.805-.021-.044-.043-.067-.088-.067-.09.045-.289.78-.914.98-.268.09-.512.022-.578-.155-.09-.268-.023-.735-.023-1.137l.045-2.139 1.492-.49-.021-.513-1.492.49.066-2.027-1.336.758-.068 4.522c0 .49-.043.913.045 1.137.177.58.779.647 1.337.446z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="2500" viewBox="0 0 192.756 192.756"><g fill-rule="evenodd" clip-rule="evenodd"><path fill="#fff" d="M72.965 52.752l-.289-19.693 11.718-6.863 17.399-11.717 7.152-.291 7.442 7.999 4.009 26.578-5.435 9.713-22.569-.58-19.427-5.146z"/><path fill="#fff" d="M49.818 109.05l5.993-16.865 11.718-13.991 5.993-12.007 2.584-3.989 42.841-6.572 8.578 13.434 23.995 57.412-8.29 10.269-21.72 36.315-5.123 1.135-39.723 1.136-27.714-30.855-4.568-25.709 5.436-9.713z"/><path d="M104.668 65.34s-1.426-.29 2.562-1.159c4.01-.846 4.031-1.693 5.145-2.852 1.137-1.136 1.717-3.721 1.717-6.572s1.426-11.139 1.135-13.411c-.266-2.295-5.146-10.85-7.129-12.008-2.004-1.136-24.283-3.142-24.283-3.142l-6.862 5.437-5.146 4.834 1.158 15.439s-1.448 4.856-1.158 6.839c.29 2.005 3.163 4.3 4.299 5.436 1.136 1.159 5.414 5.748 6.839 7.151 1.448 1.426 1.738 2.852 5.146 1.715 3.431-1.136 5.436-1.136 8.021-3.141 2.562-2.005 8.556-4.566 8.556-4.566z" fill="#f6d330"/><path d="M91.523 41.057c.869-2.295 2.005-6.572 3.988-7.998 2.004-1.426 6.305-2.606 8.868-2.295 2.584.29 7.418 2.852 8.576 4.856 1.137 2.005 1.137 10.003 1.137 10.003l-.58 6.572-3.988-.289-8.576-3.432h-1.426s-1.426.557-5.726-1.715c-4.278-2.294-3.142-3.408-2.273-5.702zM82.389 47.339c.134-.134.401-.312.758-.513 1.737-.958 5.524-2.361 5.524-2.361s3.698-9.401.557-13.122c-3.119-3.72-9.98-3.141-9.98-3.141s-7.418 4.278-7.151 5.993c.29 1.716.579 7.708.869 8.555.268.869 1.426 10.003 1.426 10.003l2.562-1.136 3.721-2.852c-.001 0 .867-.557 1.714-1.426z" fill="#fff"/><path d="M136.949 133.622l4.143.312c.602.045 1.203.066 1.805.089 3.074.111 5.771.579 8.645.936 1.895.224 5.035 1.427 5.258 3.81.312 3.521-.713 7.396 2.271 8.845 3.053 2.072 9.869 6.862 9.869 6.862l2.006 3.697-5.992 5.437-29.43 17.711-13.412-4.567v-10.85l.557-14.569-1.426-13.145 2.273-5.146 5.725-1.716 7.708 2.294zM51.846 127.206c-.29-.268-5.503 1.271-5.837 1.337-2.428.356-5.502 2.027-5.502 4.679 0 1.359-.111 2.763-.735 3.988-.49.957-1.604 2.405-1.582 2.718-.379 1.047-1.069 2.517-2.027 3.141-1.114.112-6.06.558-6.06.558h-4.3l-2.562 3.118 2.005 8.311-.58 6.55-1.983 7.44 4.834 2.562 36.581 9.713 8.288-2.562 4.277-10.582-.869-3.988-3.987-7.998c0-.001-17.377-25.242-19.961-28.985z" fill="#f6d330"/><path d="M70.47 37.536c-.601-19.938 7.174-28.739 23.325-29.028 16.13-.312 26.244 8.198 28.316 19.36 2.049 11.139.869 25.82 4.99 33.44 4.1 7.641 6.729 13.5 13.791 22.3 7.039 8.8 11.428 17.756 13.479 28.627 2.07 10.85 3.23 15.974-2.051 21.565-5.279 5.569-14.658 14.659-21.699 4.389-3.541-5.146-3.92-11.54 2.051-12.898 3.809-.892 6.549-.602 9.379.868 2.852 1.471 3.52.779.111-1.76-3.432-2.54-4.121-.201-2.941-4.3 1.182-4.1 2.719-11.474-.49-19.583-1.492-3.742-6.549-13.99-11.295-16.508-.424-.245-1.67-.757-.824.29 1.27 1.582 8.109 11.651 10.047 17.644 2.072 6.439 2.361 12.588 1.293 16.486-1.068 3.921-2.941 5.48-5.191 5.48s-4.299 1.069-4.299-4.099c0-5.191.535-13.011-2.25-19.628-2.785-6.594-6.172-11.139-6.906-13.924-.713-2.785-2.34-10.27-5.703-14.525-3.387-4.255-4.857-7.04-3.098-11.896 1.76-4.834.445-6.149-3.074-7.174-3.52-1.024-8.221-2.495-9.379-4.856-1.181-2.339-.445-7.04 2.184-8.198 2.65-1.181 7.039.423 7.195 3.81.156 3.364-1.471 5.124-1.023 5.859.445.735 2.783 1.916 3.965.602 1.158-1.337 1.471-5.437.289-9.246-1.182-3.81-1.76-6.461-6.016-7.33-4.254-.892-6.17-.602-8.22 2.049-2.05 2.629-2.94 6.884-2.339 9.981.579 3.074-.602 1.314-2.651 1.158-2.05-.134-1.47-.29-3.52-.134-2.05.134-1.314-1.181-1.471-3.386-.134-2.206-.423-6.75-3.52-8.51-3.075-1.76-8.354.29-8.221 7.642.156 7.33 2.651 10.849 4.122 8.198 1.47-2.629.735-1.314-.735-2.495-1.47-1.158-2.495-6.015-.891-7.463 1.626-1.47 3.52-1.47 4.567-.601 1.025.891 2.629 3.832 2.339 5.725-.29 1.916-.446 2.05-2.339 3.386-1.916 1.314-2.651 2.495-4.856 3.943-2.206 1.47-3.074 4.857-1.314 5.726 1.76.891 1.916.735 3.364 2.941 1.47 2.206 3.965 3.23 10.136 2.206 6.149-1.025 8.688-2.495 13.345-4.122 3.387-1.159 2.205-1.025 3.387-2.339 1.158-1.314 3.074.579 1.314 1.76-1.76 1.181-5.727 2.339-8.666 3.364-2.919 1.047-6.305 3.966-12.454 3.676-6.171-.29-1.916-.156-3.832-.29-1.894-.156-2.785.134-.735 1.604 2.072 1.471 1.916 1.916 3.676 2.495 1.76.602 4.099.602 6.906-.423 2.785-1.047 9.826-4.122 12.031-5.592 2.184-1.47 3.943.446 1.76 1.916-2.205 1.47-2.807 1.025-4.857 2.339-2.049 1.337-5.859 3.52-8.354 5.881-2.495 2.339-3.074 2.495-6.171 2.629-3.074.156-4.99-3.074-6.305-4.544-1.314-1.471-1.181-2.339-2.785-4.1-1.604-1.76-1.76-1.337-2.05.579s-2.495 6.75-4.411 9.981c-1.894 3.23-2.05 7.196-1.76 9.981.29 2.785-.445 3.074-2.628 6.304-2.206 3.23-5.882 12.765-6.461 15.84-.58 3.074-1.314 9.401-1.025 13.055.29 3.676-.735 4.411-3.386 1.916-2.629-2.495-3.521-5.28-3.364-8.956.134-3.141.557-5.347.958-6.505.401-1.158.022-1.96-.824-.534-1.805 3.118-1.894 8.51-1.448 10.426.423 1.894.579 5.28 5.414 9.824 4.856 4.545 11.896 10.85 17.756 15.105 5.881 4.255 7.931 9.535-.735 13.345 5.436 7.352 8.376 11.161 6.015 15.995 4.856-2.785 2.985-9.356.646-11.117-2.362-1.76-.936-3.118 1.114-1.781 2.05 1.314 2.785 3.943 10.872 3.809 8.064-.155 16.753-.957 21.611-8.02 4.834-7.04 5.77-1.114 4.588 3.008-1.158 4.099-4.055 13.367.49 12.498.58-5.437 1.916-10.137 1.916-15.996 0-5.882.58-8.711.135-17.221-.447-8.199 3.096-8.756 6.75-8.756 3.676 0 2.494 2.361.156 2.205-2.361-.155-4.836.736-4.99 6.751-.156 6.015 0 5.436 1.023 10.85 1.025 5.436 1.182 7.04.291 13.055-.869 6.016-1.605 9.245 2.361 12.922 3.943 3.676 9.957 2.629 13.055.289 3.074-2.339 8.934-7.774 14.213-9.535 5.303-1.76 10.873-3.074 13.812-6.015 2.92-2.94 2.184-4.99-.891-6.595-3.074-1.626-6.016-.891-8.354-3.52-2.363-2.651-3.521-8.511-2.652-11.607.891-3.074 1.916-1.76 1.916.446 0 2.205.135 4.255 2.34 7.039 2.205 2.785 4.254 4.122 7.775 6.305 3.52 2.206 5.725 5.726 1.314 8.822-4.389 3.074-6.885 4.835-10.561 6.305-3.654 1.471-9.668 4.99-13.346 8.645-3.676 3.676-5.725 6.906-12.92 6.906-7.174 0-10.471-1.738-12.609-6.016-1.471-2.94-2.207-2.494-5.57-2.65-3.387-.134-14.682-.29-23.481-.134-8.8.134-11.74 1.604-15.706 4.834-3.943 3.23-5.414 5.726-12.899 3.23s-11.451-5.28-22.59-7.485c-11.162-2.205-5.146-1.181-11.897-2.651-6.75-1.448-6.305-4.679-5.413-7.329.869-2.629 3.074-6.751 1.158-12.164-1.894-5.437-1.158-11.006 3.965-11.006 5.146 0 9.981 1.025 12.03-5.726 2.05-6.75 2.651-1.47 2.05.29-.579 1.76-.869 6.594-5.414 7.33-4.545.734-5.569-.29-8.377-.29-2.784 0-3.943 1.916-2.495 5.146 1.47 3.229 3.096 6.594 2.807 9.379-.312 2.784-.602 3.81-2.651 6.46-2.05 2.629-1.76 3.966 1.916 4.835 3.653.892 10.27 2.651 16.419 4.122 6.171 1.447 6.617 1.447 17.31 4.255 10.716 2.784 13.657-2.206 14.526-8.221.891-6.016-3.23-11.741-7.04-17.467S60.2 140.396 55.209 134.38c-4.99-6.015-7.931-6.461-10.426-5.146-2.496 1.337-2.941 1.047-3.075-2.339-.156-3.364-.446-5.569 2.339-10.56 2.785-4.99 5.28-10.427 8.221-18.781 2.94-8.354 5.569-9.98 10.56-17.176 4.991-7.173 2.785-4.389 6.305-9.223 3.52-4.856 2.495-3.966 2.206-11.607-.29-7.62-.579-12.031-.869-22.012zM56.457 97.197c.758.914 1.827-1.247 2.941-2.071a3.819 3.819 0 0 0 1.203-3.498c-.111-.69-1.226-.468-1.448-.223-.69.69-.535 1.805-1.025 2.763-.557 1.158-2.428 2.094-1.671 3.029zm63.07-30.655c1.582 1.337 2.562 2.496 3.43.513.893-1.983.893-2.785-1.246-3.587-2.117-.825-3.074-1.693-4.033-2.785-.957-1.114-1.291.78-.512 2.629.957 2.273 1.514 2.54 2.361 3.23zM86.466 48.341c-1.092-.223-2.406-.134-3.142.735-.29.29-.156 1.114.356 1.337.668.29 1.114-.378 1.248-.891.067-.223.156-.512.379-.579.29-.156.713-.022 1.025-.156.357-.134.223-.446.134-.446zm5.191.201c.446.668 1.248.668 1.916.958.356.156 1.092.379 1.314-.134.513-1.626-1.693-1.114-2.718-1.114-.222 0-.735-.066-.512.29zm10.695-7.107c1.002.044 2.361 1.827 2.494 3.899.021.312.869.289 1.047-.022.469-.824.135-1.738-.088-2.718-.18-.802-1.137-1.626-1.939-1.983-.535-.268-1.092-.356-1.805-.268-.178.09-.801 1.025.291 1.092zm-21.856-.512c-.914.066-.579.779-.535 1.358 1.27.713 1.381 2.317 1.648 3.587.022.49.757.268.824.112.557-1.025-.134-2.183-.378-3.386-.223-.624-.646-1.337-1.226-1.76-.088-.089-.245.089-.333.089zm28.025-22.479c-.914-.735-2.34-1.025-2.762.178-.445 1.025-.268 2.072-.514 3.186 0 .356-.445.445-.689.779-.357.423-.268.958-.09 1.114.848.869 2.406-.847 3.543-1.448.846-.535 2.07.156 3.008-.445.266-.178.355-.602.088-.936-.601-1.047-1.648-1.648-2.584-2.428z"/><path d="M134.943 135.093c.135-.602.445-1.782 1.025-1.96.201-.067.379.022.445.223.133.378-.268 2.54-.111 3.03.178.512.779.445 1.203.312 1.002-.335 1.582-1.515 1.537-1.626 0-.045-.023-.045-.066-.045-.156.045-.291.602-.736.734-.289.09-.512.045-.602-.244-.088-.312.291-2.54.111-3.053-.154-.512-.668-.646-1.158-.49-1.092.357-1.559 2.027-1.848 3.008h-.023l.156-2.295-1.359.446-.066 4.745 1.27-.424c.023-.824.066-1.76.222-2.361zM140.826 135.605c1.09-.356 1.58-1.648 1.535-1.805-.021-.044-.043-.067-.088-.067-.09.045-.289.78-.914.98-.268.09-.512.022-.578-.155-.09-.268-.023-.735-.023-1.137l.045-2.139 1.492-.49-.021-.513-1.492.49.066-2.027-1.336.758-.068 4.522c0 .49-.043.913.045 1.137.177.58.779.647 1.337.446z"/></g></svg>
\ No newline at end of file

diff --git a/media/img/suse.png b/media/img/suse.png
new file mode 100644 (file)
index 0000000..9033300
Binary files /dev/null and b/media/img/suse.png differ

diff --git a/media/img/suse.svg b/media/img/suse.svg
deleted file mode 100644 (file)
index 3d1215a..0000000
--- a/media/img/suse.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="2500" viewBox="0 0 192.756 192.756"><g fill-rule="evenodd" clip-rule="evenodd"><path fill="#fff" d="M0 0h192.756v192.756H0V0z"/><path d="M15.857 144.742c.289 10.1 7.792 14.574 17.171 14.574 8.081 0 16.161-3.607 16.161-12.844 0-4.184-2.597-8.801-7.936-10.389-2.165-.578-11.111-2.887-11.833-3.176-2.886-.721-4.762-2.309-4.762-5.193 0-4.186 4.185-5.34 7.503-5.34 4.906 0 8.369 2.021 8.802 7.215h7.07c0-8.514-7.07-12.986-15.584-12.986-7.359 0-15.007 3.752-15.007 11.977 0 4.186 2.02 8.514 9.091 10.389 5.627 1.443 9.235 2.311 12.121 3.32 1.731.576 3.463 1.875 3.463 5.051 0 3.029-2.453 6.203-8.658 6.203-5.771 0-10.389-2.453-10.389-8.801h-7.213zM88.727 128.725h-6.493v17.172c0 4.617-1.875 8.08-7.215 8.08-3.607 0-5.771-1.875-5.771-7.07v-18.182h-6.494v18.902c0 7.648 3.319 11.545 11.111 11.545 3.175 0 6.782-1.877 8.369-4.906h.145v4.039h6.349v-29.58h-.001zM102.291 144.742c.145 10.1 7.793 14.574 17.027 14.574 8.225 0 16.307-3.607 16.307-12.844 0-4.184-2.598-8.801-7.938-10.389-2.164-.578-11.254-2.887-11.832-3.176-2.887-.721-4.906-2.309-4.906-5.193 0-4.186 4.186-5.34 7.504-5.34 4.906 0 8.514 2.021 8.801 7.215h7.217c0-8.514-7.217-12.986-15.73-12.986-7.357 0-14.861 3.752-14.861 11.977 0 4.186 2.02 8.514 8.945 10.389 5.629 1.443 9.381 2.311 12.266 3.32 1.588.576 3.32 1.875 3.32 5.051 0 3.029-2.311 6.203-8.658 6.203-5.629 0-10.246-2.453-10.246-8.801h-7.216zM150.055 158.305h29.869v-6.061H157.27v-11.976h20.49v-5.916h-20.49v-10.678h22.22v-6.205h-29.435v40.836z" fill="#0c0e0f"/><path d="M9.797 100.299c.144.287.144.432.144.576 3.175 8.514 9.235 11.977 19.192 11.4 6.782-.723 9.668-4.762 8.225-11.832l-8.658-.145c-.144 2.309-1.299 4.328-4.04 4.617h-.289c-3.319-.434-5.483-2.164-6.638-4.473l-7.936-.143zm11.399 0c.866 1.01 1.876 1.586 3.319 1.73.866-.145 1.299-.865 1.299-1.586l-4.618-.144zm35.209 0c0 1.441 0 3.752 3.175 3.895 4.185 0 4.185-2.02 4.473-3.75l-7.648-.145zm17.027 0c0 2.885.577 3.752 3.03 4.184 3.174.289 3.896-1.73 4.04-2.598.145-.576.145-1.01.289-1.586h-7.359zm46.607 0c.434 1.73.434 4.473 4.475 4.184 2.453-.289 2.598-2.453 2.309-4.184h-6.784zm16.307 0c1.299 3.174 3.029 4.039 5.338 3.463 1.443-.578 2.021-1.154 1.732-3.463h-7.07z" fill="#9dc14e"/><path d="M8.787 87.888c-.577 4.329-.288 8.514 1.01 12.411h7.937c-1.154-2.309-1.298-5.196-.577-7.937l.144-.289c.866-1.587 1.876-3.175 3.175-4.185H8.787zm46.608 0l.866 12.122c0 .145 0 .289.144.289h7.647v-.145c.145-8.37.145-9.524.433-12.266h-9.09zm18.181 0c.145.578 0 1.299-.144 2.021v7.214c0 1.299-.145 2.309 0 3.32l7.359-.145c.722-4.474.433-6.206 1.154-10.102.145-.866.145-1.587.289-2.309h-8.658v.001zm42.858 0l3.318 11.977c.145.145.145.289.287.434h6.783c0-.578-.145-1.012-.145-1.443-.578-2.886-1.01-7.071-1.443-10.534-.145-.145-.145-.289-.145-.434h-8.655zm16.015 0l2.887 9.668s.289 1.01 1.01 2.598v.145h7.07c0-.723-.289-1.877-.721-3.176 0 0-2.309-5.916-1.012-9.235h-9.234zM25.814 100.299c.145-.723 0-1.588-.289-2.166-1.731.289-2.597-2.308-.866-2.885 2.741-.866 4.329 2.165 4.04 5.196l8.658-.145c-.144-.578-.433-1.299-.577-2.021-2.598-5.194-5.483-8.225-8.658-9.09l-1.731.433c-2.742.577-5.05.866-6.493 3.607-.722 3.03-.289 5.483 1.298 7.071h4.618z" fill="#9dc14e"/><path d="M15.136 71.15c-3.463 5.483-5.628 11.255-6.35 16.738h11.688c.433-.433 1.01-.721 1.587-.866 1.299-.577 2.598-.866 4.041-1.154 1.298-2.886 4.618-5.628 9.812-7.792 9.668-2.453 17.893-.577 19.48 8.514v1.298h9.09c.144-.433.144-.721.144-1.154.866-4.329 8.803-5.627 8.947 1.154h8.658c.578-3.318 2.453-4.617 10.822-3.318 5.627 1.587 9.235.866 16.883.144 5.482-1.154 5.195.144 6.35 2.886l.145.289h8.656c-.721-3.896 2.598-10.966 7.215-.577l.145.577h9.234c.434-1.442 1.588-2.453 3.896-2.309 1.299-.289 2.887-.433 3.176-1.443-3.896-1.731-6.061-3.463-13.709-9.524-1.443-1.154.289-3.463 1.732-2.309 9.668 7.504 12.119 9.957 20.777 12.121 10.102.722 19.77-4.04 25.252-13.275h-4.906c-3.607 1.01-7.502 1.876-12.264 2.02-2.598-.144-4.906-.577-7.072-1.154a39.21 39.21 0 0 0-2.309-.866H15.136z" fill="#9dc14e"/><path d="M156.258 71.15c-2.596-1.01-5.627-2.453-8.514-2.886-2.309-.289-1.586-3.03-.143-3.03 5.627.866 12.408 5.195 18.037 5.339 7.936-.144 13.707-2.597 18.613-4.617-2.742-9.524-14.574-19.913-24.531-17.027-15.295-9.235-18.469-9.668-36.939-13.708-18.037-3.896-43.578-.722-57.863 3.03-13.131 4.473-23.232 7.07-40.547 21.933-3.752 3.463-6.782 7.215-9.235 10.967h141.122v-.001zm26.551 0c.289-.577.723-1.299 1.01-2.02-1.875.721-3.75 1.443-5.916 2.02h4.906zm-18.038-20.057c4.617 0 9.236 3.463 9.236 8.081 0 4.617-4.619 7.792-9.236 7.792s-7.646-3.896-7.646-8.514c0-4.473 3.029-7.359 7.646-7.359zm.723 2.02c-3.463 0-6.205 2.742-6.205 6.061 0 3.175 2.742 5.916 6.205 5.916s6.205-2.741 6.205-5.916c0-3.32-2.742-6.061-6.205-6.061zm.432 2.02c2.309 0 3.32 1.587 3.32 3.896 0 2.165-1.154 3.752-3.465 3.752-2.164 0-4.473-1.299-4.473-3.607.001-2.165 2.454-4.041 4.618-4.041zm-.576 2.309c-1.01 0-1.732.866-1.732 1.731 0 1.01.723 1.876 1.732 1.876s1.875-.866 1.875-1.876c0-.865-.866-1.731-1.875-1.731z" fill="#9dc14e"/><path d="M41.975 106.504h137.371v4.473H40.388s1.587-1.588 1.587-4.473z" fill="#0c0e0f"/></g></svg>
\ No newline at end of file

diff --git a/media/js/apt.js b/media/js/apt.js
new file mode 100644 (file)
index 0000000..f0dd26a
--- /dev/null
+++ b/media/js/apt.js
@@ -0,0 +1,8 @@
+/* Event handlers */
+function setupHandlers() {
+    document.getElementById('copy-btn').addEventListener('click', function () {
+        copyScript(this, 'script-box');
+    });
+}
+
+document.addEventListener("DOMContentLoaded", setupHandlers);
\ No newline at end of file

diff --git a/media/js/download.js b/media/js/download.js
new file mode 100644 (file)
index 0000000..63ff5f5
--- /dev/null
+++ b/media/js/download.js
@@ -0,0 +1,14 @@
+/* Event handlers */
+function setupHandlers() {
+    document.getElementById('btn-download-bsd').addEventListener('click', function (event) {
+        showDistros(this, 'download-subnav-bsd');
+        event.preventDefault();
+    });
+
+    document.getElementById('btn-download-linux').addEventListener('click', function (event) {
+        showDistros(this, 'download-subnav-linux');
+        event.preventDefault();
+    });
+}
+
+document.addEventListener("DOMContentLoaded", setupHandlers);
\ No newline at end of file

diff --git a/media/js/main.js b/media/js/main.js
index a174791440ed740b07646929c0ee1029898f1f9b..ff2a87ffe8842a08f1204ee22529243338ed389f 100644 (file)
--- a/media/js/main.js
+++ b/media/js/main.js
@@ -73,3 +73,19 @@ function copyScript(trigger, elem) {
         trigger.innerHTML = label;
     }, 3000);
 }
+
+/*
+ * showDistros shows / hides the individual distributions of particular OS
+ * families on the Download page
+ */
+function showDistros(btn, osDiv) {
+  // Disable everything
+  document.getElementById('btn-download-bsd').style.background = '#ffffff';
+  document.getElementById('download-subnav-bsd').style.display = 'none';
+  document.getElementById('btn-download-linux').style.background = '#ffffff';
+  document.getElementById('download-subnav-linux').style.display = 'none';
+
+  // Enable the one we want
+  btn.style.background='#e7eae8';
+  document.getElementById(osDiv).style.display = 'block';
+}

diff --git a/pgweb/util/contexts.py b/pgweb/util/contexts.py
index ba8248a4f5258586cca904a4ed3351776a1248aa..c2f0bbcb197eab7c44ab37bffba30e90c61bb661 100644 (file)
--- a/pgweb/util/contexts.py
+++ b/pgweb/util/contexts.py
@@ -20,7 +20,7 @@ sitenav = {
     ],
     'download': [
         {'title': 'Downloads', 'link': '/download/', 'submenu': [
-            {'title': 'Binary', 'link': '/download/'},
+            {'title': 'Packages', 'link': '/download/'},
             {'title': 'Source', 'link': '/ftp/source/'}
         ]},
         {'title': 'Software Catalogue', 'link': '/download/product-categories/'},

diff --git a/templates/downloads/js/yum.js b/templates/downloads/js/yum.js
index e5f88973aa91f4b28dd544b25244645a925ccc96..52dcdd6f0654faa2c8a49bfc90db5f3c978d0825 100644 (file)
--- a/templates/downloads/js/yum.js
+++ b/templates/downloads/js/yum.js
@@ -158,3 +158,15 @@ function archChanged() {
 
    document.getElementById('copy-btn').style.display = 'block';
 }
+
+/* Event handlers */
+function setupHandlers() {
+    document.getElementById('copy-btn').addEventListener('click', function () {
+        copyScript(this, 'script-box');
+    });
+    document.getElementById('version').addEventListener('change', verChanged);
+    document.getElementById('platform').addEventListener('change', platChanged);
+    document.getElementById('arch').addEventListener('change', archChanged);
+}
+
+document.addEventListener("DOMContentLoaded", setupHandlers);

diff --git a/templates/pages/download.html b/templates/pages/download.html
index af0d35757a1329638dd22f1051f051e243e61c96..736be365a3bb7f7fce657f6d4685ef3987e68793 100644 (file)
--- a/templates/pages/download.html
+++ b/templates/pages/download.html
@@ -1,44 +1,76 @@
 {%extends "base/page.html"%}
 {%block title%}Downloads{%endblock%}
+{%block extrahead%}
+<script type="text/javascript" src="/media/js/download.js?{{gitrev}}"></script>
+{%endblock%}
 {%block contents%}
 
 <h1>Downloads <i class="fa fa-download"></i></h1>
 
-<h2>PostgreSQL Core Distribution</h2>
+<h2>PostgreSQL Downloads</h2>
 
 <p>
-The core of the PostgreSQL object-relational database management system
-is available in several source and binary formats.
+PostgreSQL is available for download as ready-to-use packages or installers for
+various platforms, as well as a source code archive if you want to build it
+yourself.
 </p>
 
-<h3>Binary packages</h3>
-
-<p>
-Pre-built binary packages are available for a number of different operating
-systems:
-</p>
-<ul>
- <li>BSD
-  <ul>
-   <li><a href="/download/freebsd/">FreeBSD</a></li>
-   <li><a href="/download/openbsd/">OpenBSD</a></li>
-  </ul>
- </li>
- <li>Linux
-  <ul>
-    <li>
-      <a href="/download/linux/redhat/">Red Hat</a> family Linux (including <a href="/download/linux/redhat/">CentOS</a>/<a href="/download/linux/redhat/">Fedora</a>/<a href="/download/linux/redhat/">Scientific/Oracle</a> variants)
-    </li>
-    <li><a href="/download/linux/debian/">Debian</a> GNU/Linux and derivatives</li>
-    <li><a href="/download/linux/ubuntu/">Ubuntu</a> Linux and derivatives</li>
-    <li><a href="/download/linux/suse/">SUSE</a> and <a href="/download/linux/suse/">openSUSE</a></li>
-    <li><a href="/download/linux/">Other</a> Linux</li>
-  </ul>
- </li>
- <li><a href="/download/macosx/">macOS</a></li>
- <li><a href="/download/solaris/">Solaris</a></li>
- <li><a href="/download/windows/">Windows</a></li>
-</ul>
+<h3>Packages and Installers</h3>
+
+<p>Select your operating system family:</p>
+
+<a role="button" id="btn-download-linux" class="btn btn-outline-dark btn-download" href="/download/linux/">
+  Linux<br/>
+  <img class="logo" src="/media/img/linux.svg" alt="Linux Logo" />
+</a>
+<a role="button" class="btn btn-outline-dark btn-download" href="/download/macosx/">
+  macOS<br/>
+  <img class="logo" src="/media/img/apple.png" alt="Apple Logo" />
+</a>
+<a role="button" class="btn btn-outline-dark btn-download" href="/download/windows/">
+  Windows<br/>
+  <img class="logo" src="/media/img/windows.svg" alt="Windows Logo" />
+</a>
+<a role="button" class="btn btn-outline-dark btn-download" href="/download/solaris/">
+  Solaris<br/>
+  <img class="logo" src="/media/img/solaris.png" alt="Solaris Logo" />
+</a>
+<a role="button" id="btn-download-bsd" class="btn btn-outline-dark btn-download" href="/download/bsd/">
+  BSD<br/>
+  <img class="logo" src="/media/img/bsd.png" alt="BSD Logo" />
+</a>
+
+<!-- sub-navigation for Linux distributions -->
+<div id="download-subnav-linux" class="download-subnav">
+  <p>Select your Linux distribution:</p>
+  <a role="button" class="btn btn-outline-dark btn-download" href="/download/linux/debian/">
+    Debian<br/>
+    <img class="logo" src="/media/img/debian.svg" alt="Debian Logo" />
+  </a>
+  <a role="button" class="btn btn-outline-dark btn-download" href="/download/linux/redhat">
+    Red Hat/CentOS<br/>
+    <img class="logo" src="/media/img/redhat.svg" alt="Red Hat Logo" />
+  </a>
+  <a role="button" class="btn btn-outline-dark btn-download" href="/download/linux/suse">
+    SUSE<br/>
+    <img class="logo" src="/media/img/suse.png" alt="SUSE Logo" />
+  </a>
+  <a role="button" class="btn btn-outline-dark btn-download" href="/download/linux/ubuntu">
+    Ubuntu<br/>
+    <img class="logo" src="/media/img/ubuntu.svg" alt="Ubuntu Logo" />
+  </a>
+  <a role="button" class="btn btn-outline-dark btn-download" href="/download/linux/#generic">
+    Other Linux<br/>
+    <img class="logo" src="/media/img/linux.svg" alt="Linux Logo" />
+  </a>
+</div>
+
+<!-- sub-navigation for BSD distributions -->
+<div id="download-subnav-bsd" class="download-subnav">
+  <p>Select your BSD distribution:</p>
+  <a role="button" class="btn btn-outline-dark btn-download" href="/download/openbsd/">OpenBSD<br/><img class="logo" src="/media/img/openbsd.gif" alt="OpenBSD Logo" /></a>
+  <a role="button" class="btn btn-outline-dark btn-download" href="/download/freebsd/">FreeBSD<br/><img class="logo" src="/media/img/freebsd.svg" alt="FreeBSD Logo" /></a>
+</div>
 
 <h3>Source code</h3>
 

diff --git a/templates/pages/download/bsd.html b/templates/pages/download/bsd.html
new file mode 100644 (file)
index 0000000..8c12746
--- /dev/null
+++ b/templates/pages/download/bsd.html
@@ -0,0 +1,14 @@
+{%extends "base/page.html"%}
+{%block title%}BSD packages{%endblock%}
+{%block contents%}
+
+<h1>BSD Distributions <img class="logo" src="/media/img/bsd.png" alt="BSD Logo" /></h1>
+
+<p>
+Select your BSD distribution:
+</p>
+
+<a role="button" class="btn btn-outline-dark btn-download" href="/download/openbsd/">OpenBSD<br/><img class="logo" src="/media/img/openbsd.gif" alt="OpenBSD Logo" /></a>
+<a role="button" class="btn btn-outline-dark btn-download" href="/download/freebsd/">FreeBSD<br/><img class="logo" src="/media/img/freebsd.svg" alt="FreeBSD Logo" /></a>
+
+{%endblock%}

diff --git a/templates/pages/download/linux.html b/templates/pages/download/linux.html
index dc059c3eb0d25896f4aa27c50c743029d43e5f6f..f3f494c4b8ccd91913de23e78c6e3165c627dad2 100644 (file)
--- a/templates/pages/download/linux.html
+++ b/templates/pages/download/linux.html
@@ -2,21 +2,18 @@
 {%block title%}Linux downloads (other){%endblock%}
 {%block contents%}
 
-<h1>Linux downloads (other) <img class="logo" src="/media/img/linux.svg" alt="Linux Logo" /></h1>
+<h1>Linux downloads <img class="logo" src="/media/img/linux.svg" alt="Linux Logo" /></h1>
 <p>
-<strong>Note!</strong> These are the generic Linux download instructions. If you
-are using one of the major Linux distributions, you should read the
-distribution specific instructions:
+Please select your distribution below:
 </p>
-<ul>
-  <li>
-    <a href="/download/linux/redhat/">Red Hat</a> family Linux (including <a href="/download/linux/redhat/">CentOS</a>/<a href="/download/linux/redhat/">Fedora</a>/<a href="/download/linux/redhat/">Scientific/Oracle</a> variants)
-  </li>
-  <li><a href="/download/linux/debian/">Debian</a> GNU/Linux and derivatives</li>
-  <li><a href="/download/linux/ubuntu/">Ubuntu</a> Linux and derivatives</li>
-  <li><a href="/download/linux/suse/">SUSE</a> and <a href="/download/linux/suse/">openSUSE</a></li>
-</ul>
 
+<a role="button" class="btn btn-outline-dark btn-download" href="/download/linux/debian/">Debian<br/><img class="logo" src="/media/img/debian.svg" alt="Debian Logo" /></a>
+<a role="button" class="btn btn-outline-dark btn-download" href="/download/linux/redhat">Red Hat/CentOS<br/><img class="logo" src="/media/img/redhat.svg" alt="Red Hat Logo" /></a>
+<a role="button" class="btn btn-outline-dark btn-download" href="/download/linux/suse">SUSE<br/><img class="logo" src="/media/img/suse.png" alt="SUSE Logo" /></a>
+<a role="button" class="btn btn-outline-dark btn-download" href="/download/linux/ubuntu">Ubuntu<br/><img class="logo" src="/media/img/ubuntu.svg" alt="Ubuntu Logo" /></a>
+<a role="button" class="btn btn-outline-dark btn-download" href="#generic">Other Linux<br/><img class="logo" src="/media/img/linux.svg" alt="Linux Logo" /></a>
+
+<a name="generic"/>
 <h2>Generic linux distributions</h2>
 <p>
 PostgreSQL is available integrated with the package management on most

diff --git a/templates/pages/download/linux/debian.html b/templates/pages/download/linux/debian.html
index a3bc9776358243a5da047f99884e7319b5449901..acd38afdab9f3801c4d0327c96f4bb1b3e139e6a 100644 (file)
--- a/templates/pages/download/linux/debian.html
+++ b/templates/pages/download/linux/debian.html
@@ -1,5 +1,8 @@
 {%extends "base/page.html"%}
 {%block title%}Linux downloads (Debian){%endblock%}
+{%block extrahead%}
+<script type="text/javascript" src="/media/js/apt.js?{{gitrev}}"></script>
+{%endblock%}
 {%block contents%}
 
 <h1>Linux downloads (Debian) <img class="logo" src="/media/img/debian.svg" alt="Debian Logo" /></h1>
@@ -55,7 +58,7 @@ sudo apt-get update
 # Install the latest version of PostgreSQL.
 # If you want a specific version, use 'postgresql-12' or similar instead of 'postgresql':
 sudo apt-get install postgresql</pre>
-    <button class="pg-script-copy-btn" onclick="copyScript(this, 'script-box')">Copy Script</button>
+    <button id="copy-btn" class="pg-script-copy-btn">Copy Script</button>
 </div>
 
 <p>

diff --git a/templates/pages/download/linux/redhat.html b/templates/pages/download/linux/redhat.html
index c4d3d9ebf5380c17f9db0323f2f546e349bc0be9..5c6dd5f26fbe522c120b6d43c5fa81fbf005ae34 100644 (file)
--- a/templates/pages/download/linux/redhat.html
+++ b/templates/pages/download/linux/redhat.html
@@ -56,13 +56,13 @@ using Fedora for server deployments.
 To use the PostgreSQL Yum Repository, follow these steps:
 </p>
 <ol>
-  <li>Select version: <select id="version" class="custom-select" onChange="verChanged()"></select><br/></li>
-  <li>Select platform: <select id="platform" class="custom-select" onChange="platChanged()"></select></li>
-  <li>Select architecture: <select id="arch" class="custom-select" onChange="archChanged()"></select></li>
+  <li>Select version: <select id="version" class="custom-select"></select><br/></li>
+  <li>Select platform: <select id="platform" class="custom-select"></select></li>
+  <li>Select architecture: <select id="arch" class="custom-select"></select></li>
   <li>Copy, paste and run the relevant parts of the setup script:
     <div class="pg-script-container">
         <pre id="script-box" class="code"></pre>
-        <button id="copy-btn" class="pg-script-copy-btn" onclick="copyScript(this, 'script-box')">Copy Script</button>
+        <button id="copy-btn" class="pg-script-copy-btn">Copy Script</button>
     </div>
   </li>
 </ol>

diff --git a/templates/pages/download/linux/suse.html b/templates/pages/download/linux/suse.html
index 0c58cb1cbf2779463be899a4fd29c4eaffa1d41b..d3151b9c0aaf864d2319ccfb60fcfa261222924e 100644 (file)
--- a/templates/pages/download/linux/suse.html
+++ b/templates/pages/download/linux/suse.html
@@ -2,7 +2,7 @@
 {%block title%}Linux downloads (SUSE){%endblock%}
 {%block contents%}
 
-<h1>Linux downloads (SUSE) <img class="logo" src="/media/img/suse.svg" alt="SUSE Logo" /></h1>
+<h1>Linux downloads (SUSE) <img class="logo" src="/media/img/suse.png" alt="SUSE Logo" /></h1>
 <p>
 PostgreSQL is available in all SUSE versions by default. However,
 SUSE Linux "snapshots" a specific version of PostgreSQL

diff --git a/templates/pages/download/linux/ubuntu.html b/templates/pages/download/linux/ubuntu.html
index 04650452f2687a494f783d98134f4451a5ac42d8..6ac0af5a398afeb81c677338a7250e8dcb22564b 100644 (file)
--- a/templates/pages/download/linux/ubuntu.html
+++ b/templates/pages/download/linux/ubuntu.html
@@ -1,5 +1,8 @@
 {%extends "base/page.html"%}
 {%block title%}Linux downloads (Ubuntu){%endblock%}
+{%block extrahead%}
+<script type="text/javascript" src="/media/js/apt.js?{{gitrev}}"></script>
+{%endblock%}
 {%block contents%}
 
 <h1>Linux downloads (Ubuntu) <img class="logo" src="/media/img/ubuntu.svg" alt="Ubuntu Logo" /></h1>
@@ -54,7 +57,7 @@ sudo apt-get update
 # Install the latest version of PostgreSQL.
 # If you want a specific version, use 'postgresql-12' or similar instead of 'postgresql':
 sudo apt-get install postgresql</pre>
-    <button class="pg-script-copy-btn" onclick="copyScript(this, 'script-box')">Copy Script</button>
+    <button id="copy-btn" class="pg-script-copy-btn">Copy Script</button>
 </div>
 
 <p>