renemarc/home-assistant-config

<!-- Header -->
[link-profile]:https://github.com/renemarc
[link-repo]:https://github.com/renemarc/home-assistant-config

<a name="top"></a>
<code>[renemarc][link-profile] / **[home-assistant-config][link-repo]** / **www** /</code>

<p align="right"><sub><strong><a href="https://github.com/renemarc/home-assistant-config">🏠 Home Assistant configuration for a smart-looking place! 😎</a><br>Be sure to <a href="#" title="star">⭐️</a> or <a href="#" title="fork">🔱</a> this repo!</strong></sub></p>

<!-- Hero -->
<figure>
    <div align="center">
        <a href="#-images" title="Images"><img src="images/technology-diagram.png" alt="Technology diagram" width="140"></a>
        <a href="#-screenshots" title="Screenshots"><img src="screenshots/group-climate.png" alt="Climate control group" width="140"></a>
        <a href="#-screenshots" title="Screenshots"><img src="screenshots/group-security-dark.png" alt="Security Status group (dark theme)" width="140"></a>
    </div>
</figure>

<h1 align="center">Public folder</h1>

This is Home Assistant's publicly accessible web folder.

## Contents

### [`🌈 ./cameras/`](cameras)

Where non-sensitive camera images are stored and published.

<div align="center">
    <figure>
        <div>
            <img src="cameras/front.jpg" alt="Front camera placeholder" title="Front camera placeholder" width="325">
        </div>
        <figcaption>
            <p><strong><a href="cameras"><code>./cameras/</code></a> images.</strong></p>
        </figcaption>
    </figure>
</div>

<p align="right"><a href="#top" title="Back to top">🔝</a></p>

### [`🖼 ./images/`](images)

<div align="center">
    <figure>
        <div>
            <img src="images/technology-diagram.png" alt="Technology diagram" title="Technology diagram" width="650">
        </div>
        <figcaption>
            <p><strong>Various supporting <a href="images"><code>./images/</code></a>.</strong></p>
        </figcaption>
    </figure>
</div>

<p align="right"><a href="#top" title="Back to top">🔝</a></p>

### [`📸 ./screenshots/`](screenshots)

<div align="center">
    <figure>
        <div>
            <img src="screenshots/group-climate.png" alt="Climate control group" title="Climate control" width="325">
            <img src="screenshots/group-security-dark.png" alt="Security Status group (dark theme)" title="Security Status (dark theme)" width="325">
        </div>
        <figcaption>
            <p><strong>Sample <a href="screenshots"><code>./screenshots/</code></a>.</strong></p>
        </figcaption>
    </figure>
</div>

<!-- Footer -->
<p align="right"><a href="#top" title="Back to top">🔝</a></p>

<p align="center"><strong>Don't forget to <a href="#" title="star">⭐️</a> or <a href="#" title="fork">🔱</a> this repo! 😃</strong></p>

[🏠 Home][link-repo]