index.html

<!DOCTYPE html>
<html>
    <head lang="en">
        <title>Kaleem Clarkson | Kaleem Clarkson | Drupal front-end web developer and entrepreneur in Atlanta, Georgia</title>
        <meta charset="utf-8">
        <meta name="theme-color" content="#ffffff">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
                    <meta name="robots" content="noindex, follow">
                         <link rel="stylesheet" href="/build/app.css">
        <script src="https://use.fontawesome.com/f516181bbc.js"></script>


        <link rel="apple-touch-startup-image" href="/build/2048x2048.png">
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-capable" content="yes">


        <link rel="alternate" type="application/atom+xml" href="/atom.xml" title="Kaleem Clarkson activity feed" />
                                    </head>
    <body>
        <header>
            <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
                <div class="container">
                    <a class="navbar-brand" href="/">
                        <a class="navbar-brand" href="/">
                            <div class ="brand-name">clarkson</div>
                            <div class="brand-number">55</div>
                        </a>
                    </a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarCollapse">
                        <ul class="navbar-nav ml-auto">
                            <li class="nav-item"><a class="nav-link" href="/projects">portfolio</a></li>
                            <li class="nav-item"><a class="nav-link" href="https://resume.io/r/dJrYALSWT">resume</a></li>
                            <li class="nav-item"><a class="nav-link" href="/blog">blog</a></li>
                            <li class="nav-item"><a class="nav-link" href="/about">about me</a></li>
                            <li class="nav-item"><a class="nav-link" href="/contact">contact</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </header>
        <main role="main" class="container">
            <div class="main-wrapper">

                <div class="col-lg-8 main-content">
                    <!-- Main jumbotron for a primary marketing message or call to action -->
<div class= "content hm-page jumbotron">
    <h1>my name is <br>Kaleem Clarkson</h1>
    <p>I am a husband, father, front-end web developer, designer, Drupal evangelist and entrepreneur from Bangor, Maine. Yes the home of Stephen King and Paul Bunyan. I hope you enjoy my projects and find my thoughts useful.</p>
    <a href ="/about" class="btn btn-primary" role="button">learn more</a>
</div>


<!-- RECENT PROJECTS  -->
<header>
    <h1>Recent Projects</h1>
</header>
<article>
<div class="recent-projects">
    <div class="card-deck">
        <a class="card" href="/project/2019/03/26/issotl">
            <div class="project">
                <img src="/images/projects/issotl.jpg" class="card-img-top">
                <div class="project-title">
                    <p>International Society for the Scholarship of Teaching and Learning</p> 
                </div>
            </div>
        </a>
        <a class="card" href="/project/2018/08/04/ksu-fdr">
            <div class="project">
                    <img src="/images/projects/fdr.jpg" class="card-img-top">
                    <div class="project-title">
                    <p>Faculty Development and Recognition. KSU</p> 
                    </div>
            </div>
        </a>
    </div>
    
    <div class="card-deck">

        <a class ="card" href="/project/2018/04/08/ddi">
            <div class="project">
                <img src="/images/projects/ddi.jpg" class="card-img-top">
                <div class="project-title">
                    <p>Drupal Diversity & Inclusion Initiative</p> 
                </div> 
            </div>
        </a>
        <a class="card" href="/project/2017/10/14/iced">
            <div class="project">   
                <img src="/images/projects/iced.jpg" class="card-img-top">
                <div class="project-title">
                    <p>International Consortium for Educational Developers</p> 
                </div>
            </div>
        </a>
</div>

    
</div>
    <p>
        <a href="/projects" class="btn-view-all btn btn-primary">
            view all projects &raquo;
        </a>
    </p>

</article>

<!--- BLOG POSTS -->    
<header>
    <h1>Blog Posts</h1>
