Mercurial > rsstweet
annotate app/views/tweets/index.html.erb @ 253:d726e8b92dd1
Support animated gif (same as video)
| author | nanaya <me@nanaya.net> |
|---|---|
| date | Mon, 25 Mar 2024 02:49:50 +0900 |
| parents | d6a545dba986 |
| children |
| rev | line source |
|---|---|
| 8 | 1 <!DOCTYPE html> |
|
188
d58666587a55
Whoops wrong lang attribute placement
nanaya <me@nanaya.pro>
parents:
187
diff
changeset
|
2 <html lang="en"> |
|
d58666587a55
Whoops wrong lang attribute placement
nanaya <me@nanaya.pro>
parents:
187
diff
changeset
|
3 <head> |
| 8 | 4 <title>rsstweet</title> |
| 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
| 114 | 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 51 | 7 |
| 187 | 8 <style> |
| 114 | 9 *, *::before, *::after { |
| 10 box-sizing: border-box; | |
| 11 } | |
| 12 | |
| 13 html { | |
| 14 line-height: 1.5; | |
| 15 font-family: Arial, sans-serif; | |
| 16 font-size: 14px; | |
| 17 height: 100%; | |
| 18 } | |
| 19 | |
| 20 code { | |
| 21 font-family: "Courier New", monospace; | |
| 22 } | |
| 23 | |
| 24 .main { | |
| 25 margin: auto; | |
| 26 max-width: 600px; | |
| 27 width: 100%; | |
| 28 display: flex; | |
| 29 flex-direction: column; | |
| 30 height: 100%; | |
| 31 padding: 0 10px; | |
| 32 } | |
| 33 | |
| 34 .main__content { | |
| 35 flex: 1; | |
| 36 } | |
| 37 | |
| 38 .main__footer { | |
| 117 | 39 padding: 5px 0; |
| 40 border-top: 1px solid #000; | |
| 119 | 41 margin-top: 10px; |
| 114 | 42 } |
| 43 | |
| 44 .twitter-form { | |
| 117 | 45 text-align: center; |
| 46 background-color: #eee; | |
| 47 border: 1px solid #ccc; | |
| 48 padding: 10px; | |
| 114 | 49 } |
| 50 | |
| 51 .twitter-form__input { | |
| 117 | 52 width: 100%; |
| 114 | 53 margin-right: 5px; |
| 54 font-family: "Courier New", monospace; | |
| 55 font-size: 16px; | |
| 117 | 56 padding: 5px; |
| 57 } | |
| 58 | |
| 59 .twitter-form__button { | |
| 60 margin-top: 10px; | |
| 61 padding: 5px 30px; | |
| 51 | 62 } |
| 63 </style> | |
| 8 | 64 </head> |
| 114 | 65 <body class="main"> |
| 66 <div class="main__content"> | |
| 67 <h1>rsstweet</h1> | |
| 68 <p> | |
| 118 | 69 Proxies Twitter user timeline for usage with RSS readers. |
| 114 | 70 Doesn't actually output <code>rss</code> but generates <code>atom</code> instead. |
| 71 Not that it matters because either way it works with any RSS readers. | |
| 72 </p> | |
| 73 | |
| 117 | 74 <form class="twitter-form"> |
| 116 | 75 <input |
| 247 | 76 name="name" |
| 116 | 77 type="text" |
| 78 placeholder="Enter Username" | |
| 117 | 79 class="twitter-form__input" |
| 116 | 80 autofocus |
| 81 > | |
| 117 | 82 <button type="submit" class="twitter-form__button"> |
| 114 | 83 Go |
| 84 </button> | |
| 85 </form> | |
| 86 </div> | |
| 87 <div class="main__footer"> | |
| 248 | 88 <a href="https://hg.nanaya.net/rsstweet">Source</a> |
| 114 | 89 </div> |
| 8 | 90 </body> |
|
188
d58666587a55
Whoops wrong lang attribute placement
nanaya <me@nanaya.pro>
parents:
187
diff
changeset
|
91 </html> |