view app/views/tweets/index.html.erb @ 116:32c8c150cd80

100% less javascripts
author nanaya <me@myconan.net>
date Sun, 12 Feb 2017 16:59:32 +0900
parents 394235fd42d2
children e3067b426b70
line wrap: on
line source

<!DOCTYPE html>
<head>
  <title>rsstweet</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <style type="text/css">
    *, *::before, *::after {
      box-sizing: border-box;
    }

    html {
      line-height: 1.5;
      font-family: Arial, sans-serif;
      font-size: 14px;
      height: 100%;
    }

    code {
      font-family: "Courier New", monospace;
    }

    .main {
      margin: auto;
      max-width: 600px;
      width: 100%;
      display: flex;
      flex-direction: column;
      height: 100%;
      padding: 0 10px;
    }

    .main__content {
      flex: 1;
    }

    .main__footer {
      padding-bottom: 10px;
    }

    .twitter-form {
      width: 100%;
      display: flex;
      align-items: center;
    }

    .twitter-form__input {
      flex: 1;
      margin-right: 5px;
      font-family: "Courier New", monospace;
      font-size: 16px;
    }
  </style>
</head>
<body class="main">
  <div class="main__content">
    <h1>rsstweet</h1>
    <p>
      Proxying any user's tweet for usage with RSS readers.
      Doesn't actually output <code>rss</code> but generates <code>atom</code> instead.
      Not that it matters because either way it works with any RSS readers.
    </p>

    <form class="js-twitter--form twitter-form">
      <input
        name="id"
        type="text"
        placeholder="Enter Username"
        class="js-twitter--input twitter-form__input"
        autofocus
      >
      <button type="submit">
        Go
      </button>
    </form>
  </div>
  <div class="main__footer">
    <hr>
    <a href="https://bitbucket.org/nanaya1/rsstweet">Source</a>
  </div>
</body>