summaryrefslogtreecommitdiff
path: root/magicmirror
diff options
context:
space:
mode:
authorschneefux <schneefux+commit@schneefux.xyz>2020-01-26 12:02:24 +0100
committerschneefux <schneefux+commit@schneefux.xyz>2020-01-26 15:55:18 +0100
commit8b1a693f9f8492f9a9e49aef6b3a64ace9e50e9d (patch)
tree75e165d64e6758113151d10e871563ae428bc773 /magicmirror
downloadmagic-kindle-8b1a693f9f8492f9a9e49aef6b3a64ace9e50e9d.tar.gz
magic-kindle-8b1a693f9f8492f9a9e49aef6b3a64ace9e50e9d.zip
Import into gitHEADmaster
Diffstat (limited to 'magicmirror')
-rw-r--r--magicmirror/config/config.js73
-rw-r--r--magicmirror/css/custom.css58
-rw-r--r--magicmirror/css/main.css243
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;
+}