API tools faq
paste
Advertisement
tiwing

Current Conditions

tiwing
Feb 6th, 2025
40
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
YAML 25.46 KB | None | 0 0
raw download clone embed print report
  1. type: vertical-stack
  2. cards:
  3.   - type: custom:decluttering-card
  4.     template: normal_title
  5.     variables:
  6.       - content: Current Conditions
  7.       - sub-content: null
  8.   - type: vertical-stack
  9.     cards:
  10.       - square: false
  11.         type: grid
  12.         cards:
  13.           - type: picture-elements
  14.             image: /local/dashboard_photos/transparent/~transparent-1-1.png
  15.             card_mod:
  16.               style: |
  17.                ha-card {
  18.                       background:
  19.                       /* top, transparent red, faked with gradient */
  20.                       linear-gradient(
  21.                         rgba(0, 0, 0, 0.2),
  22.                         rgba(0, 0, 0, 0.1)
  23.                       ),
  24.                       /* bottom, image */
  25.                       url("/local/dashboard_photos/temperature_humidity.jpg");
  26.                       background-size: cover;
  27.                       #background-size: contain;
  28.                       #background-size: auto;
  29.                       #background-size: auto auto;
  30.                       background-repeat: no-repeat;
  31.                       background-position: center left;
  32.                     }
  33.             elements:
  34.               - type: state-label
  35.                 style:
  36.                   transform: none
  37.                   right: 1%
  38.                   top: 1%
  39.                 card_mod:
  40.                   style: |
  42.                     :host {
  43.                         {% set lev = states('sensor.outdoor_front_temp')|float(0) %}
  44.                         {% if lev < -7 %}
  45.                           color: lightblue;
  46.                           text-shadow: 1px 1px 4px blue;
  47.                           font-weight: 600;
  48.                           font-size: 160%;
  49.                         {% elif lev > 27 %}
  50.                           color: crimson;
  51.                           text-shadow: 1px 1px 4px salmon;
  52.                           font-weight: 600;
  53.                           font-size: 160%;
  54.                         {% else %}
  55.                           color: white;
  56.                           font-size: 160%;
  57.                         {% endif %}
  58.                     }
  59.                 entity: sensor.outdoor_front_temp
  60.               - type: conditional
  61.                 conditions:
  62.                   - entity: sensor.outdoor_humidity
  63.                     state_not: unavailable
  64.                 title: humidity
  65.                 elements:
  66.                   - type: state-label
  67.                     style:
  68.                       transform: none
  69.                       right: 1%
  70.                       top: 17%
  71.                       font-size: 155%
  72.                       color: white
  73.                     entity: sensor.outdoor_humidity
  74.               - type: state-label
  75.                 style:
  76.                   transform: none
  77.                   right: 2%
  78.                 card_mod:
  79.                   style: |
  80.                    :host {
  81.                         {% set lev = states('sensor.calc_feels_like')|float(0) %}
  82.                         {% if lev < -7 %}
  83.                           color: lightblue;
  84.                           text-shadow: 1px 1px 4px blue;
  85.                           font-weight: 600;
  86.                           font-size: 150%;
  87.                           top: 50%;
  88.                         {% elif lev > 27 %}
  89.                           color: crimson;
  90.                           text-shadow: 1px 1px 4px salmon;
  91.                           font-weight: 600;
  92.                           font-size: 150%;
  93.                           top: 50%;
  94.                         {% else %}
  95.                           color: white;
  96.                           bottom: 12%;
  97.                         {% endif %}
  98.                     }
  99.                 entity: sensor.calc_feels_like
  100.                 prefix: "Feels: "
  101.               - type: conditional
  102.                 conditions:
  103.                   - entity: sensor.openweathermap_uv_index
  104.                     state_not: unavailable
  105.                 title: uv index
  106.                 elements:
  107.                   - type: state-label
  108.                     style:
  109.                       transform: none
  110.                       right: 2%
  111.                       bottom: 0%
  112.                       font-size: 100%
  113.                       color: silver
  114.                     entity: sensor.openweathermap_uv_index
  115.           - type: picture-elements
  116.             image: /local/dashboard_photos/transparent/~transparent-1-1.png
  117.             card_mod:
  118.               style: |
  119.                ha-card {
  120.                       background:
  121.                       /* top, transparent red, faked with gradient */
  122.                       linear-gradient(
  123.                         rgba(0, 0, 0, 0.2),
  124.                         rgba(0, 0, 0, 0.1)
  125.                       ),
  126.                       /* bottom, image */
  127.                       url("/local/dashboard_photos/wind_turbine_2.jpg");
  128.                       background-size: cover;
  129.                       #background-size: contain;
  130.                       #background-size: auto;
  131.                       #background-size: auto auto;
  132.                       background-repeat: no-repeat;
  133.                     }
  134.             elements:
  135.               - type: conditional
  136.                 conditions:
  137.                   - condition: numeric_state
  138.                     entity: sensor.outdoor_front_pressure
  139.                     above: 4
  140.                 title: pressure
  141.                 elements:
  142.                   - type: state-label
  143.                     style:
  144.                       transform: none
  145.                       left: 1%
  146.                       bottom: 0%
  147.                       font-size: 100%
  148.                     card_mod:
  149.                       style: |
  150.                        :host {
  151.                           color:
  152.                               {% set lev = states('sensor.outdoor_front_pressure')|float(0) %}
  153.                               {% if lev > 70  %}
  154.                                 red
  155.                               {% elif lev > 40 %}
  156.                                 rgb(255,165,0)
  157.                               {% else %}
  158.                                 lightgreen
  159.                               {% endif %};
  160.                         }
  161.                     entity: sensor.outdoor_front_pressure
  162.                     prefix: "Pressure: "
  163.               - type: state-label
  164.                 style:
  165.                   transform: none
  166.                   left: 1%
  167.                   font-size: 100%
  168.                 card_mod:
  169.                   style: |
  170.                    :host {
  171.                           {% set lev = states('sensor.lincoln_wind_gust')|float(0) %}
  172.                               {% if lev <= states('sensor.astroweather_backyard_10m_wind_speed')|float(0) %}
  173.                                 opacity: 0;
  174.                                 top: 999%;
  175.                               {% elif lev > 65  %}
  176.                                 color: red;
  177.                                 top: 10%;
  178.                               {% elif lev > 40 %}
  179.                                 color: rgb(255,165,0);
  180.                                 top: 10%;
  181.                               {% elif lev < 1 %}
  182.                                 opacity: 0;
  183.                                 top: 999%;
  184.                               {% else %}
  185.                                 color: silver;
  186.                                 top: 10%;
  187.                               {% endif %}
  188.                     }
  189.                 entity: sensor.lincoln_wind_gust
  190.                 prefix: "Gust: "
  191.               - type: conditional
  192.                 conditions:
  193.                   - condition: numeric_state
  194.                     entity: sensor.astroweather_backyard_10m_wind_speed
  195.                     above: 0
  196.                 title: wind speed
  197.                 elements:
  198.                   - type: state-label
  199.                     style:
  200.                       left: 50%
  201.                       top: 50%
  202.                       font-size: 200%
  203.                       font-weight: 700
  204.                       color: white
  205.                     entity: sensor.astroweather_backyard_10m_wind_direction
  206.               - type: state-label
  207.                 style:
  208.                   transform: none
  209.                   left: 1%
  210.                   font-size: 100%
  211.                 card_mod:
  212.                   style: |
  213.                    :host {
  214.                           {% set lev = states('sensor.astroweather_backyard_10m_wind_speed')|float(0) %}
  215.                           {% if lev > 50  %}
  216.                             color: red;
  217.                             top: 1%;
  218.                           {% elif lev > 30 %}
  219.                             color: rgb(255,165,0);
  220.                             top: 1%;
  221.                           {% elif lev < 1  %}
  222.                             opacity: 0;
  223.                             top: 999%;
  224.                           {% else %}
  225.                             color: silver;
  226.                             top: 1%;
  227.                           {% endif %}
  228.                     }
  229.                 entity: sensor.astroweather_backyard_10m_wind_speed
  230.                 prefix: "Speed: "
  231.               - type: state-label
  232.                 style:
  233.                   transform: none
  234.                   left: 1%
  235.                   font-size: 100%
  236.                 card_mod:
  237.                   style: |
  238.                    :host {
  239.                           {% set lev = states('sensor.lincoln_chance_of_precip')|float(0) %}
  240.                           {% if lev > 70  %}
  241.                             color: silver;
  242.                             bottom: 10%;
  243.                           {% elif lev > 90 %}
  244.                             color: rgb(255,165,0);
  245.                             bottom: 10%;
  246.                           {% elif lev < 1  %}
  247.                             opacity: 0;
  248.                             top: 999%;
  249.                           {% else %}
  250.                             color: silver;
  251.                             bottom: 10%;
  252.                           {% endif %}
  253.                     }
  254.                 entity: sensor.lincoln_chance_of_precip
  255.                 prefix: "POP: "
  256.         columns: 2
  257.       - type: picture-elements
  258.         image: /local/dashboard_photos/low_horizon_blue_1.jpg
  259.         elements:
  260.           - type: state-label
  261.             title: sun elevation
  262.             style:
  263.               transform: none
  264.               left: 1%
  265.               top: 0%
  266.               font-size: 90%
  267.               font-weight: 700
  268.             entity: sensor.sun_elevation
  269.             prefix: "Elevation: "
  270.           - type: state-label
  271.             title: sun azimuth
  272.             style:
  273.               transform: none
  274.               left: 1%
  275.               top: 9%
  276.               font-size: 90%
  277.               font-weight: 700
  278.             entity: sensor.sun_azimuth
  279.             prefix: "Azimuth: "
  280.             card_mod:
  281.               style: |
  282.                :host {
  283.                   {% set totAz = (180-states('sensor.morning_azimuth')|float(0))*2 %}
  284.                   {% set progress = ( ( (states('sensor.azimuth_display')|float(0) - states('sensor.morning_azimuth')|float(0) ) / totAz) * 100)|float(0)|round(0) %}
  285.                   {% if states('sensor.sun_elevation')|float(0) > -6 %}
  286.                     background-image: linear-gradient(270deg,rgba(28,28,28,1) {{100-progress-3}}%, rgba(28,28,28,0.2) {{100-progress+5}}% ),
  287.                        linear-gradient(90deg, blue 0%, rgb(255,165,0) 12%, yellow 20%, yellow 80%,rgb(255,165,0) 92%, blue 100%);
  288.                   {% endif %}
  289.                  
  290.                   background-size: 100% 4px !important;
  291.                   background-repeat: no-repeat !important;
  292.                   background-position: 0% 75% !important;
  293.                 }
  294.           - type: state-label
  295.             title: dawn
  296.             style:
  297.               transform: none
  298.               left: 1%
  299.               top: 18%
  300.               font-size: 90%
  301.             card_mod:
  302.               style: |
  303.                :host {
  304.                   {% set datetime_value = as_timestamp(state_attr('sun.sun','next_dawn')) | timestamp_custom('%Y-%m-%d %H:%M:%S') %}
  305.                  
  306.                       {# Extract the date from the datetime value #}
  307.                   {% set extracted_date = strptime(datetime_value, '%Y-%m-%d %H:%M:%S').date() %}
  308.  
  309.                       {# Calculate tomorrow's date #}
  310.                   {% set tomorrow_date = (now() + timedelta(days=1)).date() %}
  311.  
  312.                       {# Determine if the extracted date is tomorrow #}
  313.                   {% if extracted_date == tomorrow_date %}
  314.                     opacity: 0.5;
  315.                   {% else %}
  316.                     opacity: 1;
  317.                   {% endif %}
  318.                 }
  319.             entity: sensor.next_dawn
  320.             prefix: "Dawn: "
  321.           - type: state-label
  322.             title: sunrise
  323.             style:
  324.               transform: none
  325.               left: 1%
  326.               top: 27%
  327.               font-size: 90%
  328.             card_mod:
  329.               style: |
  330.                :host {
  331.                   {% set datetime_value = as_timestamp(state_attr('sun.sun','next_rising')) | timestamp_custom('%Y-%m-%d %H:%M:%S') %}
  332.                  
  333.                       {# Extract the date from the datetime value #}
  334.                   {% set extracted_date = strptime(datetime_value, '%Y-%m-%d %H:%M:%S').date() %}
  335.  
  336.                       {# Calculate tomorrow's date #}
  337.                   {% set tomorrow_date = (now() + timedelta(days=1)).date() %}
  338.  
  339.                       {# Determine if the extracted date is tomorrow #}
  340.                   {% if extracted_date == tomorrow_date %}
  341.                     opacity: 0.5;
  342.                   {% else %}
  343.                     opacity: 1;
  344.                   {% endif %}
  345.                 }
  346.             entity: sensor.next_sunrise
  347.             prefix: "Sunrise: "
  348.           - type: state-label
  349.             title: noon
  350.             style:
  351.               transform: none
  352.               left: 1%
  353.               top: 36%
  354.               font-size: 90%
  355.             card_mod:
  356.               style: |
  357.                :host {
  358.                   {% set datetime_value = as_timestamp(state_attr('sun.sun','next_noon')) | timestamp_custom('%Y-%m-%d %H:%M:%S') %}
  359.                  
  360.                       {# Extract the date from the datetime value #}
  361.                   {% set extracted_date = strptime(datetime_value, '%Y-%m-%d %H:%M:%S').date() %}
  362.  
  363.                       {# Calculate tomorrow's date #}
  364.                   {% set tomorrow_date = (now() + timedelta(days=1)).date() %}
  365.  
  366.                       {# Determine if the extracted date is tomorrow #}
  367.                   {% if extracted_date == tomorrow_date %}
  368.                     opacity: 0.5;
  369.                   {% else %}
  370.                     opacity: 1;
  371.                   {% endif %}
  372.                 }
  373.             entity: sensor.next_solar_noon_time
  374.             prefix: "Noon: "
  375.           - type: state-label
  376.             title: sunset
  377.             style:
  378.               transform: none
  379.               left: 1%
  380.               top: 45%
  381.               font-size: 90%
  382.             card_mod:
  383.               style: |
  384.                :host {
  385.                   {% set datetime_value = as_timestamp(state_attr('sun.sun','next_setting')) | timestamp_custom('%Y-%m-%d %H:%M:%S') %}
  386.                  
  387.                       {# Extract the date from the datetime value #}
  388.                   {% set extracted_date = strptime(datetime_value, '%Y-%m-%d %H:%M:%S').date() %}
  389.  
  390.                       {# Calculate tomorrow's date #}
  391.                   {% set tomorrow_date = (now() + timedelta(days=1)).date() %}
  392.  
  393.                       {# Determine if the extracted date is tomorrow #}
  394.                   {% if extracted_date == tomorrow_date %}
  395.                     opacity: 0.5;
  396.                   {% else %}
  397.                     opacity: 1;
  398.                   {% endif %}
  399.                 }
  400.             entity: sensor.next_sunset
  401.             prefix: "Sunset: "
  402.           - type: state-label
  403.             title: dusk
  404.             style:
  405.               transform: none
  406.               left: 1%
  407.               top: 54%
  408.               font-size: 90%
  409.             card_mod:
  410.               style: |
  411.                :host {
  412.                   {% set datetime_value = as_timestamp(state_attr('sun.sun','next_dusk')) | timestamp_custom('%Y-%m-%d %H:%M:%S') %}
  413.                  
  414.                       {# Extract the date from the datetime value #}
  415.                   {% set extracted_date = strptime(datetime_value, '%Y-%m-%d %H:%M:%S').date() %}
  416.  
  417.                       {# Calculate tomorrow's date #}
  418.                   {% set tomorrow_date = (now() + timedelta(days=1)).date() %}
  419.  
  420.                       {# Determine if the extracted date is tomorrow #}
  421.                   {% if extracted_date == tomorrow_date %}
  422.                     opacity: 0.5;
  423.                   {% else %}
  424.                     opacity: 1;
  425.                   {% endif %}
  426.                 }
  427.             entity: sensor.next_dusk
  428.             prefix: "Dusk: "
  429.           - type: state-label
  430.             title: moon elevation
  431.             style:
  432.               transform: none
  433.               right: 1%
  434.               top: 0%
  435.               font-size: 90%
  436.               font-weight: 700
  437.             entity: sensor.astroweather_backyard_moon_altitude
  438.             prefix: "Elevation: "
  439.           - type: state-label
  440.             title: moon azimuth
  441.             style:
  442.               transform: none
  443.               right: 1%
  444.               top: 9%
  445.               font-size: 90%
  446.               font-weight: 700
  447.             entity: sensor.astroweather_backyard_moon_azimuth
  448.             prefix: "Azimuth: "
  449.           - type: state-label
  450.             title: moon phase
  451.             style:
  452.               transform: none
  453.               right: 1%
  454.               top: 18%
  455.               font-size: 90%
  456.               color: silver
  457.             entity: sensor.moon
  458.           - type: state-label
  459.             title: moon illumination
  460.             hold_action:
  461.               action: more-info
  462.               entity: camera.nasa_moon_image
  463.             style:
  464.               transform: none
  465.               right: 1%
  466.               top: 27%
  467.               font-size: 90%
  468.               color: silver
  469.               background: rgba(255,255,255,.0)
  470.             entity: sensor.astroweather_backyard_moon_phase
  471.             prefix: "Illumination: "
  472.           - type: state-label
  473.             title: moonrise
  474.             style:
  475.               transform: none
  476.               right: 1%
  477.               top: 36%
  478.               font-size: 90%
  479.             card_mod:
  480.               style: |
  481.                :host {
  482.                   {% set datetime_value = as_timestamp(states('sensor.astroweather_backyard_moon_next_rising')) | timestamp_custom('%Y-%m-%d %H:%M:%S') %}
  483.                  
  484.                       {# Extract the date from the datetime value #}
  485.                   {% set extracted_date = strptime(datetime_value, '%Y-%m-%d %H:%M:%S').date() %}
  486.  
  487.                       {# Calculate tomorrow's date #}
  488.                   {% set tomorrow_date = (now() + timedelta(days=1)).date() %}
  489.  
  490.                       {# Determine if the extracted date is tomorrow #}
  491.                   {% if (extracted_date == tomorrow_date) or (states('sensor.astroweather_backyard_moon_altitude')|float(0) > 1) %}
  492.                     opacity: 0.5;
  493.                   {% else %}
  494.                     opacity: 1;
  495.                   {% endif %}
  496.                 }
  497.             entity: sensor.next_moonrise
  498.             prefix: "Moonrise: "
  499.           - type: state-label
  500.             title: moonset
  501.             style:
  502.               transform: none
  503.               right: 1%
  504.               top: 45%
  505.               font-size: 90%
  506.             card_mod:
  507.               style: |
  508.                :host {
  509.                   {% set datetime_value = as_timestamp(states('sensor.astroweather_backyard_moon_next_setting')) | timestamp_custom('%Y-%m-%d %H:%M:%S') %}
  510.                  
  511.                       {# Extract the date from the datetime value #}
  512.                   {% set extracted_date = strptime(datetime_value, '%Y-%m-%d %H:%M:%S').date() %}
  513.  
  514.                       {# Calculate tomorrow's date #}
  515.                   {% set tomorrow_date = (now() + timedelta(days=1)).date() %}
  516.  
  517.                       {# Determine if the extracted date is tomorrow #}
  518.                   {% if (states('sensor.astroweather_backyard_moon_altitude')|float(0) < 0) %}
  519.                     opacity: 0.5;
  520.                   {% else %}
  521.                     opacity: 1;
  522.                   {% endif %}
  523.                 }
  524.             entity: sensor.next_moonset
  525.             prefix: "Moonset: "
  526.           - type: image
  527.             tap_action: none
  528.             double_tap_action: none
  529.             hold_action: none
  530.             image: /local/dashboard_photos/sun-icon.png
  531.             style:
  532.               width: 9%
  533.               min-width: 39px
  534.             card_mod:
  535.               style: |
  536.                :host {
  537.                   bottom: {{ (((states('sensor.sun_elevation')|float(0)))+2)|round(1) }}%;
  538.                   left: {{ ((states('sensor.astroweather_backyard_sun_azimuth')|float(0) / 360)*100)|round(1) }}%;
  539.                   opacity:              
  540.                     {% set ele = states('sensor.sun_elevation')|float(0) %}
  541.                     {% set ele_start = -5 %}
  542.                     {% set ele_end = 3 %}
  543.                     {% set ele_range = ele_end - ele_start %}
  544.                     {% set min_opacity = 0.07 %}
  545.                     {% set adj_ele = ele - ele_start %}
  546.                     {% set calc_opacity = adj_ele / ele_range %}
  547.                    
  548.                     {% if ele < ele_start %}
  549.                       {{ min_opacity }};
  550.                     {% elif ele > ele_end %}
  551.                       {{ "1.0" }}
  552.                     {% else %}
  553.                       {% if calc_opacity < min_opacity %}
  554.                         {{ min_opacity }}
  555.                       {% else %}
  556.                         {{ calc_opacity }}
  557.                       {% endif %}
  558.                     {% endif %}
  559.                 }
  560.           - type: image
  561.             tap_action:
  562.               action: more-info
  563.             double_tap_action: none
  564.             hold_action:
  565.               action: more-info
  566.               entity: camera.nasa_moon_image
  567.             camera_image: camera.nasa_moon_image
  568.             entity: sensor.nasa_moon_phase_info
  569.             style:
  570.               width: 5%
  571.               min-width: 28px
  572.             card_mod:
  573.               style: |
  574.                :host {
  575.                   bottom: {{ (((states('sensor.astroweather_backyard_moon_altitude')|float(0)))+7)|round(1) }}%;    
  576.                   left: {{ ((states('sensor.astroweather_backyard_moon_azimuth')|float(0) / 360)*100)|round(1) }}%;
  577.                   opacity:            
  578.                     {% set ele = states('sensor.astroweather_backyard_moon_altitude')|float(0) %}
  579.                     {% set ele_start = -2 %}
  580.                     {% set ele_end = 3 %}
  581.                     {% set ele_range = ele_end - ele_start %}
  582.                     {% set min_opacity = 0.01 %}
  583.                     {% set adj_ele = ele - ele_start %}
  584.                     {% set calc_opacity = adj_ele / ele_range %}
  585.                    
  586.                     {% if ele < ele_start %}
  587.                       {{ min_opacity }};
  588.                     {% elif ele > ele_end %}
  589.                       {{ "1.0" }}
  590.                     {% else %}
  591.                       {% if calc_opacity < min_opacity %}
  592.                         {{ min_opacity }}
  593.                       {% else %}
  594.                         {{ calc_opacity }}
  595.                       {% endif %}
  596.                     {% endif %}
  597.                   {% set comment = "https://community.home-assistant.io/t/display-the-accurate-moon-phase-and-orientation-with-home-assistant-by-gui-only/723099/10" %}
  598.                   border-radius: 50% !important;
  599.                   clip-path: circle(43%) !important;
  600.                 }
  601.           - type: state-label
  602.             style:
  603.               transform: none
  604.               transform-origin: bottom left
  605.               left: 0%
  606.               bottom: 0%
  607.               font-size: 100%
  608.               font-weight: 600
  609.               color: grey
  610.             entity: sensor.dummy_blank_sensor
  611.             prefix: <East
  612.             tap_action: none
  613.             double_tap_action: none
  614.             hold_action: none
  615.           - type: state-label
  616.             style:
  617.               transform: none
  618.               transform-origin: bottom right
  619.               right: 0%
  620.               bottom: 0%
  621.               font-size: 100%
  622.               font-weight: 600
  623.               color: grey
  624.             entity: sensor.dummy_blank_sensor
  625.             tap_action: none
  626.             double_tap_action: none
  627.             hold_action: none
  628.             prefix: West>
  629.           - type: state-label
  630.             title: full moon
  631.             tap_action: none
  632.             double_tap_action: none
  633.             hold_action: none
  634.             style:
  635.               font-size: 120%
  636.               color: lightgreen
  637.               font-weight: 800
  638.             entity: sensor.dummy_blank_sensor
  639.             prefix: "Alert: Warewolves Tonight"
  640.             card_mod:
  641.               style: |
  642.                :host {
  643.                   background: rgba(255,255,255,0.0);
  644.                 {% if is_state('sensor.moon','full_moon') %}
  645.                   opacity: 1;
  646.                   top: 94%;
  647.                   left: 50%;
  648.                 {% else %}
  649.                   opacity: 0;
  650.                   top: -99%;
  651.                   left: -99%;
  652.                 {% endif %}
  653.  
  654.  
  655.  
  656.                 }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!