my layout.erb

<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta http-equiv='X-UA-Compatible' content='IE=edge;chrome=1' />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="css/blog.css" type="text/css" media="screen" />
        <title>Alec Stewart | Developer and Continuous Learner</title>
    </head>
    <body>
        <script type="text/javascript" src="js/mobile.js"></script>
        <nav class="navber" role="navigation" aria-label="main navigation">
            <div class="navbar-brand">
                <a class="navbar-item" href="">
                    <img alt="" src=""/>
                </a>
                <a class="navbar-burger burger" href="">
                    <span></span>
                    <span></span>
                    <span></span>
                </a>
            </div>
            <div class="navbar-menu">
                <div class="navbar-start">
                    <%
                    links = { "Home" => '/', "Posts" => '/posts', "About" => '/about', "Contact" => '/contact' }
                    links.each do |k, v|
                    %>
                        <a class="navbar-link" href="<%= @v %>"><%= @k %></a>
                    <% end %>
                </div>
                <div class="navbar-end"></div>
            </div>
        </nav>
        <% yield %>
        <footer class="footer">
            <div class="columns is-mobile">
                <div class="column">
                    <div class="columns is-mobile">
                        <div class="column is-2 is-offset-1" id="switch-1">
                            <div class="content has-text-centered">
                                <ul>
                                    <%
                                    links = { "Home" => '/', "Posts" => '/posts', "About" => '/about', "Contact" => '/contact' }
                                    links.each do |k, v|
                                    %>
                                        <a class="navbar-link" href="<%= @v %>"><%= @k %></a>
                                    <% end %>
                                </ul>
                            </div>
                        </div>
                        <div class="column is-2">
                            <div class="content has-text-centered">
                                <ul>
                                    <!-- Tags? -->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="column">
                    <div class="columns is-mobile">
                        <div class="column is-2 is-offset-6" id="switch-2">
                            <div class="content has-text-centered">
                                <img src="" alt="Bulma Logo" />
                            </div>
                        </div>
                        <div class="column is-2">
                            <div class="content has-text-centered">
                                <img src="" alt="Coleslaw Logo" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="column">
                    <div class="columns is-mobile">
                        <div class="column is-4 is-offset-2">
                            <div class="content has-text-centered">
                                Unless otherwise credited all material
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </body>
</html>