ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'development' of github.com:threefoldtech/www_partners_v2 into development

Browse Source
This commit is contained in:
samaradel
2020-11-29 16:12:50 +02:00
parent 96ce74ee6f 906860382b
commit bc5c54fc8c
7 changed files with 66 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/scss/main.scss
View File

@@ -148,6 +148,12 @@ body[data-theme="dark"] {
.post-content-text {
@apply text-gray-300;
}
.inset-0 , input[type="text"]{
background-color: #191b1f;
}
.bg-white{
background-color: #191b1f;
}
.post-card-excerpt {
@apply text-gray-500;
}

2
src/layouts/partials/Footer.vue
View File

@@ -1,5 +1,5 @@
<template>
<nav class="relative bg-black py-4 text-sm text-gray-500">
<nav class="relative py-4 text-sm">
<div
class="container mx-auto flex flex-wrap justify-between h-12 items-center"
>

30
src/layouts/partials/Navbar.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="fixed inset-0 h-16 bg-black">
<div class="fixed inset-0 h-16 bg-white">
<header
class="flex items-center justify-between flex-wrap container mx-auto px-4 sm:px-0 py-4 transition-all transition-500"
v-bind:class="{
@@ -8,11 +8,11 @@
}"
>
<div class="flex items-center justify-between px-4 py-3 sm:p-0">
<div class="inline-flex items-center flex-shrink-0 text-white mr-6">
<div class="inline-flex items-center flex-shrink-0 mr-6">
<a href="/" class="flex">
<img
src="../../../static/img/TFN_white.svg"
class="mr-3"
src="../../../static/img/TFN_black.svg"
class="mr-3 fill-current"
width="180"
alt=""
/>
@@ -73,15 +73,15 @@
<nav
:class="isOpen ? 'block' : 'hidden'"
class="md:order-2 px-2 pt-2 pb-4 sm:flex sm:p-0 bg-black"
class="md:order-2 px-2 pt-2 pb-4 sm:flex sm:p-0 bg-white"
>
<ul
class="list-none sm:flex justify-left text-gray-300 uppercase transition-all transition-500"
class="list-none sm:flex justify-left uppercase transition-all transition-500"
>
<li
:key="element.name"
v-for="(element, index) in $static.metadata.navigation"
class="hover:text-white py-1"
class="py-1"
v-bind:class="{
'mr-4':
index != Object.keys($static.metadata.navigation).length - 1,
@@ -116,13 +116,13 @@
</li> -->
</ul>
<div
class="md:hidden inline-flex rounded-full border-grey-light border w-1/2"
class="md:hidden inline-flex rounded-full border w-1/2"
>
<span class="w-auto flex justify-end items-center text-grey p-2">
<span class="w-auto flex justify-end items-center p-2">
<font-awesome :icon="['fas', 'search']" />
</span>
<input
class="w-full rounded mr-4 bg-black"
class="w-full rounded mr-4 bg-white"
type="text"
placeholder="Search..."
v-model="search"
@@ -131,14 +131,14 @@
</div>
</nav>
<div
class="hidden text-gray-400 md:ml-auto md:inline-block md:order-last"
class="hidden md:ml-auto md:inline-block md:order-last"
>
<div class="inline-flex rounded-full border-grey-light border w-1/2">
<span class="w-auto flex justify-end items-center text-grey p-2">
<div class="inline-flex rounded-full border w-1/2">
<span class="w-auto flex justify-end items-center p-2">
<font-awesome :icon="['fas', 'search']" />
</span>
<input
class="w-full rounded mr-4 bg-black"
class="w-full rounded mr-4 bg-white"
type="text"
placeholder="Search..."
v-model="search"
@@ -152,7 +152,7 @@
<li
:key="element.name"
v-for="(element, index) in $static.metadata.social"
class="hover:text-white sm:block"
class="sm:block"
v-bind:class="{
'mr-6': index != Object.keys($static.metadata.social).length - 1,
}"

4
src/pages/About.vue
View File

@@ -10,9 +10,9 @@
v-for="(header, index) in headers"
:key="index"
:href="`#${index}`"
class="mt-1 capitalize group flex items-center px-3 py-2 text-sm leading-5 font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50 transition ease-in-out duration-150"
class="mt-1 capitalize group flex items-center px-3 py-2 text-sm leading-5 font-medium hover:text-gray-900 hover:bg-gray-400 focus:outline-none transition ease-in-out duration-150"
:class="{
'text-gray-900 border-r-3 border-blue-500 hover:bg-gray-100':
'border-r-3 border-blue-500 hover:bg-gray-100':
activeIndex === index,
}"
@click="setActive(index)"

6
src/pages/Index.vue
View File

