-
- )
-}
diff --git a/website/components/learn-callout/style.css b/website/components/learn-callout/style.css
deleted file mode 100644
index 822520077f..0000000000
--- a/website/components/learn-callout/style.css
+++ /dev/null
@@ -1,168 +0,0 @@
-.g-learn-callout {
- padding-top: 88px;
- padding-bottom: 88px;
-
- @media (max-width: 768px) {
- padding-top: 64px;
- padding-bottom: 64px;
- }
-
- & .learn-container {
- @media (max-width: 1200px) {
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- }
- & .mobile-button {
- @media (min-width: 1201px) {
- display: none;
- }
- }
- }
-
- & .column-container {
- display: flex;
- justify-content: space-between;
- margin: 0 36px;
-
- @media (max-width: 1200px) {
- margin: 0 -16px;
- flex-wrap: wrap;
- }
-
- & .column-content {
- & h2 {
- @media (max-width: 1200px) {
- margin: 0;
- }
- }
- }
-
- & .desktop-button {
- @media (max-width: 1200px) {
- display: none;
- }
- }
-
- & > div {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- margin: 0 16px;
- width: 33.333%;
- overflow: auto;
-
- @media (max-width: 1200px) {
- text-align: center;
- display: block;
- width: 100%;
- margin: 0;
- margin-bottom: 48px;
- }
- }
-
- & > a {
- margin: 0 16px;
- width: 33.333%;
- transition: box-shadow 0.25s, transform 0.25s, -webkit-transform 0.25s;
- display: flex;
- cursor: pointer;
-
- &:hover {
- box-shadow: 0 16px 28px rgba(37, 38, 45, 0.12);
- transform: translateY(-4px);
- }
-
- @media (max-width: 1200px) {
- width: calc(50% - 32px);
- margin-bottom: 48px;
- }
-
- @media (max-width: 768px) {
- width: 100%;
-
- &:last-child {
- margin-bottom: 48px;
- }
- }
-
- & .course {
- border: 1px solid var(--gray-6);
- display: flex;
- flex-direction: column;
- width: 100%;
-
- & > div {
- min-height: 200px;
- padding: 25px;
- }
-
- & .image {
- background: var(--gray-7);
- position: relative;
- display: flex;
- justify-content: center;
- align-items: center;
-
- & img {
- max-width: 80px;
- max-height: 80px;
- width: 100%;
- }
- }
-
- & h4 {
- color: var(--gray-2);
- }
-
- & .time {
- color: var(--gray-4);
- position: absolute;
- top: 10px;
- right: 10px;
- }
-
- & .content {
- text-align: center;
- background: #fff;
- @media (max-width: 768px) {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- & h4 {
- margin: 24px 0;
- }
- }
- }
- }
- }
-
- &.brand-consul {
- & .content label {
- color: var(--consul);
- }
- }
-
- /* Brand -- Nomad */
- &.brand-nomad {
- & .content label {
- color: var(--nomad);
- }
- }
-
- /* Brand -- Packer */
- &.brand-packer {
- & .content label {
- color: var(--packer);
- }
- }
-
- /* Brand -- Terraform */
- &.brand-terraform {
- & .content label {
- color: var(--terraform);
- }
- }
-}
diff --git a/website/components/mini-cta/style.css b/website/components/mini-cta/style.css
index 8df3092540..8f76813ac1 100644
--- a/website/components/mini-cta/style.css
+++ b/website/components/mini-cta/style.css
@@ -1,12 +1,12 @@
.g-mini-cta {
- background: var(--gray-7);
+ background: var(--gray-6);
text-align: center;
padding-bottom: 64px;
padding-top: 48px;
& hr {
width: 64px;
- color: var(--gray-5);
+ color: var(--gray-4);
margin: 0 auto 64px auto;
@media (max-width: 800px) {
diff --git a/website/components/prefooter-cta/index.jsx b/website/components/prefooter-cta/index.jsx
index f8a5beadff..6180587289 100644
--- a/website/components/prefooter-cta/index.jsx
+++ b/website/components/prefooter-cta/index.jsx
@@ -5,7 +5,7 @@ export default function PrefooterCTA() {
-
-
- {/* need this wrapper to flex center the .column-content */}
-
-
-
-
- {items.map((item) => {
- return (
-
-
-
- {headline}
- -
-
-
- )
- })}
-
- 
-
- {item.time}
-
-
-
-
-
- {item.title}
-
-
+
+
-
+ Note for ARM users:
- --
-
- Use Armelv5 for all 32-bit armel systems -
- Use Armhfv6 for all armhf systems with v6+ architecture -
- Use Arm64 for all v8 64-bit architectures -
- The following commands can help determine the right version for your - system: + » Download Consul Tools
+
+
-
-
- Note for ARM users:
-$ uname -m
- -
- $ readelf -a /proc/self/exe | grep -q -c Tag_ABI_VFP_args && echo
- "armhf" || echo "armel"
-
- -
+
- Use Armelv5 for all 32-bit armel systems +
- Use Armhfv6 for all armhf systems with v6+ architecture +
- Use Arm64 for all v8 64-bit architectures +
+ The following commands can help determine the right version for + your system: +
+ +$ uname -m
+ +
+ $ readelf -a /proc/self/exe | grep -q -c Tag_ABI_VFP_args && echo
+ "armhf" || echo "armel"
+
+
+
+
+ }
+ {...staticProps}
+ />
)
}
export async function getStaticProps() {
- return fetch(`https://releases.hashicorp.com/consul/${VERSION}/index.json`)
- .then((res) => res.json())
- .then((releaseData) => ({ props: { releaseData } }))
- .catch(() => {
- throw new Error(
- `--------------------------------------------------------
- Unable to resolve version ${VERSION} on releases.hashicorp.com from link
- + A beta for consul v1.10.0 is available! The release can be{' '} + + downloaded here + +
+