freshyill

$count: 8;

#site-logo {

  g[id^="logo"] {
    opacity: 0;
    animation-duration: 8s;
    animation-timing-function: step-end;
    animation-direction: reverse; // The `g` elements are layered last-to-first based on their names
    animation-iteration-count: infinite;

freshyill

$count: 8;

@for $i from 1 through $count {

    @keyframes logo#{$i} {
        @if $i != 1 {
            from {
                opacity: 0;
            }
        }

freshyill

freshyill

async function getZotero(req) {
  
  let nextBtn = document.getElementById("loadNext");
  let prevBtn = document.getElementById("loadPrev");
  let content = document.getElementById("content");
  let links = {};
  
  await axios.get(req).then(function(response) {
    content.innerHTML = '';
    

freshyill

let links = document.querySelectorAll(".nav a");

for (var i = 0; i < links.length; i++) {
  if (links[i].pathname == window.location.pathname) { 
    links[i].classList.add("current");
  }
}

freshyill

const sass = require('node-sass');
const fs = require('fs');

const scssFile = 'src/site/_includes/scss/style.scss';
const cssFile = 'src/css/style.css';

sass.render({
  file: scssFile,
  sourceMap: true,
  outputStyle: 'compressed',

freshyill

const pluginRss    = require("@11ty/eleventy-plugin-rss");

module.exports = function(eleventyConfig) {

  // Lots of other stuff probably goes here
  
eleventyConfig.addCollection("allUpdates", function(collection) {
    return collection.getFilteredByGlob(["posts/*.md", "photos/*.md", "notes/*.md"]).sort(function(a, b) {
      return b.date - a.date;
    });

freshyill

module.exports = function(eleventyConfig) { // This only happens once in your template!
  
// Blah blah, whatever other Eleventy stuff you need.

eleventyConfig.addLiquidShortcode("vimeo", (vimeoId, aspectRatio) => {
  return `<div class="aspect-ratio" style="--aspect-ratio: ${aspectRatio}"><iframe src="https://player.vimeo.com/video/${vimeoId}" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen class="video video--vimeo"></iframe></div>`;
});
  
// Blah blah, whatever other Eleventy stuff you need.
  

freshyill

module.exports = function(eleventyConfig) { // This only happens once in your template!
  
// Blah blah, whatever other Eleventy stuff you need.

eleventyConfig.addLiquidShortcode("youtube", (youtubeId, aspectRatio) => {
  return `<div class="aspect-ratio" style="--aspect-ratio: ${aspectRatio}"><iframe class="youtube-player video video--youtube" src="https://www.youtube.com/embed/${youtubeId}/" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>`;
});
  
// Blah blah, whatever other Eleventy stuff you need.
  

freshyill

function smoothScroll() {
  const internalLinks = document.querySelectorAll('a[href^="#"]');

  internalLinks.forEach(
    function(currentLink) {

      const linkHref = currentLink.getAttribute('href');

      currentLink.addEventListener("click", function(event) {
        document.querySelector(linkHref).scrollIntoView({