diff --git a/.gitignore b/.gitignore index 7d0f3cba5..3c6d2cb6f 100644 --- a/.gitignore +++ b/.gitignore @@ -18,3 +18,4 @@ install.sh run.sh build.sh package-lock.json +dist diff --git a/content/page/home/InTheNews/btc.png b/content/page/home/InTheNews/btc.png new file mode 100644 index 000000000..7b97ffa39 Binary files /dev/null and b/content/page/home/InTheNews/btc.png differ diff --git a/content/page/home/InTheNews/cryptodaily.png b/content/page/home/InTheNews/cryptodaily.png new file mode 100644 index 000000000..208bff174 Binary files /dev/null and b/content/page/home/InTheNews/cryptodaily.png differ diff --git a/content/page/home/InTheNews/forbers.png b/content/page/home/InTheNews/forbers.png new file mode 100644 index 000000000..7a72ec7e6 Binary files /dev/null and b/content/page/home/InTheNews/forbers.png differ diff --git a/content/page/home/InTheNews/grit_daily.png b/content/page/home/InTheNews/grit_daily.png new file mode 100644 index 000000000..f4a6339e0 Binary files /dev/null and b/content/page/home/InTheNews/grit_daily.png differ diff --git a/content/page/home/InTheNews/hackernoon.png b/content/page/home/InTheNews/hackernoon.png new file mode 100644 index 000000000..e80c70341 Binary files /dev/null and b/content/page/home/InTheNews/hackernoon.png differ diff --git a/content/page/home/InTheNews/inTheNews.md b/content/page/home/InTheNews/inTheNews.md index 2b3ff41e3..b736a89b0 100644 --- a/content/page/home/InTheNews/inTheNews.md +++ b/content/page/home/InTheNews/inTheNews.md @@ -1,24 +1,23 @@ --- id: in_the_news -# Add logos in src/assets/images/ partners: - - path: /test - logo: https://tailwindui.com/img/logos/v1/transistor-logo.svg + - path: https://www.forbes.com/sites/johnkoetsier/2020/06/20/largest-distributed-peer-to-peer-grid-on-the-planet-laying-foundation-for-a-decentralized-internet/?fbclid=IwAR1WKCpqLcWPRWg5bPD6RCQE5JJjRPt6ey5vbEnu3db2FvJnp6-YKeVZNW8#79aa340e6798' + logo: ./logos/forbers.png - - path: /test - logo: https://tailwindui.com/img/logos/v1/mirage-logo.svg + - path: https://cointelegraph.com/news/peer-to-peer-internet-has-lofty-goal-to-bring-true-decentralization + logo: ./logos/thecointel.png - - path: /test - logo: https://tailwindui.com/img/logos/v1/tuple-logo.svg + - path: https://hackernoon.com/is-it-possible-to-create-a-decentralized-internet-this-startup-and-its-farmers-think-so-ey2e3ycf + logo: ./logos/hackernoon.png - - path: /test - logo: https://tailwindui.com/img/logos/v1/laravel-logo.svg + - path: https://cryptodaily.co.uk/2019/11/data-centers-are-under-pressure-to-meet-internet-demand + logo: ./logos/cryptodaily.png - - path: /test - logo: https://tailwindui.com/img/logos/v1/statickit-logo.svg + - path: https://gritdaily.com/belarus-governments-control-internet/ + logo: ./logos/grit_daily.png - - path: /test - logo: https://tailwindui.com/img/logos/v1/statamic-logo.svg + - path: https://btcmanager.com/digibyte-dgb-threefold-decentralize-global-internet-architecture/?q=/digibyte-dgb-threefold-decentralize-global-internet-architecture/&q=/digibyte-dgb-threefold-decentralize-global-internet-architecture/ + logo: ./logos/btc.png --- -Some text can go here +In the News diff --git a/content/page/home/InTheNews/logos/btc.png b/content/page/home/InTheNews/logos/btc.png new file mode 100644 index 000000000..7b97ffa39 Binary files /dev/null and b/content/page/home/InTheNews/logos/btc.png differ diff --git a/content/page/home/InTheNews/logos/cryptodaily.png b/content/page/home/InTheNews/logos/cryptodaily.png new file mode 100644 index 000000000..208bff174 Binary files /dev/null and b/content/page/home/InTheNews/logos/cryptodaily.png differ diff --git a/content/page/home/InTheNews/logos/forbers.png b/content/page/home/InTheNews/logos/forbers.png new file mode 100644 index 000000000..7a72ec7e6 Binary files /dev/null and b/content/page/home/InTheNews/logos/forbers.png differ diff --git a/content/page/home/InTheNews/logos/grit_daily.png b/content/page/home/InTheNews/logos/grit_daily.png new file mode 100644 index 000000000..f4a6339e0 Binary files /dev/null and b/content/page/home/InTheNews/logos/grit_daily.png differ diff --git a/content/page/home/InTheNews/logos/hackernoon.png b/content/page/home/InTheNews/logos/hackernoon.png new file mode 100644 index 000000000..e80c70341 Binary files /dev/null and b/content/page/home/InTheNews/logos/hackernoon.png differ diff --git a/content/page/home/InTheNews/logos/thecointel.png b/content/page/home/InTheNews/logos/thecointel.png new file mode 100644 index 000000000..c7bee6a64 Binary files /dev/null and b/content/page/home/InTheNews/logos/thecointel.png differ diff --git a/content/page/home/InTheNews/thecointel.png b/content/page/home/InTheNews/thecointel.png new file mode 100644 index 000000000..c7bee6a64 Binary files /dev/null and b/content/page/home/InTheNews/thecointel.png differ diff --git a/content/page/home/comparison/section1/privacy.png b/content/page/home/comparison/section1/privacy.png index dd0db50ad..abbacdc35 100644 Binary files a/content/page/home/comparison/section1/privacy.png and b/content/page/home/comparison/section1/privacy.png differ diff --git a/content/page/home/home.md b/content/page/home/home.md index 5be3dd7de..73f4e54c9 100644 --- a/content/page/home/home.md +++ b/content/page/home/home.md @@ -14,6 +14,7 @@ link: https://farming.threefold.io/token #link for button comparisonMain: comparison comparisonSecs: [section1, section2, section3] brandPanel: brand_panel +inTheNews: in_the_news solution_image2: ./cta_image.png cta: home_cta --- diff --git a/content/page/home/home_header.png b/content/page/home/home_header.png index 04c0008ff..4cfe66fd7 100644 Binary files a/content/page/home/home_header.png and b/content/page/home/home_header.png differ diff --git a/content/page/home/home_header_old.png b/content/page/home/home_header_old.png new file mode 100644 index 000000000..04c0008ff Binary files /dev/null and b/content/page/home/home_header_old.png differ diff --git a/content/page/home/token.png b/content/page/home/token.png index 8befd2cdb..9f7cafc66 100644 Binary files a/content/page/home/token.png and b/content/page/home/token.png differ diff --git a/content/page/home/token_old.png b/content/page/home/token_old.png new file mode 100644 index 000000000..8befd2cdb Binary files /dev/null and b/content/page/home/token_old.png differ diff --git a/src/assets/images/apple.png b/src/assets/images/apple.png new file mode 100644 index 000000000..b05b4afd5 Binary files /dev/null and b/src/assets/images/apple.png differ diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss index 63349d872..c395f1c48 100644 --- a/src/assets/scss/main.scss +++ b/src/assets/scss/main.scss @@ -1,278 +1,279 @@ @tailwind base; blockquote { - @apply border-l; - @apply border-l-4; - @apply border-l-blue-500; - @apply pl-4; - @apply italic; - @apply my-8; - p { - padding: 0 !important; - } + @apply border-l; + @apply border-l-4; + @apply border-l-blue-500; + @apply pl-4; + @apply italic; + @apply my-8; + p { + padding: 0 !important; + } } -body h2{ - font-family: 'Roboto', sans-serif; +body h2 { + font-family: 'Roboto', sans-serif; } -body p{ - font-family: 'Roboto', sans-serif; +body p { + font-family: 'Roboto', sans-serif; } .act-link { - @apply bg-gray-300; + @apply bg-gray-300; } pre { - @apply border-l; - @apply border-l-2; - @apply border-l-gray-500; - @apply pl-4; - @apply mt-4; - @apply text-base; - @apply break-words; - @apply overflow-x-auto; + @apply border-l; + @apply border-l-2; + @apply border-l-gray-500; + @apply pl-4; + @apply mt-4; + @apply text-base; + @apply break-words; + @apply overflow-x-auto; } ol { - @apply list-decimal; - @apply ml-5; + @apply list-decimal; + @apply ml-5; } ul { - @apply list-disc; - @apply ml-5; + @apply list-disc; + @apply ml-5; } -:not(pre) > code { - @apply text-red-600; - @apply text-base; +:not(pre)>code { + @apply text-red-600; + @apply text-base; } @tailwind components; @tailwind utilities; @responsive { - .pxi-0 { - @apply px-0 #{!important}; - } - .pyi-0 { - @apply py-0 #{!important}; - } - .pi-0 { - @apply p-0 #{!important}; - } + .pxi-0 { + @apply px-0 #{!important}; + } + .pyi-0 { + @apply py-0 #{!important}; + } + .pi-0 { + @apply p-0 #{!important}; + } } .animated-link:after { - content: ""; - width: 0px; - height: 1px; - display: block; - transition: 300ms; - @apply bg-gray-500; + content: ""; + width: 0px; + height: 1px; + display: block; + transition: 300ms; + @apply bg-gray-500; } .footerlink { - margin-left: 0rem !important; + margin-left: 0rem !important; } // .animated-link:hover:after { // width: 100%; // } .height-30px { - height: 30px; + height: 30px; } .brandpanel { - background-color: #1072ba; + background-color: #C2AEEC; } .no-border { - border-width: 0px !important; + border-width: 0px !important; } .flex-post { - @apply border-b; - @apply border-b-gray-300; - @apply flex-col; - @apply w-full; - .post-card-image { - @apply h-56; + @apply border-b; + @apply border-b-gray-300; + @apply flex-col; @apply w-full; - @apply object-cover; - @apply rounded; - @apply relative; - } - .post-card-title { - @apply leading-none; - @apply text-2xl; - @apply font-medium; - } - .post-card-excerpt { - @apply font-serif; - } + .post-card-image { + @apply h-56; + @apply w-full; + @apply object-cover; + @apply rounded; + @apply relative; + } + .post-card-title { + @apply leading-none; + @apply text-2xl; + @apply font-medium; + } + .post-card-excerpt { + @apply font-serif; + } } .author-list-item:nth-child(n + 2) { - @apply -ml-3; + @apply -ml-3; } button:focus { - outline: none; + outline: none; } -.telegram_icon{ - font-size: 1.2rem; - + +.telegram_icon { + font-size: 1.2rem; } .text-8xl { - font-size: 5rem; - line-height: 1; + font-size: 5rem; + line-height: 1; } + @media (min-width: 768px) { - .with-large > .flex-post:nth-child(5n), - .with-large > .flex-post:nth-child(5n-1) { - // @apply flex-100; - flex: 1 1 50%; - @apply flex-col; - .post-card-image-link { - @apply relative; - min-height: 400px; + .with-large>.flex-post:nth-child(5n), + .with-large>.flex-post:nth-child(5n-1) { + // @apply flex-100; + flex: 1 1 50%; + @apply flex-col; + .post-card-image-link { + @apply relative; + min-height: 400px; + } + .post-card-image { + @apply absolute; + @apply h-full; + @apply w-full; + @apply object-cover; + @apply rounded-lg; + } + .post-card-content { + // @apply flex-post-large-content; + flex: 0 1 auto; + @apply self-center; + } + .post-card-title { + @apply text-4xl; + } + .post-card-excerpt { + @apply text-xl; + } } - .post-card-image { - @apply absolute; - @apply h-full; - @apply w-full; - @apply object-cover; - @apply rounded-lg; + .news>.flex-post:nth-child(5n), + .news>.flex-post:nth-child(5n-1) { + // @apply flex-100; + flex: 1 1 50%; + @apply flex-col; + .post-card-image-link { + @apply relative; + min-height: 300px; + } + .post-card-image { + @apply absolute; + @apply h-full; + @apply w-full; + @apply object-cover; + @apply rounded-lg; + } + .post-card-content { + // @apply flex-post-large-content; + flex: 0 1 auto; + @apply self-center; + } + .post-card-title { + @apply text-4xl; + } + .post-card-excerpt { + @apply text-xl; + } } - .post-card-content { - // @apply flex-post-large-content; - flex: 0 1 auto; - @apply self-center; - } - .post-card-title { - @apply text-4xl; - } - .post-card-excerpt { - @apply text-xl; - } - } - .news > .flex-post:nth-child(5n), - .news > .flex-post:nth-child(5n-1) { - // @apply flex-100; - flex: 1 1 50%; - @apply flex-col; - .post-card-image-link { - @apply relative; - min-height: 300px; - } - .post-card-image { - @apply absolute; - @apply h-full; - @apply w-full; - @apply object-cover; - @apply rounded-lg; - } - .post-card-content { - // @apply flex-post-large-content; - flex: 0 1 auto; - @apply self-center; - } - .post-card-title { - @apply text-4xl; - } - .post-card-excerpt { - @apply text-xl; - } - } - // .news>.flex-post:nth-child(9n+1), - // .news>.flex-post:nth-child(9n+2) { - // // @apply flex-100; - // flex: 1 1 50%; - // @apply flex-col; - // .post-card-image-link { - // @apply relative; - // min-height: 300px; - // } - // .post-card-image { - // @apply absolute; - // @apply h-full; - // @apply w-full; - // @apply object-cover; - // @apply rounded-lg; - // } - // .post-card-content { - // // @apply flex-post-large-content; - // flex: 0 1 auto; - // @apply self-center; - // } - // .post-card-title { - // @apply text-4xl; - // } - // .post-card-excerpt { - // @apply text-xl; - // } - // } - // .news>.flex-post:nth-child(9n+3), - // .news>.flex-post:nth-child(9n+4), - // .news>.flex-post:nth-child(9n+5) { - // // @apply flex-100; - // flex: 1 1 300px; - // @apply flex-col; - // .post-card-image-link { - // @apply relative; - // min-height: 180px; - // } - // .post-card-image { - // @apply absolute; - // @apply h-full; - // @apply w-full; - // @apply object-cover; - // @apply rounded-lg; - // } - // .post-card-content { - // // @apply flex-post-large-content; - // flex: 0 1 auto; - // @apply self-center; - // } - // .post-card-title { - // @apply text-4xl; - // } - // .post-card-excerpt { - // @apply text-xl; - // } - // } - // .news>.flex-post:nth-child(9n+6), - // .news>.flex-post:nth-child(9n+7), - // .news>.flex-post:nth-child(9n+8), - // .news>.flex-post:nth-child(9n+9) { - // // @apply flex-100; - // flex: 1 1 250px; - // @apply flex-col; - // .post-card-image-link { - // @apply relative; - // min-height: 300px; - // } - // .post-card-image { - // @apply absolute; - // @apply h-full; - // @apply w-full; - // @apply object-cover; - // @apply rounded-lg; - // } - // .post-card-content { - // // @apply flex-post-large-content; - // flex: 0 1 auto; - // @apply self-center; - // } - // .post-card-title { - // @apply text-4xl; - // } - // .post-card-excerpt { - // @apply text-xl; - // } - // } + // .news>.flex-post:nth-child(9n+1), + // .news>.flex-post:nth-child(9n+2) { + // // @apply flex-100; + // flex: 1 1 50%; + // @apply flex-col; + // .post-card-image-link { + // @apply relative; + // min-height: 300px; + // } + // .post-card-image { + // @apply absolute; + // @apply h-full; + // @apply w-full; + // @apply object-cover; + // @apply rounded-lg; + // } + // .post-card-content { + // // @apply flex-post-large-content; + // flex: 0 1 auto; + // @apply self-center; + // } + // .post-card-title { + // @apply text-4xl; + // } + // .post-card-excerpt { + // @apply text-xl; + // } + // } + // .news>.flex-post:nth-child(9n+3), + // .news>.flex-post:nth-child(9n+4), + // .news>.flex-post:nth-child(9n+5) { + // // @apply flex-100; + // flex: 1 1 300px; + // @apply flex-col; + // .post-card-image-link { + // @apply relative; + // min-height: 180px; + // } + // .post-card-image { + // @apply absolute; + // @apply h-full; + // @apply w-full; + // @apply object-cover; + // @apply rounded-lg; + // } + // .post-card-content { + // // @apply flex-post-large-content; + // flex: 0 1 auto; + // @apply self-center; + // } + // .post-card-title { + // @apply text-4xl; + // } + // .post-card-excerpt { + // @apply text-xl; + // } + // } + // .news>.flex-post:nth-child(9n+6), + // .news>.flex-post:nth-child(9n+7), + // .news>.flex-post:nth-child(9n+8), + // .news>.flex-post:nth-child(9n+9) { + // // @apply flex-100; + // flex: 1 1 250px; + // @apply flex-col; + // .post-card-image-link { + // @apply relative; + // min-height: 300px; + // } + // .post-card-image { + // @apply absolute; + // @apply h-full; + // @apply w-full; + // @apply object-cover; + // @apply rounded-lg; + // } + // .post-card-content { + // // @apply flex-post-large-content; + // flex: 0 1 auto; + // @apply self-center; + // } + // .post-card-title { + // @apply text-4xl; + // } + // .post-card-excerpt { + // @apply text-xl; + // } + // } } // body[data-theme="dark"] { @@ -307,7 +308,6 @@ button:focus { // background-color: #191b1f; // } // .bg-white, - // .bg-gray-100, // .bg-gray-200 { // background-color: #191b1f; @@ -343,4 +343,4 @@ button:focus { // } // } // } -// } +// } \ No newline at end of file diff --git a/src/components/custom/Navbar/Navbar.vue b/src/components/custom/Navbar/Navbar.vue index 0d4b42e10..37026b1e1 100644 --- a/src/components/custom/Navbar/Navbar.vue +++ b/src/components/custom/Navbar/Navbar.vue @@ -141,7 +141,7 @@ v-else class="block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark:bg-transparent dark:hover:bg-gray-600 dark-:focus:bg-gray-600 dark:focus:text-white dark:hover:text-white dark:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" @click="open = false" - :href="link.path" + :href="$url(link.path)" >{{ link.title }} diff --git a/src/components/custom/TagFilterHeader.vue b/src/components/custom/TagFilterHeader.vue index 5f9ae68d4..f677fa889 100644 --- a/src/components/custom/TagFilterHeader.vue +++ b/src/components/custom/TagFilterHeader.vue @@ -65,7 +65,7 @@ v-for="tag in tags" :key="tag.path" class="cursor-pointer block px-4 py-2 mt-2 text-sm font-semibold bg-transparent rounded-lg dark:bg-transparent dark:hover:bg-gray-600 dark-:focus:bg-gray-600 dark:focus:text-white dark:hover:text-white dark:text-gray-200 md:mt-0 hover:text-gray-900 focus:text-gray-900 hover:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline" - :href="tag.path" + :href="$url(tag.path)" @click.self="open = false" >{{ tag.title }} diff --git a/src/components/marketing/sections/cta-sections/BrandPanel.vue b/src/components/marketing/sections/cta-sections/BrandPanel.vue index 8e8949331..d8160fa53 100644 --- a/src/components/marketing/sections/cta-sections/BrandPanel.vue +++ b/src/components/marketing/sections/cta-sections/BrandPanel.vue @@ -22,7 +22,7 @@ > {{ brand.btnTxt }} diff --git a/src/components/marketing/sections/logo-clouds/off_white_grid.vue b/src/components/marketing/sections/logo-clouds/off_white_grid.vue index 16f61eb9d..666e8320b 100644 --- a/src/components/marketing/sections/logo-clouds/off_white_grid.vue +++ b/src/components/marketing/sections/logo-clouds/off_white_grid.vue @@ -1,11 +1,10 @@