view app/views/tweets/index.html.erb @ 218:c5a101bc4a09

Update gems
author nanaya <me@nanaya.pro>
date Thu, 27 May 2021 01:53:53 +0900
parents d58666587a55
children e181716b8dc8
line wrap: on
line source

<!DOCTYPE html>
<html lang="en">
<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>
    *, *::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: 5px 0;
      border-top: 1px solid #000;
      margin-top: 10px;
    }

    .twitter-form {
      text-align: center;
      background-color: #eee;
      border: 1px solid #ccc;
      padding: 10px;
    }

    .twitter-form__input {
      width: 100%;
      margin-right: 5px;
      font-family: "Courier New", monospace;
      font-size: 16px;
      padding: 5px;
    }

    .twitter-form__button {
      margin-top: 10px;
      padding: 5px 30px;
    }
  </style>
</head>
<body class="main">
  <div class="main__content">
    <h1>rsstweet</h1>
    <p>
      Proxies Twitter user timeline 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="twitter-form">
      <input
        name="id"
        type="text"
        placeholder="Enter Username"
        class="twitter-form__input"
        autofocus
      >
      <button type="submit" class="twitter-form__button">
        Go
      </button>
    </form>
  </div>
  <div class="main__footer">
    <a href="https://bitbucket.org/nanaya1/rsstweet">Source</a>
  </div>
</body>
</html>