<div class="m-2 m-lg-4">
    <div class="col-12 mx-5 col-sm-10 col-lg-8 mx-auto p-4 rounded shadow-sm context-main-bg">
        <h2 class="text-center mb-4">About {SITENAME}</h2>
        <p class="lead text-center text-lg-start">
            {SITENAME} was built out of a need to create and manage web applications.
            At the time, I had used wordpress but I didn't want or even need any of the blog functionality.
            No matter what plugins you add, no matter how you customize layout, wordpress is still a blog at its core.
            There is nothing inherently wrong with a blog, but when you start from a blog, everything is a post, or a plugin.
            Under the hood, wordpress is going to run how wordpress wants, as a web interface for accessing text records.
        </p>
        <p class="text-center text-lg-start">
            The Tempus Project was always intended to be a web application, not a blog.
        </p>
        <p class="text-muted text-center text-lg-start">
            Right now, this entire system was built and managed by myself. As stated, I have used my own version of this for years, but translating it to a publicly available product is not a 1-to-1 job. There may be bugs or issues encountered while you use the product. I can't guarantee a fix for every need in every case immediately, but I do actively keep track of bugs and work hard to ensure everyone has a great experience using the app.
        </p>
        <p class="text-center text-lg-start">
            If you encounter any bugs, feel free to report them <a href="/bugreport" class="text-decoration-none">here</a>. Likewise, there are forms for feedback, reviews, suggestions, and a general contact form. Thanks for taking the time to check out the product!
        </p>
        <div class="text-center mt-4 pb-4">
            {loggedin}
                <a href="/bugreport" class="btn btn-primary px-3 btn-lg m-2">Report a Bug</a>
            {/loggedin}
            <a href="/contact" class="btn btn-outline-primary px-3 m-2 btn-lg">Contact Us</a>
        </div>
    </div>
</div>