From 4acc1b4417d421dc79450b4b55ca318c521b2af5 Mon Sep 17 00:00:00 2001 From: timurgordon Date: Fri, 4 Mar 2022 00:02:48 +0300 Subject: [PATCH] progress in prettifying header --- .DS_Store | Bin 6148 -> 8196 bytes content/.DS_Store | Bin 6148 -> 6148 bytes content/blog/.DS_Store | Bin 0 -> 6148 bytes content/header/_index copy.md | 84 +++++++++++++++++++++++++++++++++ content/header/_index.md | 13 ++--- css/index.css | 15 +++++- css/layout.css | 4 ++ static/.DS_Store | Bin 6148 -> 6148 bytes templates/.DS_Store | Bin 6148 -> 8196 bytes templates/partials/header.html | 14 +++--- templates/shortcodes/menu.html | 45 ++++++++++++++++++ 11 files changed, 159 insertions(+), 16 deletions(-) create mode 100644 content/blog/.DS_Store create mode 100644 content/header/_index copy.md create mode 100644 templates/shortcodes/menu.html diff --git a/.DS_Store b/.DS_Store index 0f6655cad0a538276947610ab36458c6ab9019bb..d88c2f2a5c9b4834cc25fe1b1f946b5396b7713e 100644 GIT binary patch literal 8196 zcmeHM&ubGw6n@jhX46_sL9xe$QoPjKUlhbkjPc|}Tv5T6xSI{l>SlN8CJk5uIji6w z;6)HTNKc*=Ptt>bK%ojA6g}uapdR(jk0dkQZ1E&QW?<$`=6y5od*9CPcD4XON-cK@ zUmKr5gX_+J#jcQ!3X z%6p%Cb*mN73XG%z^!Z?7rM4(+ms|Gez=j#i2dyb=QP?iG=)pqxRJ435 z5l0Ndr{lOOa7AIe-16x_#NmU8$V8k_2#b#En+y)5$gOU*0$PEj0`%;jg$39I51PvP z{mb-o+1CimWycR495Xt1qet%dy^E^fJ<=c52j2$B3HFH~hjF(dhAM>MLQRPdnFqM~ zA%x5!A`{lTZ;V3%HDHpClKF^dR*o?Vpb0g=){U#a6NWzWKq8c6-=$EUe72B8$W-6_ zIQUfhDyS;!G{OPZbd*AMsz~`{kWUP;!UJZhWWpoI-<>->KK+r!?|TPvlU^krT&3}j zWA5xCK?NGD*8(49ihCl_$8su2rkSh1pF0XG6W_mb>&24~jCktWvV?zwmyGE&cF#0WN1xHejp4N8NIWlIIg#(h&Bet7GM336 z8_yXzW762L>S5bz+Rav6vbS#2U)S+&b9#N-x#88?mBPtOVbHX_pti*(cy0|L>o>i? z4cn!#6}T~*YjKB>H}aLj%+Aj8+Ty&qva-~fH+Rl2V}EsRwbRKPr)JMxxK_F6H-eDf zE?9{8lLDsr?|%CbdqXno?GTC^;#MvLnYce3C0~sFUyom&<-29bdh#VX8mU~EjG4l3 z+u92JFxW(QFL8?0W#kmd@Qi2Z`TuhI_y3X8MJKEk7$pTrwrrJ4m~qBb5S@jK60xAPBBzOV#!wrRlbpYRhEfp)4R}PMu)Em$SNs>oA7SXU(87e? z$~UvC+;U)P44FxG-`#xNynD&*-V%|ikJ>e&3K5ks7=txTbByCWa#nC2E;js(UZ>VL zP5OgeraDvsRp37=ARj)ps7DEPyzjT%dF;g+EU|=7{->vAG*BAVQSHqlabDNj_YjP3B^cv_(Mr26Is+*6;K6y1&a2z z!u$Wx;`6^>q<5--DzH=vm>_P%b-a?>TXQeRdu@nujKRivsYNNlAjHF;Uopk%57Ml_8NKi6Nh%l%XW0I5{UNKR*W~%)kU9fB?h+VgUvu t`OShHVk{dA`j|JfbMSKj4Fd{%XP(S2qR7ZN*;GV%vOf>U<`|I`%mA%^7Q6re diff --git a/content/blog/.DS_Store b/content/blog/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..144419a222e1d80a255babe66d5c32457bbb6b4b GIT binary patch literal 6148 zcmeHKy-ve05I(mNNgkXTvh z&MWZU*=^${bVLa5B>QvjeEyuTimxUj(;oF2M0Fwx(HMhebS1`dZUw724<{R5qkq}x zoTYJm~baDj%25^gEEHwofu>%-8%q+qKGd2}yQ;oY~ z7@H1%;L}u_kTZ0pHu-= z;7=)Ff~1qQ@k*|?7G92PZG?7$#>Vq9i;{xQm17xjDc(R6LoDI}Fm{+(ga@X71Vjey JRDmB=;0s0wdp7_8 literal 0 HcmV?d00001 diff --git a/content/header/_index copy.md b/content/header/_index copy.md new file mode 100644 index 0000000..5ca3679 --- /dev/null +++ b/content/header/_index copy.md @@ -0,0 +1,84 @@ +--- +title: "Header" +description: "NEAR is on a mission to empower everyone to take back control of their money, their data, and their identity. Join us." +insert_anchor_links: "left" +template: "partials/header.html" +extra: + logoPath: "/images/ourworld_logo2.png" + imgPath: "" +--- + +- Learn + +{% row(style="lean") %} + +### PURPOSE + +
+
+ +#### [The Internot](/apage) + +Whats wrong with the [internet](/apage) + +
+ +#### Our Internet + +Vision for the new internet + +||| + +### ECOSYSTEM + +
+
+ +#### OurWorld DAO + +Be a part of governance + +
+ +#### Communities + +Explore communities in OurWorld + +
+ +#### DAOs + +Decentralized autonomous organizations + +||| + +### APPLICATIONS + +
+
+ +#### DAPPs + +Decentralized applications + +
+ +#### Projects + +Projects in OurWorld + +||| + +### FEATURED + +
+
+ +#### OurWorld is Live + +Be a part of the new internet + +- [Join us]("/join-us") +- [Blog]("/blog") + +{% end %} diff --git a/content/header/_index.md b/content/header/_index.md index 5ca3679..5151495 100644 --- a/content/header/_index.md +++ b/content/header/_index.md @@ -10,26 +10,23 @@ extra: - Learn -{% row(style="lean") %} +{% menu() %} -### PURPOSE +##### PURPOSE -
-
- -#### [The Internot](/apage) +###### [The Internot](/apage) Whats wrong with the [internet](/apage)
-#### Our Internet +###### Our Internet Vision for the new internet ||| -### ECOSYSTEM +##### ECOSYSTEM

diff --git a/css/index.css b/css/index.css index bd53cb2..29e6674 100644 --- a/css/index.css +++ b/css/index.css @@ -4,16 +4,20 @@ @import "tailwindcss/base"; @import "layout.css"; @import "tailwindcss/components"; -@import "ffoxobliq.css"; /*! purgecss end ignore */ @import "tailwindcss/utilities"; @import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); /* Custom CSS for header partial */ .backdrop-blur { -webkit-backdrop-filter: blur(40px); } +* { + font-family: "Work Sans"; +} + .bg-semi-white { background-color: rgba(255, 255, 255, 0.75); } @@ -49,7 +53,10 @@ img[src*="#large"] { @apply text-lg lg:text-xl font-light; } h5 { - @apply text-base lg:text-base font-light leading-8; + @apply text-base not-italic font-light leading-8; + } + h6 { + @apply text-sm lg:text-sm font-normal; } nav p { @apply hidden sm:block md:block lg:block xl:block 2xl:block; @@ -79,3 +86,7 @@ p { a { border: none; } + +header { + font-family: "Work Sans"; +} diff --git a/css/layout.css b/css/layout.css index 81353e1..a61abb2 100644 --- a/css/layout.css +++ b/css/layout.css @@ -159,6 +159,10 @@ h4, @apply text-2xl; } +h5 { + @apply not-italic; +} + h5, .h5, h6, diff --git a/static/.DS_Store b/static/.DS_Store index 5008ddfcf53c02e82d7eee2e57c38e5672ef89f6..df7c91f2b71a6fb7ce01e8d1d2a0b4f3fa852f3d 100644 GIT binary patch delta 349 zcmZoMXfc=|#>B)qF;Q%yo+3Xd0|Nsi1A_pAVQ_MOZo$UHwT$&3F=mEjhGK@|oOFmd zPy`67!+``;CO6;3B`GIA2`Iubl`lE*;PbF>bV_;**WXNSmWJqU7 zt!F4sDNfEw%FoY1lR^(J5MkNO&B4t947`nr-^Q$YX# delta 70 zcmZoMXfc=|#>AjHF;Q%yo+1YW5HK<@2y9kle#WxdfcX^DW_AvK4xj>{$am(+{342+ UKzW7)kiy9(Jj$D6L{=~Z02JO1fB*mh diff --git a/templates/.DS_Store b/templates/.DS_Store index 5446c6f644b8d97e4176225d147a299974fc9982..f9ee9ae3421b2128fe06a2adfa041017c6824b4a 100644 GIT binary patch literal 8196 zcmeHMF>4z!6n<(PFwW2p9a1{vNT7QlL+Nx4E`>Imr%bKSPMnl;WNfEh3cam=AY1-G zAw!n_gHp0}C}c^Y9WrDK`30e$o>W`%$xR?o0(}DMJM`X@K7FUNcrp>G)!p_o(L51V zQ4QXkLlY^+ZfdFAaXpJbg?OSS?NUy|_MnxQyrn}F5Cud5Q9u+B1#W`^II~TuPC56j zRa#L%6!te~3?S{~>14@0`#?!zj7Ig?os+S-c_45fg zf9~IX^n(dc@g0-D$~Rm{g6XjpdRRywOW6kI;UY@LZ~;e0u>pMYZw|BPD`##iOia|( zW8#1F3rMRALwXj3HONBqkkRai(CTx!|Kj}p`YChq;(Zozk6?a#NY!XSTm0UK*aw=w zrHQv6aR{l_o`7m}AfNQ*-oe*zmh=?gv4~gsUUwmH8~vSJ?{vV=oV^w7jV8AFgw$%y zxA~mUKJI^BurGZS>&qOom$@k_FaapY`Oi8?BMRJ9ff+l%yvhHcO~3!Y=`<2A3Wx%? zSOHb3H|nb(=+4#>Rg-HcsIO5?F@A+b4nbpFOh2dNz|kLucut%xby!%01w}3bSO#fC Ifq$yNZ?N+`zCoo@Wj-0GK%!JOBUy diff --git a/templates/partials/header.html b/templates/partials/header.html index 6a8e0ca..0471cdb 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -12,11 +12,13 @@ function toggleMenu(button) { if (displayedMenu === button.id.split("-")[0]) { + button.className = button.className.replace("text-blue-500", " text-gray-900"); hideMenu(button.id.split("-")[0]); displayedMenu = ""; } else { showMenu(button.id.split("-")[0]); + button.className = button.className.replace("text-gray-900", " text-blue-500"); displayedMenu = button.id.split("-")[0] } } @@ -40,6 +42,7 @@ function showMenu(menuName) { var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu'); + var menuBtnId = menuName + (isMobile ? '-mobile-menu' : '-menu'); var menuElement = document.getElementById(menuId) menuElement.className = menuElement.className.replace(" hidden" , ""); setTimeout(function() { menuElement.className = menuElement.className.replace("duration-200 ease-in opacity-0 -translate-y-1", "duration-150 ease-out opacity-1 -translate-y-0"); }, 10); @@ -87,8 +90,8 @@
-
-
+
+
Ourworld Logo @@ -118,14 +121,13 @@ {% if ' + {{link_label}} {% else %}
{% set button_id = header_label ~ "-menu-btn" | slugify %} - -