trnitz

@plainbroke said:

@trnitz
Pretty cool little module, Do you have a way to enlarge it 2 or 3 times as large???

You can do this using your custom.css file.

If you have a single instance of this module running, simply add this to your custom.css file:

 .MMM-EventCountdown .event-countdown {
      zoom: 2; /* fractional number also accepted */
  }

If you have more than a single instance of this module running, add a unique classes value in config.js:

{
    module: "MMM-EventCountdown",
    position: "top_right",
    classes: "countdown-large",
    config: {
        // ...
    }
}

Then, in your custom.css file:

 .MMM-EventCountdown.countdown-large .event-countdown {
      zoom: 2; /* or 1.5, 3, etc... */
  }

Any fraction of a number, such as 1.5, 2.25, etc, will also work.

Screen shot of it set to 2:

@plainbroke said:

@trnitz
You need to add a link to the module.

That would be helpful, wouldn’t it :-)

Download and additional details available on project’s github repository.

A customizable MagicMirror² module for counting down to birthdays, holidays, anniversaries, appointments, trips, and other events.

The nearest event is presented as a stable, live days/hours/minutes/seconds countdown with an optional emoji. A rotating, days-only summary of the later upcoming events fades in and out beneath it; the active main event is excluded from that rotation.

Features

• Displays the nearest upcoming event as the main countdown.
• Shows days, hours, minutes, and seconds.
• Offers digital, flip-clock, progress-ring, and hourglass counter styles.
• Rotates through days-only summaries of later upcoming events without repeating the active main event.
• Supports fixed dates, calculated Easter dates, and weekday-based rules.
• Repeats events annually by default.
• Supports one-time events with repeatYearly: false.
• Displays an optional emoji for the main event and its rotating summary.

Screenshot

See https://github.com/trnitz/MMM-EventCountdown

Installation and usage instructions are in the project’s README.md

Project origins
This project combines and extends ideas from two open-source MagicMirror modules:

TouaregWarrior/MMM-HolidayCountdown provides the original holiday/trip countdown module on which this project is based.
double-ratchet/MMM-AnimatedCountdowns, by ElliAndDad, provides the basis for the digital, flip, progress-ring, and hourglass counter styles adapted here.

The resulting module adds four selectable counter styles, rotating event summaries, reusable yearly events, one-time events, movable-date rules, calculated Easter dates, and per-event emojis.

This is more of a FYI /fix /workaround than a troubleshooting issues/question.

Recently, the api.linqconnect.com API endpoint has started blocking certain User Agents, including axios (and curl).

Using a custom User Agent to impersonate an actual web browser bypasses this block.

I created a pull request for this:

https://github.com/evanhsu/MMM-TitanSchoolMealMenu/pull/23/changes/d35c1bd93c5953215d9cad162085cf430eed6b4c

@Lmagenis said in Family Mirror:

This looks great! How did you get only the lunch menus to show?

There is also the ‘hideEmptyMeals’ boolean in the config, which is set to false by default.

Setting that to true, while also setting ‘recipeCategoriesToInclude’ to ‘Lunch’ (or ‘Lunch Entree’ in my case) will not display empty meals.

Example config section:

  {
    module: "MMM-TitanSchoolMealMenu",
    position: "bottom_left",
    header: "Namaqua Elementary menu",
    config: {
        size: 'x-small', // Optional: 'small', 'medium', 'large'; Default: 'medium'
        todayClass: 'x-small',
        hideEmptyDays: true,
        hideEmptyMeals: true,
        buildingId: 'edf06a3e-65f3-ee11-a85d-f8b9c75e31xx',
        districtId: '931753cd-1e95-ee11-b902-959a1bfff3xx',
        updateIntervalMs: 3600000, // Optional: Milliseconds between updates; Default: 3600000 (1 hour)
        numberOfDaysToDisplay: 2, // Optional: 0 - 5; Default: 3
        recipeCategoriesToInclude: [
            "Lunch Entree",
        ],
        debug: false
    },
},