tm-center-slider-triangle

Poder

Onde há ser humano, há poder. A sensação de não ter poder sobre outras pessoas e situações é insuportável. Ninguém quer ter pouco ou nenhum poder. Mas qual será o segredo para manter e conquistar o poder no Século XXI? Aprenda as 3 Atitudes, 7 habilidades, 21 Axiomas e as 33 Regras do Poder Social

Autoridade

Sem laços de lealdade e domínio nenhuma sociedade seria capaz de funcionar em harmonia por muito tempo. Não há poder sem alguma forma de hierarquia, e, talvez por isso, exista tanta rebeldia em submeter-se ao mando. A neuroliderança traz pistas de como ter autoridade sem ser autoritário. Você está preparado?

Influência

A influência traz poder ou o poder traz influência? O poder é um jogo de equipe. A vida nas democracias é melhor do que nas ditaduras porque o poder depende de mais pessoas, que se inter influenciam a todo tempo. Qual sua estratégia para a micro e para a macro influência?

Bases de Poder

Poder legítimo

Poder coercitivo

Poder de informação

Poder de referência

Poder de especialista

Aguarde 01 de Dezembro de 2021

  • R$ 49/Mês

    Inscrição R$ 99 (pagamento Único) + Assinatura Mensal

    Aulas Quinzenais ao vivo, via internet. | Acesso Ilimitado durante sua assinatura | Todos os Livros e Cursos Inclusos. | O Lançamento do Manual do Poder está previsto para o dia 01...

Sticky

Make elements remain at the top of the viewport, like a sticky navbar.

Usage

To create an element that remains at the top of the viewport when scrolling down the site, add the data-uk-sticky attribute to that element.

Example

Stick to the top

Markup

<div data-uk-sticky>...</div>

Define an offset

You can also position the element below the viewport edge. For example, add the data-uk-sticky="{top:100}" attribute to create a margin of 100px.

Example

Stick 100px below the top

Markup

<div data-uk-sticky="{top:100}">...</div>

Add a delay

To add a delay to the element, so it becomes sticky only after scrolling a specified distance, you need to add a negative offset to the data attribute, e.g. data-uk-sticky="{top:-200}". You can also add an animation from the Animation component in order to have the sticky element reappear smoothly.

Example

Stick at the top but only after 100px scrolling

Markup

<div data-uk-sticky="{top:-200, animation: 'uk-animation-slide-top'}">...</div>

Responsive behavior

You also have the possibility of disabling the sticky behavior for different devices by adding a breakpoint option to the data attribute, e.g. data-uk-sticky="{media: 640}". Additionaly you can use any valid media query.

Markup

<!-- This is basically a shortcode to define a min-width -->
<div data-uk-sticky="{media: 640}">...</div>

<!-- This is a media string using the min-width and orientation properties -->
<div data-uk-sticky="{media: '(min-width: 640px) and (orientation: landscape)'}>...</div>

Sticky boundary

You can define the boundary of a sticky element by setting the boundary parameter. This keeps the sticky element within the dimensions of the boundary element.

Example

Sticky bound to parent container
Sticky as long as bondary element is in view
Boundary element

Markup

<!-- Bind sticky to its parent element -->
<div data-uk-sticky="{boundary: true}">...</div>

<!-- Bind sticky to any element -->
<div data-uk-sticky="{boundary: '#my-id'}">...</div>

JavaScript options

Option Possible value Default Description
top integer 0 Top offset whent sticky should be triggered
animation string UIkit animation class
clsinit string uk-sticky-init Init class when the element is sticky for the first time
clsactive string uk-active Active class to add, when element is sticky
clsinactive string Class to add, when element is not sticky
getWidthFrom string Css selector where to get the width from in sticky mode. By default it takes the width from the created wrapper element.
media integer / string false Condition for the active status with a width as integer (e.g. 640) or a css media query
target boolean false Make sure that a sticky element is not over a targeted element via location hash on dom-ready.
showup boolean false Show sticky element only when scrolling up.
boundary mixed false Set to true to bind sticky to the parent or a Css selector to bind sticky to a specific element.

Init element manually

var sticky = UIkit.sticky(element, { /* options */ });

Video

Democracias e ditaduras pedem diferentes estilos de jogos de poder, todos eles ligados às mesmas regras.

Aguarde... pré-lançamento em 01 de Dezembro