pages/Websites.html

---
title: My Websites
imageUrl: /img/eclipse.jpg
blurImageUrl: /img/eclipse_blur.jpg
motto: Websites
---

<p>
    I do occasionally build websites for myself and other people.
    Here is a list of websites I have contributed code to directly, in a vain attempt to gain each of them some <a href="https://en.wikipedia.org/wiki/Search_engine_optimization">search engine cred</a>
</p>
<br />
<div class="well row">
    <div class="col-md-3">
        <a href="https://vedauwoogoats.azurewebsites.net">
            <img src="/img/vedauwoo-goats-thumbnail.png" alt="Thumbnail of Vedauwoo Goats homepage" class="img-responsive img-thumbnail" />
        </a>
    </div>
    <div class="col-md-9">

        <h4 class="small-margins">Vedauwoo Goats</h4>
        <h5><a href="https://vedauwoogoats.azurewebsites.net">https://vedauwoogoats.azurewebsites.net</a></h5>
        <p>
            Lists all the goats owned by my friend over at Vedauwoo Goats. I built the site to act as a
            <a href="https://en.wikipedia.org/wiki/Content_management_system">content management system</a>
            , meaning that I'm responsible for the design, and someone else is responsible for the mistakes,
            I mean, content. Sometimes, I will put my two cents on the blog under the moniker "The Web Guru,"
            but only when important web stuff is going on.
        </p>
        <div class="row">
            <div class="col-xs-4">
                <a href="https://asp.net/mvc">
                    <img src="/shapes/mvc-hero.png" class="float-left web-logo" height="32" alt="ASP.NET MVC Logo" />
                    <span class="visible-md visible-lg">ASP.NET MVC 5.0</span>
                </a>
            </div>
            <div class="col-xs-4">
                <a href="https://visualstudio.com">
                    <img src="/shapes/Visual-Studio-2012.svg" class="float-left web-logo" height="32" alt="Visual Studio Logo" />
                    <span class="visible-lg visible-md">Visual Studio 2019</span>
                </a>
            </div>
            <div class="col-xs-4">
                <a href="https://bootswatch.com/3/readable/">
                    <img src="/shapes/bootswatch.png" class="float-left web-logo" height="32" alt="Bootswatch Logo" />
                    <span class="visible-md visible-lg">Bootswatch Readable 3.x</span>
                </a>
            </div>
        </div>
    </div>
</div>

<hr />

<div class="row well">
    <div class="col-md-3">
        <a href="https://millironx.azurewebsites.net">
            <img src="/img/milliron-x-thumbnail.png" alt="Thumbnail of Milliron X website" class="img-thumbnail img-responsive" />
        </a>
    </div>
    <div class="col-md-9">
        <h4 class="small-margins">Milliron X</h4>
        <h5><a href="https://millironx.github.io">https://millironx.github.io</a></h5>
        <p>
            Lo and behold: I made my own website!
        </p>
        <div class="row">
            <div class="col-xs-4">
                <a href="https://jekyllrb.com">
                    <img src="/shapes/jekyll.png" class="float-left web-logo" height="32" alt="Visual Studio Logo" />
                    <span class="visible-md visible-lg">Jekyll</span>
                </a>
            </div>
            <div class="col-xs-4">
                <a href="https://code.visualstudio.com">
                    <img src="/shapes/Visual-Studio-code.svg" class="float-left web-logo" height="32" alt="Visual Studio Code Logo" />
                    <span class="visible-lg visible-md">Visual Studio Code</span>
                </a>
            </div>
            <div class="col-xs-4">
                <a href="https://www.creative-tim.com/product/get-shit-done-kit">
                    <img src="/shapes/gsdk.png" class="float-left img-thumbnail web-logo" height="32" width="32" alt="GSD Kit image" />
                    <span class="visible-md visible-lg">GSD Kit</span>
                </a>
                <br />
                <div style="text-align: center">
                    <i class="fas fa-plus"></i>
                </div>
                <br />
                <a href="https://web.archive.org/web/20140302232556/http://www.jonathanbriehl.com/2014/01/17/vertical-menu-for-bootstrap-3">
                    <img src="/shapes/Reading-panel-WF.svg" class="float-left web-logo" height="32" alt="Sidebar rendering" />
                    <span class="visible-md visible-lg">Vertical Menu for Bootstrap</span>
                </a>
            </div>
        </div>
    </div>
</div>
<hr />

<div class="row well">
    <div class="col-md-3">
        <img src="/img/recordbooks-thumbnail.png" alt="Thumbnail of Albany County 4-H Record Book website" class="img-thumbnail img-responsive" />
    </div>
    <div class="col-md-9">
        <h4 class="small-margins">Albany County 4-H Record Books</h4>
        <h5><a href="http://wyoming4h.org/albany4h/record-book/">http://wyoming4h.org/albany4h/record-book/</a></h5>
        <p>
            I constructed this site to hold the record book helps of the rebellious Albany County, Wyoming.
            Due to the bueracratic lag that it takes to update, it looks a little old right now,
            but a modern, responsive update is completed and will soon be publicly available!
        </p>
        <div class="row">
            <div class="col-xs-4">
                <a href="https://www.w3.org/html/">
                    <img src="/shapes/HTML5-Logo.svg" class="float-left web-logo" height="32" alt="HTML 5 Logo" />
                    <span class="visible-md visible-lg">Plain ol' HTML5</span>
                </a>
            </div>
            <div class="col-xs-4">
                <a href="https://adobe.com/dreamweaver">
                    <img src="/shapes/Adobe-Dreamweaver.svg" class="float-left web-logo" height="32" alt="Dreamweaver Logo" />
                    <span class="visible-lg visible-md">Adobe Dreamweaver CC</span>
                </a>
            </div>
            <div class="col-xs-4">
                <a href="https://bootswatch.com/3/lumen/">
                    <img src="/shapes/bootswatch.png" class="float-left web-logo" height="32" alt="Bootswatch Logo" />
                    <span class="visible-md visible-lg">Bootswatch Lumen 3.x</span>
                </a>
            </div>
        </div>

    </div>
</div>