@@ -39,7 +39,7 @@
</div>
<div class="md:ml-auto md:w-2/3 md:pl-10 px-20 text-left">
<h2 class="text-4xl font-semibold font-tf-secondary uppercase">Projects</h2>
<p class="mt-6 mb-8 text-gray-600 leading-relaxed">Organisations that take action now to shape a conscious digital world.</p>
<p class="mt-6 mb-8 leading-relaxed">Organisations that take action now to shape a conscious digital world.</p>
<div class="flex ml-52 duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-105">
<a href="/projects">
<svg class="inline-block fill-current text-green-600 h-5 w-5 mt-3 " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 430.04 315.72"><title>Arrows</title><path class="cls-1" d="M46.17,96.56l84.05,0a18.74,18.74,0,0,1,19.7,9.16L274.84,244.54a14.64,14.64,0,0,1,3.74,11,14.24,14.24,0,0,1-3.74,8.19L149.26,402.36a17.41,17.41,0,0,1-19.78,9.14l-83.7.5c-.48-.14-8.05-2.47-10.24-10.14a15.37,15.37,0,0,1,2.22-12.61L159,254.1,36.28,116.58c-.28-.65-3-7.18.79-13.43A14.9,14.9,0,0,1,46.17,96.56Z" transform="translate(-35 -96.28)"/><path class="cls-1" d="M232.57,96.56l84.05,0a18.74,18.74,0,0,1,19.7,9.16L461.24,244.54a14.69,14.69,0,0,1,3.73,11,14.25,14.25,0,0,1-3.73,8.19L335.65,402.36a17.39,17.39,0,0,1-19.77,9.14l-83.71.5c-.47-.14-8-2.47-10.23-10.14a15.37,15.37,0,0,1,2.22-12.61L345.39,254.1,222.68,116.58c-.28-.65-3-7.18.79-13.43A14.9,14.9,0,0,1,232.57,96.56Z" transform="translate(-35 -96.28)"/></svg>
@@ -57,7 +57,7 @@
</div>
<div class="md:ml-auto md:w-2/3 md:pl-10 px-20 text-left">
<h2 class="text-4xl font-semibold font-tf-secondary uppercase">People</h2>
<p class="mt-6 mb-8 text-gray-600 leading-relaxed">Independent of location, race, gender, religion we leave no one behind.</p>
<p class="mt-6 mb-8 leading-relaxed">Independent of location, race, gender, religion we leave no one behind.</p>
<div class="flex ml-52 duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-105">
<a href="/people">
<svg class="inline-block fill-current text-green-600 h-5 w-5 mt-3 " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 430.04 315.72"><title>Arrows</title><path class="cls-1" d="M46.17,96.56l84.05,0a18.74,18.74,0,0,1,19.7,9.16L274.84,244.54a14.64,14.64,0,0,1,3.74,11,14.24,14.24,0,0,1-3.74,8.19L149.26,402.36a17.41,17.41,0,0,1-19.78,9.14l-83.7.5c-.48-.14-8.05-2.47-10.24-10.14a15.37,15.37,0,0,1,2.22-12.61L159,254.1,36.28,116.58c-.28-.65-3-7.18.79-13.43A14.9,14.9,0,0,1,46.17,96.56Z" transform="translate(-35 -96.28)"/><path class="cls-1" d="M232.57,96.56l84.05,0a18.74,18.74,0,0,1,19.7,9.16L461.24,244.54a14.69,14.69,0,0,1,3.73,11,14.25,14.25,0,0,1-3.73,8.19L335.65,402.36a17.39,17.39,0,0,1-19.77,9.14l-83.71.5c-.47-.14-8-2.47-10.23-10.14a15.37,15.37,0,0,1,2.22-12.61L345.39,254.1,222.68,116.58c-.28-.65-3-7.18.79-13.43A14.9,14.9,0,0,1,232.57,96.56Z" transform="translate(-35 -96.28)"/></svg>
@@ -75,7 +75,7 @@
</div>
<div class="md:ml-auto md:w-2/3 md:pl-10 px-20 text-left">
<h2 class="text-4xl font-semibold font-tf-secondary uppercase">Blog</h2>
<p class="mt-6 mb-8 text-gray-600 leading-relaxed">We collaborate to improve our solutions, efficiency, reach, visibility and service.</p>
<p class="mt-6 mb-8 leading-relaxed">We collaborate to improve our solutions, efficiency, reach, visibility and service.</p>
<div class="flex ml-52 duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-105">
<a href="/blog">
<svg class="inline-block fill-current text-green-600 h-5 w-5 mt-3 " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 430.04 315.72"><title>Arrows</title><path class="cls-1" d="M46.17,96.56l84.05,0a18.74,18.74,0,0,1,19.7,9.16L274.84,244.54a14.64,14.64,0,0,1,3.74,11,14.24,14.24,0,0,1-3.74,8.19L149.26,402.36a17.41,17.41,0,0,1-19.78,9.14l-83.7.5c-.48-.14-8.05-2.47-10.24-10.14a15.37,15.37,0,0,1,2.22-12.61L159,254.1,36.28,116.58c-.28-.65-3-7.18.79-13.43A14.9,14.9,0,0,1,46.17,96.56Z" transform="translate(-35 -96.28)"/><path class="cls-1" d="M232.57,96.56l84.05,0a18.74,18.74,0,0,1,19.7,9.16L461.24,244.54a14.69,14.69,0,0,1,3.73,11,14.25,14.25,0,0,1-3.73,8.19L335.65,402.36a17.39,17.39,0,0,1-19.77,9.14l-83.71.5c-.47-.14-8-2.47-10.23-10.14a15.37,15.37,0,0,1,2.22-12.61L345.39,254.1,222.68,116.58c-.28-.65-3-7.18.79-13.43A14.9,14.9,0,0,1,232.57,96.56Z" transform="translate(-35 -96.28)"/></svg>