diff --git a/content/page/tft/cta2/1inch_logo.png b/content/page/tft/cta2/1inch_logo.png new file mode 100644 index 000000000..2ea52718c Binary files /dev/null and b/content/page/tft/cta2/1inch_logo.png differ diff --git a/content/page/tft/cta2/cta2.md b/content/page/tft/cta2/cta2.md index 8f11ce40e..de581fe26 100644 --- a/content/page/tft/cta2/cta2.md +++ b/content/page/tft/cta2/cta2.md @@ -2,6 +2,8 @@ id: token_cta2 title: Join the people's Internet image: ./join_peer.png +image2: ./pancakeswap_logo.png +image3: ./1inch_logo.png slogan: button: PancakeSwap link: https://pancakeswap.finance/swap?exactField=output&exactAmount=0.05&outputCurrency=0x8f0FB159380176D324542b3a7933F0C2Fd0c2bbf&inputCurrency=0xe9e7cea3dedca5984780bafc599bd69add087d56?use=v2 diff --git a/content/page/tft/cta2/pancakeswap_logo.png b/content/page/tft/cta2/pancakeswap_logo.png new file mode 100644 index 000000000..be0e13daf Binary files /dev/null and b/content/page/tft/cta2/pancakeswap_logo.png differ diff --git a/src/components/custom/Navbar/Navbar.vue b/src/components/custom/Navbar/Navbar.vue index 78841a8f1..51a9e5cff 100644 --- a/src/components/custom/Navbar/Navbar.vue +++ b/src/components/custom/Navbar/Navbar.vue @@ -340,7 +340,7 @@
- +
-
+

-
+ +
+ + @@ -1832,4 +1837,41 @@ export default { .gray { background: #f2f2f2; } + +.quicklinks { + box-sizing: border-box; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: auto; + display: inline-block; + margin: 0 auto; + border-radius: 10px; + margin-top: 30px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-bottom: 60px; +} +.quicklinks img { + height: auto; + /* max-width: 150px; */ + display: inline-block; + -webkit-filter: grayscale(100%); + filter: grayscale(100%); + position: relative; + margin-right: 30px; + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease; + opacity: 0.5; +} + +.quicklinks img:hover { + opacity: 1; + -webkit-transition: all 0.2s ease; + transition: all 0.2s ease; + -webkit-filter: grayscale(0%); + filter: grayscale(0%); +} \ No newline at end of file diff --git a/src/templates/MarkdownPage.vue b/src/templates/MarkdownPage.vue index 7ed581820..51aa37bcc 100644 --- a/src/templates/MarkdownPage.vue +++ b/src/templates/MarkdownPage.vue @@ -627,6 +627,8 @@ button2 link2 content + image2 + image3 } cta3{ title