ToX82/logHappens

<div class="row">
    <div class="col-8 offset-2">
        <div class="card border-secondary mb-3">
            <div class="card-header">
                About LogHappens
            </div>
            <div class="card-body">
                <h5>Bug happens... <span class="iconify" data-icon="emojione-v1:pile-of-poo" data-inline="true" data-width="40"></span></h5>
                <p>
                    Every developer knows that. The frustrating part is that when you want to figure out what went
                    wrong, you often find yourself sifting through hundreds of lines of log files, written in a
                    format that seems to defy human comprehension.
                </p>

                <h5>That's why LogHappens exists!</h5>
                <p>
                    LogHappens is here to solve this very problem. It's a simple tool that won't prevent
                    you from writing bugs, but it will promptly notify you whenever something gets logged
                    by your web server or your favorite framework.
                </p>

                <h5>Does it handle different log formats?</h5>
                <p>
                    Of course it does. Every software has its own bugs, and every software has its own
                    unique way of logging events. That's why we've made LogHappens as user-friendly as possible,
                    allowing you to easily create your own log file reading routine. We've even included a few
                    "standard" log parsers that you can use right away.

                <h5>Any troubles?</h5>
                <p>
                    To start using LogHappens, you'll need to configure a few things. If you
                    run into any issues, please refer to our <a href="<?= buildUrl("display/start") ?>">Start</a>
                    or <a href="<?= buildUrl("display/troubleshooting") ?>">Troubleshooting</a> page.
                    And if you happen to come across any technical problems, don't hesitate to open an issue on
                    <a href="https://github.com/ToX82/logHappens/issues">GitHub</a>.
                </p>

                <h5>Do you like LogHappens? Spread the word!</h5>
                <p>
                    <div class="d-inline-block mx-2" title="Share via Facebook">
                        <a href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Floghappens.com" target="_blank">
                            <span class="iconify" data-icon="logos:facebook" data-inline="false" data-width="36"></span>
                        </a>
                    </div>
                    <div class="d-inline-block mx-2" title="Tweet via Twitter">
                        <a href="https://twitter.com/intent/tweet/?text=&amp;url=https%3A%2F%2Floghappens.com" target="_blank">
                            <span class="iconify" data-icon="simple-icons:x" color="#0f1419" data-inline="false" data-width="36"></span>
                        </a>
                    </div>
                    <div class="d-inline-block mx-2" title="Share via Linkedin">
                        <a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Floghappens.com&amp;title=&amp;summary=&amp;source=https%3A%2F%2Floghappens.com" target="_blank">
                            <span class="iconify" data-icon="ps:linkedin-alt" data-inline="false" style="color: #185f87;" data-width="36"></span>
                        </a>
                    </div>
                    <div class="d-inline-block mx-2" title="Share via Whatsapp">
                        <a href="whatsapp://send?text=%20https%3A%2F%2Floghappens.com" target="_blank">
                            <span class="iconify" data-icon="logos:whatsapp-icon" data-inline="false" data-width="36"></span>
                        </a>
                    </div>
                    <div class="d-inline-block mx-2" title="Share via Email">
                        <a href="mailto:?subject=&amp;body=https%3A%2F%2Floghappens.com" target="_blank">
                            <span class="iconify" data-icon="logos:google-gmail" data-inline="false" data-width="36"></span>
                        </a>
                    </div>
                </p>
            </div>
        </div>
    </div>
</div>