Compare commits

..

2 Commits

Author SHA1 Message Date
pictuga a0e8e84a67 sheet.xsl: mobile-friendly view & url fix 2020-03-20 19:47:43 +01:00
pictuga a90fd682db sheet.xsl: show feed url (js-based) 2020-03-20 19:46:20 +01:00
1 changed files with 20 additions and 5 deletions

View File

@ -7,12 +7,24 @@
<html> <html>
<head> <head>
<title>RSS feed by morss</title> <title>RSS feed by morss</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
<style type="text/css"> <style type="text/css">
body > pre { body {
overflow-wrap: anywhere;
word-wrap: anywhere;
}
#url {
background-color: rgba(255, 165, 0, 0.25);
padding: 1% 5%;
display: inline-block;
max-width: 100%;
}
body > ul {
background-color: #FFFAF4; background-color: #FFFAF4;
padding: 1%; padding: 1%;
overflow-x: scroll;
max-width: 100%; max-width: 100%;
} }
@ -40,8 +52,6 @@
margin: 0; margin: 0;
max-width: 100%; max-width: 100%;
white-space: normal; white-space: normal;
overflow-wrap: anywhere;
word-wrap: anywhere;
} }
</style> </style>
</head> </head>
@ -50,12 +60,17 @@
<h1>RSS feed by morss</h1> <h1>RSS feed by morss</h1>
<p>Your RSS feed is <strong style="color: green">ready</strong>. You <p>Your RSS feed is <strong style="color: green">ready</strong>. You
can enter the url of this page in your newsreader.</p> can enter the following url in your newsreader:</p>
<div id="url"></div>
<ul> <ul>
<xsl:apply-templates/> <xsl:apply-templates/>
</ul> </ul>
<script>
document.getElementById("url").innerHTML = window.location.href;
</script>
</body> </body>
</html> </html>
</xsl:template> </xsl:template>