|
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 {
|
|
|
38 padding-bottom: 10px;
|
|
|
39 }
|
|
|
40
|
|
|
41 .twitter-form {
|
|
|
42 width: 100%;
|
|
|
43 display: flex;
|
|
|
44 align-items: center;
|
|
|
45 }
|
|
|
46
|
|
|
47 .twitter-form__input {
|
|
|
48 flex: 1;
|
|
|
49 margin-right: 5px;
|
|
|
50 font-family: "Courier New", monospace;
|
|
|
51 font-size: 16px;
|
|
51
|
52 }
|
|
|
53 </style>
|
|
8
|
54 </head>
|
|
114
|
55 <body class="main">
|
|
|
56 <div class="main__content">
|
|
|
57 <h1>rsstweet</h1>
|
|
|
58 <p>
|
|
|
59 Proxying any user's tweet for usage with RSS readers.
|
|
|
60 Doesn't actually output <code>rss</code> but generates <code>atom</code> instead.
|
|
|
61 Not that it matters because either way it works with any RSS readers.
|
|
|
62 </p>
|
|
|
63
|
|
|
64 <form class="js-twitter--form twitter-form">
|
|
|
65 <input type="text" placeholder="Enter Username" class="js-twitter--input twitter-form__input" autofocus>
|
|
|
66 <button type="submit">
|
|
|
67 Go
|
|
|
68 </button>
|
|
|
69 </form>
|
|
|
70 </div>
|
|
|
71 <div class="main__footer">
|
|
|
72 <hr>
|
|
|
73 <a href="https://bitbucket.org/nanaya1/rsstweet">Source</a>
|
|
|
74 </div>
|
|
|
75
|
|
|
76 <script>
|
|
|
77 var form = document.getElementsByClassName('js-twitter--form')[0]
|
|
|
78 var input = document.getElementsByClassName('js-twitter--input')[0]
|
|
|
79 var doRedirect = function(e) {
|
|
|
80 e.preventDefault()
|
|
|
81 document.location = "/" + input.value
|
|
|
82 }
|
|
|
83
|
|
|
84 form.addEventListener('submit', doRedirect)
|
|
|
85 </script>
|
|
8
|
86 </body>
|
