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