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

update widget

Browse Source
This commit is contained in:
Ehab Hassan
2021-11-18 13:36:13 +02:00
parent 567916d27f
commit 06f71e1804
5 changed files with 85 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
content/navigation/navigation.md
View File

@@ -82,6 +82,9 @@ navLinks:
social: social:
- icon: telegram-plane - icon: telegram-plane
link: "https://t.me/threefoldnews" link: "https://t.me/threefoldnews"
--- ---

BIN
src/assets/images/gettft_colored.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
src/assets/images/gettft_semicolor.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
src/assets/images/gettft_white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

103
src/components/custom/Navbar/Navbar.vue
View File

@@ -11,7 +11,6 @@
py-2 py-2
sm:px-0 sm:px-0
transition-all transition-500 transition-all transition-500
" "
:class="{ :class="{
'opacity-100': !disableScroll && scrollPosition > headerHeight, 'opacity-100': !disableScroll && scrollPosition > headerHeight,
@@ -26,11 +25,6 @@
class="mr-3 fill-current logo" class="mr-3 fill-current logo"
alt="" alt=""
/> />
<!-- <span
class="hidden md:block font-semibold text-xl tracking-tight"
>{{ $static.metadata.siteName }}</span
> -->
</a> </a>
</div> </div>
@@ -77,7 +71,7 @@
</a> </a>
</span> </span>
</li> </li>
<li class="mr-2"> <li class="mr-4">
<a <a
href="javascript:;" href="javascript:;"
onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')" onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')"
@@ -99,7 +93,19 @@
</svg> </svg>
</a> </a>
</li> </li>
<li>
<a href="https://gettft.com/gettft/" target="_blank">
<g-image
:src="require(`!!assets-loader!@images/gettft_white.png`)"
class="mr-5 logo2"
alt=""
/>
</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -108,14 +114,12 @@
class=" class="
bg-white bg-white
navbar navbar
ml-auto
xl:order-2 xl:order-2
px-2 px-2
pt-2 pt-2
ml-auto
pb-4 pb-4
lg:flex lg:flex lg:p-0 lg:w-100
lg:p-0
lg:w-100
xs:bg-transparent xs:bg-transparent
" "
> >
@@ -136,10 +140,7 @@
items-center items-center
w-full w-full
mr-1 mr-1
md:w-auto md:w-auto md:inline md:mt-0 md:ml-2
md:inline
md:mt-0
md:ml-2
animated-link animated-link
" "
> >
@@ -204,8 +205,7 @@
text-sm text-sm
bg-transparent bg-transparent
rounded-lg rounded-lg
dark:bg-transparent dark:bg-transparent dark:hover:bg-gray-600
dark:hover:bg-gray-600
dark-:focus:bg-gray-600 dark-:focus:bg-gray-600
dark:focus:text-white dark:focus:text-white
dark:hover:text-white dark:hover:text-white
@@ -214,9 +214,7 @@
hover:text-gray-900 hover:text-gray-900
focus:text-gray-900 focus:text-gray-900
hover:bg-gray-200 hover:bg-gray-200
focus:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline
focus:outline-none
focus:shadow-outline
" "
@click="open = false" @click="open = false"
:href="link.path" :href="link.path"
@@ -232,8 +230,7 @@
text-sm text-sm
bg-transparent bg-transparent
rounded-lg rounded-lg
dark:bg-transparent dark:bg-transparent dark:hover:bg-gray-600
dark:hover:bg-gray-600
dark-:focus:bg-gray-600 dark-:focus:bg-gray-600
dark:focus:text-white dark:focus:text-white
dark:hover:text-white dark:hover:text-white
@@ -242,9 +239,7 @@
hover:text-gray-900 hover:text-gray-900
focus:text-gray-900 focus:text-gray-900
hover:bg-gray-200 hover:bg-gray-200
focus:bg-gray-200 focus:bg-gray-200 focus:outline-none focus:shadow-outline
focus:outline-none
focus:shadow-outline
" "
@click="open = false" @click="open = false"
:href="link.path" :href="link.path"
@@ -286,27 +281,17 @@
/> />
</div> --> </div> -->
</nav> </nav>
<div class="hidden ml-0 md:inline-block md:order-last"> <div class="hidden md:inline-block md:order-last">
<!-- <div class="inline-flex rounded-full border-2 border-gray-200 w-1/2"> <div class="inline-flex">
<span class="w-auto flex justify-end items-center p-2"> <ul class="list-none inline-flex mt-4 mr-4 mx-auto">
<font-awesome :icon="['fas', 'search']" />
</span>
<input
class="w-full rounded mr-4 bg-white"
type="text"
placeholder="Search..."
v-model="search"
@keyup.enter="result"
/>
</div> -->
<ul class="list-none inline-flex">
<!-- <li class="mr-0 sm:mr-2"> <!-- <li class="mr-0 sm:mr-2">
<ThemeSwitcher v-on="$listeners" :theme="theme" /> <ThemeSwitcher v-on="$listeners" :theme="theme" />
</li> --> </li> -->
<li
<!-- <li
:key="element.name" :key="element.name"
v-for="(element, index) in navigation.social" v-for="(element, index) in navigation.social"
class="mr-1 sm:block" class="mr-8 mb-2 sm:block"
v-bind:class="{ v-bind:class="{
'mr-2': index != Object.keys(navigation.social).length - 1, 'mr-2': index != Object.keys(navigation.social).length - 1,
}" }"
@@ -316,8 +301,28 @@
<font-awesome :icon="['fab', element.icon]" /> <font-awesome :icon="['fab', element.icon]" />
</a> </a>
</span> </span>
</li> -->
<li class="ml-4">
<a
href="https://t.me/threefoldnews" target="_blank"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="18"
height="18"
fill="currentColor"
class="bi bi-telegram"
viewBox="0 0 16 16"
>
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"
/>
</svg>
</a>
</li> </li>
<li class="ml-4 mt-1">
<li class="ml-4">
<a <a
href="javascript:;" href="javascript:;"
onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')" onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')"
@@ -340,6 +345,16 @@
</a> </a>
</li> </li>
</ul> </ul>
<div class="rounded-full border-2 border-gray-400">
<a href="https://gettft.com/gettft/" target="_blank">
<g-image
:src="require(`!!assets-loader!@images/gettft_white.png`)"
class="mr-5"
alt=""
/>
</a>
</div>
</div>
</div> </div>
</header> </header>
</div> </div>
@@ -449,6 +464,10 @@ a.active--exact.active {
.logo { .logo {
max-width: 80px; max-width: 80px;
} }
.logo2 {
max-width: 90px;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.navbar { .navbar {
width: 100%; width: 100%;