Browse Source

nodered button dark style. back to parent link for smarthome pages.

Thomas Buck 2 years ago
parent
commit
ddd5ca4514

+ 2
- 0
input/projects/smarthome/influxdb.md View File

7
 comments: true
7
 comments: true
8
 ---
8
 ---
9
 
9
 
10
+<!--% backToParent() %-->
11
+
10
 Besides the sensor inputs and actor outputs, which are handled by [my ESP-Env firmware](/espenv.html), a complete Smarthome setup also needs some software running on a central server.
12
 Besides the sensor inputs and actor outputs, which are handled by [my ESP-Env firmware](/espenv.html), a complete Smarthome setup also needs some software running on a central server.
11
 This usually consists of a message broker, like [MQTT](https://mqtt.org/).
13
 This usually consists of a message broker, like [MQTT](https://mqtt.org/).
12
 Some kind of database, preferably for time series data, like [InfluxDB](https://www.influxdata.com/products/influxdb-overview/).
14
 Some kind of database, preferably for time series data, like [InfluxDB](https://www.influxdata.com/products/influxdb-overview/).

+ 3
- 1
input/projects/smarthome/nodered.md View File

7
 comments: true
7
 comments: true
8
 ---
8
 ---
9
 
9
 
10
+<!--% backToParent() %-->
11
+
10
 [Node-RED](https://nodered.org/) is a great tool for visually creating workflows based on events.
12
 [Node-RED](https://nodered.org/) is a great tool for visually creating workflows based on events.
11
 I use it in conjunction with my [ESP-Env sensor and actor hardware](espenv.html) and MQTT to automate my *smart* home.
13
 I use it in conjunction with my [ESP-Env sensor and actor hardware](espenv.html) and MQTT to automate my *smart* home.
12
 
14
 
28
 %-->
30
 %-->
29
 
31
 
30
 And here are the flows for importing in Node-RED.
32
 And here are the flows for importing in Node-RED.
31
-<button type="button" onclick="copyEvent('jsonlights')" style="font-size: 1em; margin-left: 1em;">Copy to clipboard</button>
33
+<button type="button" onclick="copyEvent('jsonlights')" class="clip-btn">Copy to clipboard</button>
32
 
34
 
33
 <!-- https://clay-atlas.com/us/blog/2021/06/30/html-en-copy-text-button/ -->
35
 <!-- https://clay-atlas.com/us/blog/2021/06/30/html-en-copy-text-button/ -->
34
 <script>
36
 <script>

+ 10
- 0
static/css/style.css View File

245
     color: #808080;
245
     color: #808080;
246
 }
246
 }
247
 
247
 
248
+.clip-btn {
249
+    font-size: 1em;
250
+    margin-left: 1em;
251
+}
252
+
248
 /* dark mode */
253
 /* dark mode */
249
 @media (prefers-color-scheme: dark) {
254
 @media (prefers-color-scheme: dark) {
250
     body, #nav {
255
     body, #nav {
279
         background-color: #000000;
284
         background-color: #000000;
280
     }
285
     }
281
 
286
 
287
+    .clip-btn {
288
+        background-color: #232323;
289
+        color: #FFFFFF;
290
+    }
291
+
282
     .commento-profile-button {
292
     .commento-profile-button {
283
         fill: #FFFFFF;
293
         fill: #FFFFFF;
284
     }
294
     }

Loading…
Cancel
Save