Add Nextcloud recipe display and controller

2026-08-03 15:22:28 -05:00
parent 4ea34ec429
commit 464ae4159d
12 changed files with 1189 additions and 0 deletions
@@ -0,0 +1,93 @@
+.MMM-NextcloudCookbook .ncc-root {
+  color: #f4f1e8;
+  box-sizing: border-box;
+}
+
+.MMM-NextcloudCookbook .ncc-idle {
+  position: fixed;
+  right: 18px;
+  top: 18px;
+  z-index: 20;
+}
+
+.MMM-NextcloudCookbook .ncc-active {
+  position: fixed;
+  inset: 0;
+  z-index: 20;
+  overflow: hidden;
+  padding: 42px 52px;
+  background: #11110f;
+}
+
+.MMM-NextcloudCookbook .ncc-qr {
+  position: absolute;
+  right: 18px;
+  top: 18px;
+  padding: 6px;
+  border-radius: 6px;
+  background: #fff;
+  line-height: 0;
+}
+
+.MMM-NextcloudCookbook .ncc-qr img {
+  width: 82px;
+  height: 82px;
+}
+
+.MMM-NextcloudCookbook .ncc-active .ncc-qr img {
+  width: 68px;
+  height: 68px;
+}
+
+.MMM-NextcloudCookbook .ncc-recipe h1 {
+  margin: 0 100px 18px 0;
+  color: #fff6d8;
+  font-size: 52px;
+  line-height: 1.08;
+}
+
+.MMM-NextcloudCookbook .ncc-meta {
+  display: flex;
+  gap: 8px 18px;
+  align-items: baseline;
+  margin: 0 0 24px;
+  font-size: 21px;
+}
+
+.MMM-NextcloudCookbook .ncc-meta dt {
+  color: #d6b96b;
+  font-weight: 700;
+}
+
+.MMM-NextcloudCookbook .ncc-meta dd {
+  margin: 0;
+}
+
+.MMM-NextcloudCookbook .ncc-columns {
+  display: grid;
+  grid-template-columns: minmax(280px, 0.8fr) minmax(430px, 1.4fr);
+  gap: 46px;
+}
+
+.MMM-NextcloudCookbook .ncc-columns h2 {
+  margin: 0 0 12px;
+  color: #d6b96b;
+  font-size: 30px;
+}
+
+.MMM-NextcloudCookbook .ncc-columns ul,
+.MMM-NextcloudCookbook .ncc-columns ol {
+  margin: 0;
+  padding-left: 1.25em;
+  font-size: 23px;
+  line-height: 1.3;
+}
+
+.MMM-NextcloudCookbook .ncc-columns li {
+  margin-bottom: 9px;
+}
+
+.MMM-NextcloudCookbook .ncc-error {
+  color: #ff9d91;
+  font-size: 30px;
+}