arthurgarzajr / mmm-dailybibleverse Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
Module is not displaying. Console shows several errors
The resource from “http://192.168.XXXXX:XXXXX/modules/MMM-DailyBibleVerse/jquery-3.1.1.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
Error on loading script: modules/MMM-DailyBibleVerse/jquery-3.1.1.min.js
If anyone knows what this is or how to work around this, let me know! Thanks!
@arthurgarzajr Love the idea of this module! Git pull was no issue, but had an issue with the npm install. Where did I go wrong? Thanks!
pi@raspberrypi:~/MagicMirror/modules/MMM-DailyBibleVerse $ npm install
npm WARN enoent ENOENT: no such file or directory, open '/home/pi/MagicMirror/modules/package.json'
npm WARN enoent ENOENT: no such file or directory, open '/home/pi/MagicMirror/modules/node_modules/node_helper/package.json'
npm WARN modules No description
npm WARN modules No repository field.
npm WARN modules No README data
npm WARN modules No license field.
Hello! how do I change the font. I can't find where to do that.
Please add an option to configure the font.
Howdy,
I added the module like the readme file, but there is nothing displaying.
I do not see any errors in the log other than "No helper found for module: MMM-DailyBibleVerse"
Any thoughts?
I've update the MMM-DailyBibleVerse module to get the latest changes and this has messed up my display somehow. The changes seem to be related to module sizing but it just is not working for me.
I have the module configured as such:
{
module: "MMM-DailyBibleVerse",
position: "bottom_bar",
header: "",
config: {
size: "xsmall"
}
},
Prior to the upgrade the text would span all the way across the screen, wrapping lines if needed but using the entire screen space.
Now, after the upgrade the text is basically shown in the lower left corner of the screen. The text no longer spans all the way across the screen but wraps inside of of about 1/3 of the width of the screen.
I see the changes added the following css changes:
.MMM-DailyBibleVerse .xsmall,
.MMM-DailyBibleVerse .default {
max-width: 50vh;
}
So it would appear that maybe it is supposed to use half of the screen (since the bottom_bar region spans the full monitor width) but in my case it is not quite 50%.
Attached is a screenshot for your reference. Any ideas?
Is this module being maintained? Git throws an error when attempting to pull the module - no such directory.
I love the option to size this now, I was just looking through the js file to see if I could change it myself! There needs to be a comma after version: 'NIV'
in your config example. Thanks for making an awesome module by the way!
modules: [
{
module: 'MMM-DailyBibleVerse',
position: 'bottom_bar', // This can be any of the regions. Best result is in the bottom_bar as verses can take multiple lines in a day.
config: {
version: 'NIV', // This can be changed to any version you want that is offered by Bible Gateway. For a list, go here: https://www.biblegateway.com/versions/,
size: 'small' // default value is medium, but can be changed.
}
}
]
/* Magic Mirror Config Sample
*
*/
var config = {
address: "localhost", // Address to listen on, can be:
// - "localhost", "127.0.0.1", "::1" to listen on loopback interface
// - another specific IPv4/6 to listen on a specific interface
// - "", "0.0.0.0", "::" to listen on any interface
// Default, when address config is left out, is "localhost"
port: 8080,
ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], // Set [] to allow all IP addresses
// or add a specific IPv4 of 192.168.1.5 :
// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
// or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
// ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
language: "en",
timeFormat: 24,
units: "metric",
modules: [
{
module: "alert",
},
{
module: "updatenotification",
position: "top_bar"
},
{
module: "clock",
position: "top_right"
},
{
module: "calendar",
header: "US Holidays",
position: "top_left",
config: {
calendars: [
{
symbol: "calendar-check-o ",
url: "webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics"
}
]
}
},
{
module: "compliments",
position: "lower_third"
},
{
module: "currentweather",
position: "top_right",
config: {
location: "New York",
locationID: "", //ID from http://bulk.openweathermap.org/sample/; unzip the gz file and find your city
appid: "YOUR_OPENWEATHER_API_KEY"
}
},
{
module: "weatherforecast",
position: "top_right",
header: "Weather Forecast",
config: {
location: "New York",
locationID: "5128581", //ID from http://www.openweathermap.org/help/city_list.txt
appid: "YOUR_OPENWEATHER_API_KEY"
}
},
{
module: "newsfeed",
position: "bottom_bar",
config: {
feeds: [
{
title: "New York Times",
url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
}
],
showSourceTitle: true,
showPublishDate: true
}
},
]
};
/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.