</header>
	
    <div class="article-page list-teaser" >
        <ul class="list-unstyled">
                        <li>
                <div class="article-header">
                    <h2>
                     
                        		<div class="date">
		        <div class="month"> Jan</div>
		        <div class="day">30</div>
		        <div class="year">2019</div>
		</div>

                                        </h2>
                    <h3> <a href="https://medium.com/drupal-atlanta/how-to-ignore-local-changes-to-your-settings-php-file-in-drupal-8-with-git-f36b9b50ac7a" class="post-title">How to Ignore Local Changes to Your settings.php File in Drupal 8 with Git</a></h3>
                </div>
                    <div class="article-text">
                        
                        <p>
                                                            As many of you know, I am a huge Pantheon hosting fanboy and can still remember the days during the beta launch of being blown away that I have three different environments out of the box, with dev, test and live. Another great service they added recently is that all...
                        </p>
                        <a href="https://medium.com/drupal-atlanta/how-to-ignore-local-changes-to-your-settings-php-file-in-drupal-8-with-git-f36b9b50ac7a" class="btn btn-primary">
                            read more &raquo;
                        </a>
                    </div>
            </li>
                        <li>
                <div class="article-header">
                    <h2>
                     
                        		<div class="date">
		        <div class="month"> Dec</div>
		        <div class="day">28</div>
		        <div class="year">2018</div>
		</div>

                                        </h2>
                    <h3> <a href="https://medium.com/drupal-atlanta/an-8-year-old-drupal-core-issue-that-the-community-needs-help-to-solve-57ee79fee619" class="post-title">An 8-Year-Old Drupal Core Issue That the Community Needs Help to Solve</a></h3>
                </div>
                    <div class="article-text">
                        
                        <p>
                                                            One of the many great advantages of being a part of an open source project is that there are so many smart people out there are willing to contribute their time for the betterment of the project. This ability to crowdsource bugs and feature requests that rarely stumps the community...
                        </p>
                        <a href="https://medium.com/drupal-atlanta/an-8-year-old-drupal-core-issue-that-the-community-needs-help-to-solve-57ee79fee619" class="btn btn-primary">
                            read more &raquo;
                        </a>
                    </div>
            </li>
            
        </ul>
    </div>

	
                </div>

                <div class="col-lg-4 sidebar">

                    <div class="card bg-light">
                        <div class="headshot-container">
                            <a href="/about" class="headshot">
                                <img src="/images/clarkson.headshot.png">
                            </a>
                        </div>
                        <div class="name-social">
                            <h3>Kaleem Clarkson</h3>
                             
                            <small>Drupal front-end web developer and entrepreneur in Atlanta, Georgia</small>
                                                        <ul>
                                <li><a href="https://www.drupal.org/u/kclarkson"><i class="fa fa-drupal fa-2x"></i></a></li>
                                <li><a href="http://twitter.com/kaleemclarkson"><i class="fa fa-twitter fa-2x"></i></a></li>
                                <li><a href="http://www.linkedin.com/in/kaleemclarkson"><i class="fa fa-linkedin fa-2x"></i></a></li>
                                <li><a href="https://medium.com/@kaleemclarkson"><i class="fa fa-medium fa-2x"></i></a></li>
                                <li><a href="http://github.com/kclarkson"><i class="fa fa-github fa-2x"></i></a></li>
                                
                            </ul>
                        </div>
                    </div> <!---End of card bg-light-->

                    <a href="/contact">
                        <div class="contact card">
                            <i class="fa fa-envelope-o fa-2x"></i>contact me
                        </div>
                    </a>

                    <div class= "card bg-light sidebar-nav sidebar-tools">
                        <h2><i class="fa fa-wrench fa-2x"></i>my toolbox</h2>
                        <ul class="list-unstyled">
                            <li class="nav-item"><a href="http://drupal.org">Drupal</a></li>
                            <li class="nav-item"><a href="https://www.drush.org/">Drush</a></li>
                            <li class="nav-item"><a href="http://sass-lang.com/">SASS</a></li>
                            <li class="nav-item"><a href="http://twig.sensiolabs.org/">Twig</a></li>
                            <li class="nav-item"><a href="https://getcomposer.org/">Composer</a></li>
                            <li class="nav-item"><a href="https://gulpjs.com/">Gulp</a></li>
                            <li class="nav-item"><a href="https://sculpin.io/">Sculpin</a></li>
                            <li class="nav-item"><a href="https://foundation.zurb.com/">Foundation</a></li>
                            <li class="nav-item"><a href="http://getbootstrap.com/">Bootstrap</a></li>
                            <li class="nav-item"><a href="https://tailwindcss.com/">Tailwind CSS</a></li>
                            
                        </ul>
                    </div>  <!---End of sidbar-tools and nav-->
                </div> <!-- End of Sidebar-->
            </div> <!-- End of Main Wrapper -->
        </main>
        <footer class="container">
            <span class="text-muted">&copy; 2019 Kaleem Clarkson</span>
        </footer>

        <script src="/build/app.js"></script>
                
        
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-58073045-1', 'auto');
            ga('send', 'pageview');
        </script>
        
                    </body>
</html>