yari

yari

https://dribbble.com/shots/4376207-Timuu-home-page

NodeBB theme for Timuu.

Demo: https://timuu.com

Github: https://github.com/timuu/nodebb-theme-timuu

Recent-cards: https://github.com/timuu/nodebb-plugin-recent-cards-timuu

Changelog

Added hover zoom to categories.
few minor bugs fixed
Recent cards are redesigned.

yari

homepage

alt text

topic

chat:

tasklist:

composer
profile page
notf. screen
chats

yari

I check the plugins.

: It works properly
: it works but not well
: broken

Plugin	Last check	NodeBB Version
nodebb-plugin-adblock	30/5/17	NodeBB v1.5.0.
nodebb-plugin-adsense	30/5/17	NodeBB v1.5.0.
nodebb-plugin-add-registration-fields	30/5/17	NodeBB v1.5.0.
nodebb-plugin-anime-lists	30/5/17	NodeBB v1.5.0.
nodebb-plugin-canned-responses	31/5/17	NodeBB v1.5.0.
nodebb-plugin-composer-default	30/5/17	NodeBB v1.5.0.
nodebb-plugin-dbsearch	30/5/17	NodeBB v1.5.0.
nodebb-plugin-emailer-sendgrid	2/6/17	NodeBB v1.5.0.
nodebb-plugin-emoji-extended	2/6/17	NodeBB v1.5.0.
nodebb-plugin-emoji-one	2/6/17	NodeBB v1.5.0.
nodebb-plugin-emoji-apple	2/6/17	NodeBB v1.5.0.
nodebb-plugin-google-analytics	2/6/17	NodeBB v1.5.0.
nodebb-plugin-iframely	2/6/17	NodeBB v1.5.0.
nodebb-plugin-markdown	2/6/17	NodeBB v1.5.0.
nodebb-plugin-mentions	2/6/17	NodeBB v1.5.0.
nodebb-plugin-ns-awards	30/5/17	NodeBB v1.5.0.
nodebb-plugin-ns-points	30/5/17	NodeBB v1.5.0.
nodebb-plugin-soundpack-default	30/5/17	NodeBB v1.5.0.
nodebb-plugin-sso-facebook	2/6/17	NodeBB v1.5.0.
nodebb-plugin-sso-google	2/6/17	NodeBB v1.5.0.
nodebb-plugin-sso-twitter	2/6/17	NodeBB v1.5.0.
nodebb-plugin-youtube	2/6/17	NodeBB v1.5.0.

yari

A small study for Nodebb

https://www.behance.net/gallery/31066533/Nodebb-Theme-Concept

yari

sample

css

@media screen and (max-width:1200px) {
  .affix, 
  .affix-bottom {
    display: none;
  }
}

.affix-top {
  position: relative;
}

.affix {
  top: 70px;
}

.affix  {
    width: 263px;
}

widget container

<div data-spy="affix" class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{{title}}</h3></div>
<div class="panel-body">{{body}}</div></div>

JS: /Custom JS tab

function renderWidgets() {
   $('[data-spy="affix"]').affix({
     offset: {
       top: 400,
       bottom: function () {
         return (this.bottom = $('.footer').outerHeight(true))
       }
    }
  });
}

if (window.jQuery) {
    renderWidgets();
    $(window).on('action:ajaxify.end', renderWidgets);
}

demo: https://timuu.com/topic/4426/22-5-pbe-güncellemeleri