restructured resource files directories

2015-02-28 21:43:53 +01:00 · 2015-02-28 21:43:53 +01:00 · e14a639d71
commit e14a639d71
parent b6c0d89f1f
18 changed files with 29 additions and 23 deletions
--- a/html/content.css
+++ b/html/content.css
@ -0,0 +1,65 @@
+html, body {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    background: #eee;
+    font-family: sans-serif;
+    padding: 10pt 15pt;
+    font-weight: lighter;
+}
+
+h1 {
+    font-weight: lighter;
+    font-size: 1.4em;
+    margin: 0;
+    padding: 0;
+}
+
+#date:not(:empty) {
+    border-bottom: 1px solid #aaa;
+    margin-bottom: 1em;
+    padding-bottom: 1em;
+    display: block;
+}
+
+.starred:after {
+    content: "*";
+}
+
+header p {
+    color: #aaa;
+    margin: 0;
+    padding: 0;
+    font-size: 0.8em;
+}
+
+a {
+    color: inherit;
+    text-decoration: none;
+}
+
+article {
+    line-height: 1.6;
+}
+
+article a {
+    text-decoration: underline;
+}
+
+blockquote {
+    font-style: italic;
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+}
+
+div > a:only-child img, figure > a:only-child img, p > a:only-child img,
+figure > img:only-child, div > img:only-child, p > img:only-child {
+    display: block;
+    margin: 1em auto;
+    float: none !important;
+}
--- a/html/content.html
+++ b/html/content.html
@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>TTRSS</title>
+    <link href="content.css" media="all" rel="stylesheet">
+    <script type="text/javascript" src="content.js"></script>
+    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
+</head>
+<body class=''>
+    <header>
+        <p><span id="feed_title"></span> <span id="author"></span></p>
+        <h1><a id="title" href=""></a></h1>
+        <p><timedate id="date"></timedate></p>
+    </header>
+    <article id="article"></article>
+</body>
+</html>
--- a/html/content.js
+++ b/html/content.js
@ -0,0 +1,49 @@
+function $(id) {
+    return document.getElementById(id);
+}
+
+function setArticle(article) {
+    window.scrollTo(0, 0);
+
+    $("date").innerHTML = "";
+    $("title").innerHTML = "";
+    $("title").href = "";
+    $("title").title = "";
+    $("feed_title").innerHTML = "";
+    $("author").innerHTML = "";
+    $("article").innerHTML = "";
+
+    if(article === "empty") {
+
+        $("article").innerHTML = "No unread articles to display.";
+
+    } else if(article === "loading") {
+
+        $("article").innerHTML = "Loading <blink>&hellip;</blink>";
+
+    } else if (article === "logout") {
+
+    } else if(article) {
+
+        $("date").innerHTML = (new Date(parseInt(article.updated, 10) * 1000));
+        $("title").innerHTML = article.title;
+        $("title").href = article.link;
+        $("title").title = article.link;
+        $("feed_title").innerHTML = article.feed_title;
+        $("title").className = article.marked ? "starred" : "";
+        $("author").innerHTML = "";
+        if(article.author && article.author.length > 0)
+            $("author").innerHTML = "&ndash; " + article.author
+        $("article").innerHTML = article.content;
+
+        var as = $("article").getElementsByTagName("a");
+        for(var i = 0; i <= as.length; i++) {
+            as[i].target = "";
+        }
+    }
+}
+
+function setFont(font, size) {
+    document.body.style.fontFamily = font;
+    document.body.style.fontSize = size + "pt";
+}
--- a/html/html.qrc
+++ b/html/html.qrc
@ -0,0 +1,7 @@
+<RCC>
+    <qresource prefix="/html">
+        <file>content.css</file>
+        <file>content.html</file>
+        <file>content.js</file>
+    </qresource>
+</RCC>