Randomness

WILL SMITH REVEALS FULL DEADSHOT COSTUME

Reading Time: 0:39 min

For someone who thinks Bad Boys 2 is one of the greatest action movies of all time, it should be no surprise that I am also a massive Will Smith…

View post

Zayn Malik of One Direction gets gun tattoo

Reading Time: 0:41 min

Zayn Malik has some gun-control advocates raising their eyebrows after he got a tattoo of a gun on his rib cage. The 20-year-old pop star got the tat Thursday in…

View post

The Five Worst Clips From Piers Morgan’s Gun Control Crusade

Reading Time: 1:2 min

Thanks to The News Republic here are some of the most egregious moments from his past year of tabloidism as activism:

View post

Randomness: Blue Sky Black Death – Glaciers [Album]

Reading Time: 0:56 min

The music made by Kingston and Young God, the duo that comprises the group Blue Sky Black Death, have become the soundtrack to my life. Their last album Noir (Sheer…

View post

Drake – Hold On (We’re Going Home) He Brings A lot of Guns

Reading Time: 1:28 min

There is so much gun play in this music video that I feel like I am being trolled. I am a huge Drake fan, I really like the song, and…

View post

Sarah Silverman Explains Black NRA Video

Reading Time: 0:28 min

Even before her, “Black NRA” video I always felt Sarah Silverman was not funny.  I hated how she used “Satire” as a get out of jail free card to say…

View post
<script>
  /*Source: https://github.com/Krzysztof-Antosik/Two-direction-Sticky-Sidebar*/
  
  // Verificar el ancho de pantalla al cargar y redimensionar
  function checkScreenWidth() {
    if (window.innerWidth <= 767) {
      // Si la pantalla es menor o igual a 676px, no ejecutar el código
      return;
    }

    const stickyElement = document.querySelector('.fb-sidebar__aside');
    const startPosition = stickyElement.getBoundingClientRect().top;

    let endScroll = window.innerHeight - stickyElement.offsetHeight - 500;
    let currPos = window.scrollY;
    let screenHeight = window.innerHeight;
    let stickyElementHeight = stickyElement.offsetHeight;
    let topGap = 40;
    let bottomGap = 40;

    setTimeout(() => {
      if (stickyElement.hasAttribute('data-top-gap')) {
        const dataTopGap = stickyElement.getAttribute('data-top-gap');
        topGap = dataTopGap === 'auto' ? startPosition : parseInt(dataTopGap);
      }

      if (stickyElement.hasAttribute('data-bottom-gap')) {
        bottomGap = parseInt(stickyElement.getAttribute('data-bottom-gap'));
      }
    }, 100);

    stickyElement.style.position = 'sticky';
    stickyElement.style.top = `${topGap}px`;
    stickyElement.style.height = 'fit-content';

    function positionStickySidebar() {
      endScroll = window.innerHeight - stickyElement.offsetHeight - bottomGap;
      const stickyElementTop = parseInt(stickyElement.style.top.replace('px', ''));

      if (stickyElementHeight + topGap + bottomGap > screenHeight) {
        if (window.scrollY < currPos) {
          if (stickyElementTop < topGap) {
            stickyElement.style.top = `${stickyElementTop + currPos - window.scrollY}px`;
          } else if (stickyElementTop >= topGap && stickyElementTop !== topGap) {
            stickyElement.style.top = `${topGap}px`;
          }
        } else {
          if (stickyElementTop > endScroll) {
            stickyElement.style.top = `${stickyElementTop + currPos - window.scrollY}px`;
          } else if (stickyElementTop < endScroll && stickyElementTop !== endScroll) {
            stickyElement.style.top = `${endScroll}px`;
          }
        }
      } else {
        stickyElement.style.top = `${topGap}px`;
      }
      currPos = window.scrollY;
    }

    function stickyElementToMe() {
      stickyElement.style.top = `${topGap}px`;
    }

    function updateSticky() {
      screenHeight = window.innerHeight;
      stickyElementHeight = stickyElement.offsetHeight;
      positionStickySidebar();
    }

    setTimeout(() => {
      window.addEventListener('resize', () => {
        currPos = window.scrollY;
        updateSticky();
      });

      document.addEventListener('scroll', updateSticky, {
        capture: true,
        passive: true
      });
    }, 1000);
  }

  // Verificar el ancho de pantalla al cargar y redimensionar
  window.addEventListener('load', checkScreenWidth);
  window.addEventListener('resize', checkScreenWidth);
</script>