The MMM-RunningForecast is a MagicMirror² module that displays running forecasts from weather.com.
-
Navigate to your MagicMirror modules directory:
cd ~/MagicMirror/modules
-
Clone the repository:
git clone https://github.com/yourusername/MMM-RunningForecast.git
-
Navigate to the module's directory:
cd MMM-RunningForecast -
Install the dependencies:
npm install
To use this module, add it to the config.js file in your MagicMirror configuration directory. Here is an example configuration:
{
module: "MMM-RunningForecast",
position: "top_right",
config: {
updateInterval: 3600000, // Update interval in milliseconds
url: "https://weather.com/activity-hub/running/ff7365bc39d17586e7712568d30f5fc13663ab9db4b676b3f2eb80eeb3cad4c1",
frameWidth: 400
}
}| Option | Description | Default Value |
|---|---|---|
updateInterval |
The interval at which the module updates, in milliseconds. | 3600000 (one hour) |
url |
The URL to fetch the running forecast data from. | "" |
title |
Header text rendered above the forecast text. | "Running Forecast" |
frameWidth |
Width of the rendered module column, in pixels. Increase to align with neighbouring modules in the same region (for example, a 400px wide weather module). | 300 |
For the url, go to the "Activities Hub" in weather.com, type the desired location in the text bar. The web page should have a "Running Forecast" section. Copy the URL to the configuration setting.
The module width is driven by the frameWidth config option above. The forecast text is left-aligned and wraps naturally to fill the configured width, so setting frameWidth to match neighbouring modules will make the text reflow to the same column edge rather than stacking in a narrow ribbon.
For finer customizations, override .MMM-RunningForecast .running-forecast-content (or .running-forecast-item) in your custom.css.
This project is licensed under the MIT License - see the LICENSE file for details.