bodrovis

# A (very) naive approach to load arbitrary number of tweets
# using max_id option

require 'twitter'

client = Twitter::REST::Client.new do |config|
	config.consumer_key        = ''
	config.consumer_secret     = ''
	config.access_token = ''
	config.access_token_secret = ''

bodrovis

<!-- index.html -->

<nav class="navbar navbar-dark bg-dark" role="navigation">
</nav>

<main class="container">
  <!-- main content -->
</main>

<!-- footer -->

bodrovis

<!-- index.html -->

<nav class="navbar navbar-dark bg-dark" role="navigation">
  <div class="container">
  </div>
</nav>

bodrovis

<!-- index.html -->

<nav class="navbar navbar-dark bg-dark" role="navigation">
  <div class="container">
    <a class="navbar-brand" href="/">Personal Site</a>
  </div>
</nav>

bodrovis

<!-- index.html -->

<nav class="navbar navbar-dark bg-dark" role="navigation">
  <div class="container">
    <a class="navbar-brand" href="/">Personal Site</a>
    
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="/">Home</a>
      </li>

bodrovis

<!-- index.html -->

<nav class="navbar navbar-dark bg-dark navbar-expand-md" role="navigation">
  <div class="container">
    <a class="navbar-brand" href="/">Personal Site</a>
    
    <ul class="navbar-nav">
      <!-- items -->
    </ul>
  </div>

bodrovis

<!-- index.html -->

<nav class="navbar navbar-dark bg-dark navbar-expand-md" role="navigation">
  <div class="container">
    <a class="navbar-brand" href="/">Personal Site</a>
    
    <div class="collapse navbar-collapse" id="globalNav">
      <ul class="navbar-nav">
        <!-- items -->
      </ul>

bodrovis

<!-- index.html -->

<nav class="navbar navbar-dark bg-dark navbar-expand-md" role="navigation">
  <div class="container">
    <a class="navbar-brand" href="/">Personal Site</a>
    
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#globalNav" aria-controls="globalNav" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
      

bodrovis

<main class="container mt-3">
  <!-- content -->
</main>

bodrovis

<div class="container">
  <div class="row">
    <div class="col-md-4 col-sm-6">
      I will occupy 6 columns on small screens, and 4 columns on larger screens. Will stack horizontally only on extra small screens.
    </div>
    
    <div class="col-md-4 col-sm-6">
      I will occupy 6 columns on small screens, and 4 columns on larger screens. Will stack horizontally only on extra small screens.
    </div>