|
8
|
1 <!DOCTYPE html>
|
|
|
2 <head>
|
|
|
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
|
|
|
7 <style type="text/css">
|
|
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;
|
|
114
|
40 }
|
|
|
41
|
|
|
42 .twitter-form {
|
|
117
|
43 text-align: center;
|
|
|
44 background-color: #eee;
|
|
|
45 border: 1px solid #ccc;
|
|
|
46 padding: 10px;
|
|
114
|
47 }
|
|
|
48
|
|
|
49 .twitter-form__input {
|
|
117
|
50 width: 100%;
|
|
114
|
51 margin-right: 5px;
|
|
|
52 font-family: "Courier New", monospace;
|
|
|
53 font-size: 16px;
|
|
117
|
54 padding: 5px;
|
|
|
55 }
|
|
|
56
|
|
|
57 .twitter-form__button {
|
|
|
58 margin-top: 10px;
|
|
|
59 padding: 5px 30px;
|
|
51
|
60 }
|
|
|
61 </style>
|
|
8
|
62 </head>
|
|
114
|
63 <body class="main">
|
|
|
64 <div class="main__content">
|
|
|
65 <h1>rsstweet</h1>
|
|
|
66 <p>
|
|
118
|
67 Proxies Twitter user timeline for usage with RSS readers.
|
|
114
|
68 Doesn't actually output <code>rss</code> but generates <code>atom</code> instead.
|
|
|
69 Not that it matters because either way it works with any RSS readers.
|
|
|
70 </p>
|
|
|
71
|
|
117
|
72 <form class="twitter-form">
|
|
116
|
73 <input
|
|
|
74 name="id"
|
|
|
75 type="text"
|
|
|
76 placeholder="Enter Username"
|
|
117
|
77 class="twitter-form__input"
|
|
116
|
78 autofocus
|
|
|
79 >
|
|
117
|
80 <button type="submit" class="twitter-form__button">
|
|
114
|
81 Go
|
|
|
82 </button>
|
|
|
83 </form>
|
|
|
84 </div>
|
|
|
85 <div class="main__footer">
|
|
|
86 <a href="https://bitbucket.org/nanaya1/rsstweet">Source</a>
|
|
|
87 </div>
|
|
8
|
88 </body>
|
