other_mirrors/ rss-to-activitypub
1
0
Fork 0
mirror of https://github.com/dariusk/rss-to-activitypub.git synced 2024-11-22 17:29:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

add style

This commit is contained in:
adrien 2018-10-15 18:57:37 +02:00
parent dea3bcfc60
commit cf4ac7efe5
1 changed files with 35 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
public/convert/index.html
View File

@ -5,43 +5,44 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Convert an RSS feed to ActivityPub</title> <title>Convert an RSS feed to ActivityPub</title>
<style> <style>
body { body {font-family: sans-serif;display: flex;flex-direction: column;min-height: 100vh;max-width: 70%;min-width: 500px;margin: 0 auto;color: #9baec8;background: #313543;text-align: center}
font-family: sans-serif; header {margin-top:10px}
max-width: 900px; .box {background-color: #282c37; border-radius:4px;margin-bottom:10px}
margin: 30px; header h1 {color:white}
} footer {padding: 10px 0}
img { a {color: #d9e1e8}
max-width: 100px; fieldset {border: none;margin: 2.5em 0}
} img {max-width: 100px}
li { li {margin-bottom: 0.2em}
margin-bottom: 0.2em; input, button {width: 300px;font-size: 1.2em}
} .hint {font-size: 0.8em}
.account { input {box-sizing: border-box;font-size: 1em;color: #ffffff;font-family: inherit;background: #131419;border: 1px solid #0a0b0e;border-radius: 4px;padding: 10px}
} input:focus, input:active {border-color: #79bd9a}
input { button {border: 0;border-radius: 4px;background: #2b90d9;color: #ffffff;text-transform: uppercase;text-align: center;cursor: pointer;padding: 10px 0;font-weight: bold}
width: 300px; #out {border-top: 1px solid #393f4f;color:white}
font-size: 1.2em;
}
.hint {
font-size: 0.8em;
}
button {
font-size: 1.2em;
}
</style> </style>
</head> </head>
<body> <body>
<h1>Convert an RSS feed to ActivityPub</h1> <header class=box>
<h1>🐘 Convert an RSS feed to ActivityPub</h1>
<p>Put the full RSS feed URL in here, and pick a username for the account that will track the feed.</p> <p>Put the full RSS feed URL in here, and pick a username for the account that will track the feed.</p>
</header>
<article class=box>
<fieldset>
<p> <p>
<input id="feed" type="text" placeholder="https://example.com/feed.xml"/> <input id="feed" type="text" placeholder="https://example.com/feed.xml" required/>
</p> </p>
<p> <p>
<input id="username" type="text" placeholder="username"/><br><span class="hint">only letters, digits, and underscore (_) allowed</span> <input id="username" type="text" placeholder="username" required/><br><span class="hint">only letters, digits, and underscore (_) allowed</span>
</p> </p>
<button onclick="submit()">Submit</button> <button onclick="submit()">Submit</button>
</fieldset>
<div id="out"> <div id="out">
</div> </div>
</article>
<footer class=box>
Created by <a href="https://github.com/dariusk">Darius Kazemi</a> under mit license, see on <a href="https://github.com/dariusk/activtypub-to-rss">GitHub</a>
</footer>
<script> <script>
// https://bots.tinysubversions.com/api/convert/?feed=https://toomuchnotenough.site/feed.xml&username=tmne // https://bots.tinysubversions.com/api/convert/?feed=https://toomuchnotenough.site/feed.xml&username=tmne