Add a new footer at Mote's message

README.md

@@ -113,6 +113,34 @@ The web service has the following features
    $ (venv) mote -p 9696 -4
    ```
 
+## Setup Guide for Mac Users
+
+1. Install [Python 3](https://www.python.org/), [Virtualenv](https://virtualenv.pypa.io/en/latest/) and [Poetry](https://python-poetry.org/) on mac machine.
+   ```
+   $ brew install python@3 virtualenv poetry
+   ```
+2. Extract the previously downloaded archive of meeting logs in the `/srv/web` directory.
+   ```
+   $ mkdir -p /srv/web
+   $ tar -xzf meetbot.tar.gz -C /srv/web
+   ```
+3. Create and activate the virtual environment.
+   Navigate into the directory where you extracted the meeting logs.
+Create and activate a virtual environment:
+   ```
+   $ cd /srv/web
+   $ virtualenv venv
+   $ source venv/bin/activate
+   ```
+4. Install the defined packages from the Python project configuration file.
+   ```
+   $ (venv) poetry install
+   ```
+5. Start the development server on an IPv4 address and on port 9696.
+   ```
+   $ (venv) mote -p 9696 -4
+   ```
+
 ## Accessing
 
 The project is be served on http://localhost:9696/ and with appropriate firewall rules, it should be accessible to the devices connected to the same network.

mote/templates/statfile.html.j2

@@ -48,4 +48,17 @@
                     </span>
                 </div>
             </div>
+            <div class="mx-auto flex max-w-screen-xl flex-wrap lg:flex-nowrap lg:justify-center">
+            <div class="w-[200px] flex-none pb-6 lg:pb-0">
+                <img class="FPImage mb-2 xl:mb-0" src="../imgs/red-hat-logo.png" alt="Sponsored by Red Hat Logo">
+            </div>
+            <div class="w-full">
+                <div class="flex justify-center px-4">
+                <p class="text-white">Fedora is sponsored by Red Hat. <a href="https://docs.fedoraproject.org/en-US/quick-docs/fedora-and-red-hat-enterprise-linux/" class="block w-full text-fp-gray underline underline-offset-1"><!--[-->Learn more about the relationship between Red Hat and Fedora.<!--]--></a></p>
+                </div>
+            </div>
+            <div class="w-[200px] flex-none">
+            </div>
+            </div>
+
 {% endblock %}