rbbMdG

index.html

<div class="uk-flex uk-flex-middle uk-flex-center uk-padding-large" uk-height-viewport>
  <div class="uk-width-1-1 uk-width-1-3@m uk-text-center">
    <h1 class="uk-text-bold uk-margin-remove">ahem.wtf</h1>
    <p class="uk-margin-remove">Need a random WTF GIF? Just type <code>https://ahem.wtf</code> in almost any message field.</p>
    <div class="uk-margin-small-top">
      <div class="uk-grid-match" uk-grid>
        <div class="uk-width-expand">
          <input type="text" class="uk-input" </div>
        </div>
      </div>
    </div>
  </div>

rbbmdg.markdown

rbbMdG

A Pen by GeorgeNet on CodePen.

License.

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.41/js/uikit-icons.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.41/js/uikit.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.41/css/uikit.css" rel="stylesheet" />