diff options
Diffstat (limited to 'magicmirror')
| -rw-r--r-- | magicmirror/config/config.js | 73 | ||||
| -rw-r--r-- | magicmirror/css/custom.css | 58 | ||||
| -rw-r--r-- | magicmirror/css/main.css | 243 |
3 files changed, 374 insertions, 0 deletions
diff --git a/magicmirror/config/config.js b/magicmirror/config/config.js new file mode 100644 index 0000000..3896e1f --- /dev/null +++ b/magicmirror/config/config.js @@ -0,0 +1,73 @@ +var config = { + address: "0.0.0.0", // any + port: 8080, + ipWhitelist: [], // any + language: "de", + timeFormat: 24, + units: "metric", + serverOnly: true, + modules: [ + { + module: "MMM-Trello", + position: "bottom_bar", + config: { + api_key: "", + token: "", + list: "", + reloadInterval: 1000 * 60 * 60, + updateInterval: 1000 * 60 * 5, + animationSpeed: 0, + showTitle: true, + showDescription: true, + isCompleted: false, + showLineBreaks: true, + showDueDate: false, + showChecklists: false, + showChecklistTitle: false, + wholeList: false, + }, + }, + { + module: "MMM-ImagesPhotos", + position: "fullscreen_below", + config: { + opacity: 1.0, + animationSpeed: 0, + updateInterval: 60000, + } + }, + { + module: "MMM-DateOnly", + position: "top_right", + config: { + showWeek: false, + dateFormat: "dddd, LL", + } + }, + { + module: "MMM-PublicTransportHafas", + position: "top_right", + config: { + stationID: "", + stationName: "", + updatesEvery: 60 * 15, + direction: "", + interval: 1000 * 60 * 15, + timeToStation: 0, + timeInFuture: 180, + showColoredLineSymbols: false, + useColorForRealtimeInfo: false, + showAbsoluteTime: true, + marqueeLongDirections: false, + showTableHeaders: false, + maxReachableDepartures: 2, + maxUnreachableDepartures: 0, + fadeReachableDepartures: false, + }, + }, + ] + +}; + +/*************** DO NOT EDIT THE LINE BELOW ***************/ +if (typeof module !== "undefined") {module.exports = config;} diff --git a/magicmirror/css/custom.css b/magicmirror/css/custom.css new file mode 100644 index 0000000..6e940b2 --- /dev/null +++ b/magicmirror/css/custom.css @@ -0,0 +1,58 @@ +.normal, +.dimmed, +header, +body { + color: #fff; + text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; +} + +body { + margin: 40px 30px 40px 30px; + position: absolute; + height: calc(100% - 80px); + width: calc(100% - 60px); +} + +/* images slideshow */ +.fullscreen.below { + display: flex; + flex-direction: column; + justify-content: center; +} + +/* hafas */ +.pthBWLineSign { + background-color: initial; + font-size: initial; + font-weight: initial; + color: #fff; + margin: 0; +} + + +.pthWrapper header { + display: none; +} + +.pthDirectionCell { + min-width: 0; + padding: 0; +} + +.pthDelay { + display: none; +} + +.pthTable { + float: right !important; + width: auto !important; +} + +.pthDirectionCell::before { + content: "nach "; +} + +/* general */ +.module { + margin-bottom: 15px; +} diff --git a/magicmirror/css/main.css b/magicmirror/css/main.css new file mode 100644 index 0000000..84f8c4d --- /dev/null +++ b/magicmirror/css/main.css @@ -0,0 +1,243 @@ +html { + cursor: none; + overflow: hidden; + background: #000; +} + +::-webkit-scrollbar { + display: none; +} + +body { + margin: 60px; + position: absolute; + height: calc(100% - 120px); + width: calc(100% - 120px); + background: #000; + color: #aaa; + font-family: "Roboto Condensed", sans-serif; + font-weight: 400; + font-size: 2em; + line-height: 1.5em; + -webkit-font-smoothing: antialiased; +} + +/** + * Default styles. + */ + +.dimmed { + color: #666; +} + +.normal { + color: #999; +} + +.bright { + color: #fff; +} + +.xsmall { + font-size: 15px; + line-height: 20px; +} + +.small { + font-size: 20px; + line-height: 25px; +} + +.medium { + font-size: 30px; + line-height: 35px; +} + +.large { + font-size: 65px; + line-height: 65px; +} + +.xlarge { + font-size: 75px; + line-height: 75px; + letter-spacing: -3px; +} + +.thin { + font-family: Roboto, sans-serif; + font-weight: 100; +} + +.light { + font-family: "Roboto Condensed", sans-serif; + font-weight: 300; +} + +.regular { + font-family: "Roboto Condensed", sans-serif; + font-weight: 400; +} + +.bold { + font-family: "Roboto Condensed", sans-serif; + font-weight: 700; +} + +.align-right { + text-align: right; +} + +.align-left { + text-align: left; +} + +header { + text-transform: uppercase; + font-size: 15px; + font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; + font-weight: 400; + border-bottom: 1px solid #666; + line-height: 15px; + padding-bottom: 5px; + margin-bottom: 10px; + color: #999; +} + +sup { + font-size: 50%; + line-height: 50%; +} + +/** + * Module styles. + */ + +.module { + margin-bottom: 30px; +} + +.region.bottom .module { + margin-top: 30px; + margin-bottom: 0; +} + +.no-wrap { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.pre-line { + white-space: pre-line; +} + +/** + * Region Definitions. + */ + +.region { + position: absolute; +} + +.region.fullscreen { + position: absolute; + top: -60px; + left: -60px; + right: -60px; + bottom: -60px; + pointer-events: none; +} + +.region.fullscreen * { + pointer-events: auto; +} + +.region.right { + right: 0; + text-align: right; +} + +.region.top { + top: 0; +} + +.region.top .container { + margin-bottom: 25px; +} + +.region.bottom .container { + margin-top: 25px; +} + +.region.top .container:empty { + margin-bottom: 0; +} + +.region.top.center, +.region.bottom.center { + left: 50%; + -moz-transform: translateX(-50%); + -o-transform: translateX(-50%); + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.region.top.right, +.region.top.left, +.region.top.center { + top: 100%; +} + +.region.bottom { + bottom: 0; +} + +.region.bottom .container:empty { + margin-top: 0; +} + +.region.bottom.right, +.region.bottom.center, +.region.bottom.left { + bottom: 100%; +} + +.region.bar { + width: 100%; + text-align: center; +} + +.region.third, +.region.middle.center { + width: 100%; + text-align: center; + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.region.upper.third { + top: 33%; +} + +.region.middle.center { + top: 50%; +} + +.region.lower.third { + top: 66%; +} + +.region.left { + text-align: left; +} + +.region table { + width: 100%; + border-spacing: 0; + border-collapse: separate; +} |