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:
- icon: telegram-plane
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
sm:px-0
transition-all transition-500
"
:class="{
'opacity-100': !disableScroll && scrollPosition > headerHeight,
@@ -26,11 +25,6 @@
class="mr-3 fill-current logo"
alt=""
/>
<!-- <span
class="hidden md:block font-semibold text-xl tracking-tight"
>{{ $static.metadata.siteName }}</span
> -->
</a>
</div>
@@ -77,7 +71,7 @@
</a>
</span>
</li>
<li class="mr-2">
<li class="mr-4">
<a
href="javascript:;"
onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')"
@@ -99,7 +93,19 @@
</svg>
</a>
</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>
</div>
</div>
@@ -108,14 +114,12 @@
class="
bg-white
navbar
ml-auto
xl:order-2
px-2
pt-2
ml-auto
pb-4
lg:flex
lg:p-0
lg:w-100
lg:flex lg:p-0 lg:w-100
xs:bg-transparent
"
>
@@ -136,10 +140,7 @@
items-center
w-full
mr-1
md:w-auto
md:inline
md:mt-0
md:ml-2
md:w-auto md:inline md:mt-0 md:ml-2
animated-link
"
>
@@ -204,8 +205,7 @@
text-sm
bg-transparent
rounded-lg
dark:bg-transparent
dark:hover:bg-gray-600
dark:bg-transparent dark:hover:bg-gray-600
dark-:focus:bg-gray-600
dark:focus:text-white
dark:hover:text-white
@@ -214,9 +214,7 @@
hover:text-gray-900
focus:text-gray-900
hover:bg-gray-200
focus:bg-gray-200
focus:outline-none
focus:shadow-outline
focus:bg-gray-200 focus:outline-none focus:shadow-outline
"
@click="open = false"
:href="link.path"
@@ -232,8 +230,7 @@
text-sm
bg-transparent
rounded-lg
dark:bg-transparent
dark:hover:bg-gray-600
dark:bg-transparent dark:hover:bg-gray-600
dark-:focus:bg-gray-600
dark:focus:text-white
dark:hover:text-white
@@ -242,9 +239,7 @@
hover:text-gray-900
focus:text-gray-900
hover:bg-gray-200
focus:bg-gray-200
focus:outline-none
focus:shadow-outline
focus:bg-gray-200 focus:outline-none focus:shadow-outline
"
@click="open = false"
:href="link.path"
@@ -286,27 +281,17 @@
/>
</div> -->
</nav>
<div class="hidden ml-0 md:inline-block md:order-last">
<!-- <div class="inline-flex rounded-full border-2 border-gray-200 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-white"
type="text"
placeholder="Search..."
v-model="search"
@keyup.enter="result"
/>
</div> -->
<ul class="list-none inline-flex">
<div class="hidden md:inline-block md:order-last">
<div class="inline-flex">
<ul class="list-none inline-flex mt-4 mr-4 mx-auto">
<!-- <li class="mr-0 sm:mr-2">
<ThemeSwitcher v-on="$listeners" :theme="theme" />
</li> -->
<li
<!-- <li
:key="element.name"
v-for="(element, index) in navigation.social"
class="mr-1 sm:block"
class="mr-8 mb-2 sm:block"
v-bind:class="{
'mr-2': index != Object.keys(navigation.social).length - 1,
}"
@@ -316,8 +301,28 @@
<font-awesome :icon="['fab', element.icon]" />
</a>
</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 class="ml-4 mt-1">
<li class="ml-4">
<a
href="javascript:;"
onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')"
@@ -340,6 +345,16 @@
</a>
</li>
</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>
</header>
</div>
@@ -449,6 +464,10 @@ a.active--exact.active {
.logo {
max-width: 80px;
}
.logo2 {
max-width: 90px;
}
@media (max-width: 768px) {
.navbar {
width: 100%;