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

Fix logo in DM

Browse Source
This commit is contained in:
samaradel
2020-11-29 16:29:55 +02:00
parent bc5c54fc8c
commit aadbf5dc53
2 changed files with 47 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,6 +14,15 @@
src="../../../static/img/TFN_black.svg" src="../../../static/img/TFN_black.svg"
class="mr-3 fill-current" class="mr-3 fill-current"
width="180" width="180"
v-if="theme == 'light'"
alt=""
/>
<img
src="../../../static/img/TFN_white.svg"
class="mr-3 fill-current"
width="180"
v-else
alt="" alt=""
/> />
<!-- <span <!-- <span
@@ -115,9 +124,7 @@
</div> </div>
</li> --> </li> -->
</ul> </ul>
<div <div class="md:hidden inline-flex rounded-full border w-1/2">
class="md:hidden inline-flex rounded-full border w-1/2"
>
<span class="w-auto flex justify-end items-center p-2"> <span class="w-auto flex justify-end items-center p-2">
<font-awesome :icon="['fas', 'search']" /> <font-awesome :icon="['fas', 'search']" />
</span> </span>
@@ -130,9 +137,7 @@
/> />
</div> </div>
</nav> </nav>
<div <div class="hidden 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 w-1/2"> <div class="inline-flex rounded-full border w-1/2">
<span class="w-auto flex justify-end items-center p-2"> <span class="w-auto flex justify-end items-center p-2">
<font-awesome :icon="['fas', 'search']" /> <font-awesome :icon="['fas', 'search']" />

59
src/pages/About.vue
View File

@@ -1,8 +1,11 @@
<template> <template>
<Layout :hiddenHeader="true" :disableScroll="true"> <Layout :hiddenHeader="true" :disableScroll="true">
<div class="container sm:pxi-0 mx-auto overflow-x-hidden"> <div
class="container sm:pxi-0 mx-auto overflow-x-hidden"
:style="{ 'min-height': contentHeight + 'px' }"
>
<div class="max-w-xl mx-auto py-10"> <div class="max-w-xl mx-auto py-10">
<!-- <img class="" src="/img/valuesheader2.png" alt="" /> --> <!-- <img class="" src="/img/valuesheader2.png" alt="" /> -->
</div> </div>
<div class="my-4"> <div class="my-4">
<nav class="inline-block w-1/4 border-r-2 border-gray-200"> <nav class="inline-block w-1/4 border-r-2 border-gray-200">
@@ -10,7 +13,7 @@
v-for="(header, index) in headers" v-for="(header, index) in headers"
:key="index" :key="index"
:href="`#${index}`" :href="`#${index}`"
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="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="{ :class="{
'border-r-3 border-blue-500 hover:bg-gray-100': 'border-r-3 border-blue-500 hover:bg-gray-100':
activeIndex === index, activeIndex === index,
@@ -25,11 +28,12 @@
class="content inline-block h-full w-3/4 align-top p-5 transition ease-in-out duration-150" class="content inline-block h-full w-3/4 align-top p-5 transition ease-in-out duration-150"
> >
<div :class="{ block: activeIndex == 0, hidden: activeIndex != 0 }"> <div :class="{ block: activeIndex == 0, hidden: activeIndex != 0 }">
<img class="" src="/img/valuesheader2.png" alt="" /> <img class="" src="/img/valuesheader2.png" alt="" />
<p> <p>
We are sparking a movement to bring the world We are sparking a movement to bring the world a truly peer-to-peer
a truly peer-to-peer internet. <br /> We acknowledge and support the many internet. <br />
people and organizations around the world <br /> We acknowledge and support the many people and organizations
around the world <br />
who bring crucial support to the growth and adoption of the who bring crucial support to the growth and adoption of the
ThreeFold Grid. ThreeFold Grid.
</p> </p>
@@ -54,20 +58,20 @@
<div :class="{ block: activeIndex == 2, hidden: activeIndex != 2 }"> <div :class="{ block: activeIndex == 2, hidden: activeIndex != 2 }">
<p> <p>
<b>EQUALITY</b> is the foundation for a fair world where everyone is <b>EQUALITY</b> is the foundation for a fair world where everyone
given the opportunity to be empowered and to achieve their full is given the opportunity to be empowered and to achieve their full
potential. potential.
</p> </p>
<br /> <br />
<p> <p>
<b>AUTONOMY</b>. Being empowered to learn, partake, dream and succeed is <b>AUTONOMY</b>. Being empowered to learn, partake, dream and
fundamental to achieve peace and fulfillment of humankind's succeed is fundamental to achieve peace and fulfillment of
potential humankind's potential
</p> </p>
<br /> <br />
<p> <p>
<b>SUSTAINABILITY</b> ensures the future of life on earth. It is about <b>SUSTAINABILITY</b> ensures the future of life on earth. It is
adopting the behavior and mindset to minimize our footprint. about adopting the behavior and mindset to minimize our footprint.
</p> </p>
</div> </div>
@@ -142,16 +146,16 @@
</p> </p>
</div> </div>
</div> </div>
<br /> <br />
<br /> <br />
<br /> <br />
<br /> <br />
<br /> <br />
<br /> <br />
<br /> <br />
<br /> <br />
<br /> <br />
<br /> <br />
</div> </div>
<vue-markdown> </vue-markdown> <vue-markdown> </vue-markdown>
@@ -183,6 +187,13 @@ export default {
this.activeIndex = index; this.activeIndex = index;
}, },
}, },
computed: {
contentHeight() {
if (process.isClient) {
return window.innerHeight - 130;
}
},
},
components: { components: {
VueMarkdown, VueMarkdown,
}, },