2020-03-20 14:32:44 +00:00
|
|
|
<?xml version="1.0" encoding="utf-8"?>
|
2020-04-15 20:30:45 +00:00
|
|
|
<xsl:stylesheet version="1.1"
|
|
|
|
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
|
|
|
|
xmlns:atom="http://www.w3.org/2005/Atom"
|
|
|
|
xmlns:atom03="http://purl.org/atom/ns#"
|
|
|
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
|
|
|
xmlns:content="http://purl.org/rss/1.0/modules/content/"
|
|
|
|
xmlns:rssfake="http://purl.org/rss/1.0/"
|
|
|
|
>
|
2020-03-20 14:32:44 +00:00
|
|
|
|
|
|
|
<xsl:output method="html"/>
|
|
|
|
|
|
|
|
<xsl:template match="/">
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>RSS feed by morss</title>
|
2020-03-20 18:47:43 +00:00
|
|
|
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
|
2020-04-15 20:30:45 +00:00
|
|
|
<meta name="robots" content="noindex" />
|
2020-03-20 14:32:44 +00:00
|
|
|
|
|
|
|
<style type="text/css">
|
2020-03-20 18:47:43 +00:00
|
|
|
body {
|
|
|
|
overflow-wrap: anywhere;
|
|
|
|
word-wrap: anywhere;
|
2020-04-03 15:47:19 +00:00
|
|
|
font-family: sans;
|
2020-03-20 18:47:43 +00:00
|
|
|
}
|
|
|
|
|
2020-04-25 13:21:47 +00:00
|
|
|
input {
|
|
|
|
font-family: inherit;
|
|
|
|
font-size: inherit;
|
|
|
|
text-align: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.input-combo {
|
|
|
|
display: flex;
|
|
|
|
flex-flow: row;
|
|
|
|
align-items: stretch;
|
|
|
|
|
|
|
|
width: 800px;
|
|
|
|
max-width: 100%;
|
|
|
|
margin: auto;
|
|
|
|
|
|
|
|
border: 1px solid grey;
|
|
|
|
|
|
|
|
padding: .5em .5em;
|
|
|
|
background-color: #FFFAF4;
|
|
|
|
}
|
|
|
|
|
|
|
|
.input-combo * {
|
2020-03-20 18:47:43 +00:00
|
|
|
display: inline-block;
|
2020-04-25 13:21:47 +00:00
|
|
|
line-height: 2em;
|
|
|
|
border: 0;
|
|
|
|
background: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.input-combo > :not(.button) {
|
2020-03-20 18:47:43 +00:00
|
|
|
max-width: 100%;
|
2020-04-25 13:21:47 +00:00
|
|
|
flex-grow: 1;
|
|
|
|
flex-shrink 0;
|
|
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.input-combo .button {
|
|
|
|
flex-grow: 0;
|
|
|
|
flex-shrink 1;
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
min-width: 2em;
|
|
|
|
text-align: center;
|
|
|
|
border-left: 1px solid silver;
|
|
|
|
color: #06f;
|
|
|
|
}
|
|
|
|
|
|
|
|
[onclick_title] {
|
|
|
|
cursor: pointer;
|
|
|
|
position: relative;
|
2020-03-20 18:47:43 +00:00
|
|
|
}
|
|
|
|
|
2020-04-25 13:21:47 +00:00
|
|
|
[onclick_title]::before {
|
|
|
|
opacity: 0;
|
|
|
|
|
|
|
|
content: attr(onclick_title);
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
left: -300%;
|
|
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
|
|
background: grey;
|
|
|
|
color: white;
|
|
|
|
|
|
|
|
border-radius: 0.5em;
|
|
|
|
padding: 0 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
[onclick_title]:not(:active)::before {
|
|
|
|
transition: opacity 1s ease-in-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
[onclick_title]:active::before {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2020-04-15 20:30:45 +00:00
|
|
|
.item {
|
2020-03-20 14:32:44 +00:00
|
|
|
background-color: #FFFAF4;
|
2020-04-15 20:30:45 +00:00
|
|
|
border: 1px solid silver;
|
|
|
|
margin: 1%;
|
2020-03-20 14:32:44 +00:00
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
2020-04-15 21:22:45 +00:00
|
|
|
.item > * {
|
|
|
|
padding: 1%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.item > :not(:last-child) {
|
2020-04-15 20:30:45 +00:00
|
|
|
border-bottom: 1px solid silver;
|
2020-03-20 14:32:44 +00:00
|
|
|
}
|
2020-04-15 21:22:45 +00:00
|
|
|
|
|
|
|
.item > a {
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 1.5em;
|
|
|
|
}
|
2020-04-15 21:34:28 +00:00
|
|
|
|
|
|
|
.content * {
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
2020-03-20 14:32:44 +00:00
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<h1>RSS feed by morss</h1>
|
|
|
|
|
|
|
|
<p>Your RSS feed is <strong style="color: green">ready</strong>. You
|
2020-03-20 18:46:20 +00:00
|
|
|
can enter the following url in your newsreader:</p>
|
|
|
|
|
2020-04-25 13:21:47 +00:00
|
|
|
<div class="input-combo">
|
|
|
|
<input id="url" readonly="readonly"/>
|
|
|
|
<span class="button" onclick="copy_link()" title="Copy" onclick_title="Copied">
|
|
|
|
<svg width="16px" height="16px" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
<path fill-rule="evenodd" d="M4 1.5H3a2 2 0 00-2 2V14a2 2 0 002 2h10a2 2 0 002-2V3.5a2 2 0 00-2-2h-1v1h1a1 1 0 011 1V14a1 1 0 01-1 1H3a1 1 0 01-1-1V3.5a1 1 0 011-1h1v-1z" clip-rule="evenodd"/>
|
|
|
|
<path fill-rule="evenodd" d="M9.5 1h-3a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5zm-3-1A1.5 1.5 0 005 1.5v1A1.5 1.5 0 006.5 4h3A1.5 1.5 0 0011 2.5v-1A1.5 1.5 0 009.5 0h-3z" clip-rule="evenodd"/>
|
|
|
|
</svg>
|
|
|
|
</span>
|
|
|
|
</div>
|
2020-03-20 14:32:44 +00:00
|
|
|
|
2020-04-15 20:30:45 +00:00
|
|
|
<hr/>
|
2020-03-20 14:32:44 +00:00
|
|
|
|
2020-04-15 20:30:45 +00:00
|
|
|
<div id="header">
|
|
|
|
<h1>
|
|
|
|
<xsl:value-of select="rdf:RDF/rssfake:channel/rssfake:title|rss/channel/title|atom:feed/atom:title|atom03:feed/atom03:title"/>
|
|
|
|
</h1>
|
2020-03-20 14:32:44 +00:00
|
|
|
|
2020-04-15 20:30:45 +00:00
|
|
|
<p>
|
|
|
|
<xsl:value-of select="rdf:RDF/rssfake:channel/rssfake:description|rss/channel/description|atom:feed/atom:subtitle|atom03:feed/atom03:subtitle"/>
|
|
|
|
</p>
|
|
|
|
</div>
|
2020-03-20 14:32:44 +00:00
|
|
|
|
2020-04-15 20:30:45 +00:00
|
|
|
<div id="content">
|
|
|
|
<xsl:for-each select="rdf:RDF/rssfake:channel/rssfake:item|rss/channel/item|atom:feed/atom:entry|atom03:feed/atom03:entry">
|
|
|
|
<div class="item">
|
|
|
|
<a href="/" target="_blank"><xsl:attribute name="href"><xsl:value-of select="rssfake:link|link|atom:link/@href|atom03:link/@href"/></xsl:attribute>
|
|
|
|
<xsl:value-of select="rssfake:title|title|atom:title|atom03:title"/>
|
|
|
|
</a>
|
2020-03-20 14:32:44 +00:00
|
|
|
|
2020-04-15 20:30:45 +00:00
|
|
|
<div class="desc">
|
2020-04-15 21:22:45 +00:00
|
|
|
<xsl:copy-of select="rssfake:description|description|atom:summary|atom03:summary"/>
|
2020-04-15 20:30:45 +00:00
|
|
|
</div>
|
2020-03-20 14:32:44 +00:00
|
|
|
|
2020-04-15 20:30:45 +00:00
|
|
|
<div class="content">
|
2020-04-15 21:22:45 +00:00
|
|
|
<xsl:copy-of select="content:encoded|atom:content|atom03:content"/>
|
2020-04-15 20:30:45 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</xsl:for-each>
|
|
|
|
</div>
|
2020-03-20 14:32:44 +00:00
|
|
|
|
2020-04-15 20:30:45 +00:00
|
|
|
<script>
|
2020-04-16 08:33:36 +00:00
|
|
|
document.getElementById("url").innerHTML = window.location.href.replace(/:html\/?/, '')
|
2020-04-15 20:30:45 +00:00
|
|
|
|
|
|
|
if (!/:html/.test(window.location.href))
|
2020-04-15 21:22:45 +00:00
|
|
|
for (var content of document.querySelectorAll(".desc,.content"))
|
2020-04-25 13:22:25 +00:00
|
|
|
content.innerHTML = (content.innerText.match(/>/g) || []).length > 10 ? content.innerText : content.innerHTML
|
2020-04-25 13:21:47 +00:00
|
|
|
|
|
|
|
function copy_content(input) {
|
|
|
|
input.focus()
|
|
|
|
input.select()
|
|
|
|
document.execCommand('copy')
|
|
|
|
}
|
|
|
|
|
|
|
|
function copy_link() {
|
|
|
|
copy_content(document.getElementById("url"))
|
|
|
|
}
|
2020-04-15 20:30:45 +00:00
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
</xsl:template>
|
2020-03-20 14:32:44 +00:00
|
|
|
</xsl:stylesheet>
|