diff options
Diffstat (limited to 'src/main/resources')
| -rw-r--r-- | src/main/resources/application.properties | 1 | ||||
| -rw-r--r-- | src/main/resources/static/stylesheets/style.css | 143 | ||||
| -rw-r--r-- | src/main/resources/templates/landing.ftlh | 58 | ||||
| -rw-r--r-- | src/main/resources/templates/lib.ftlh | 62 | ||||
| -rw-r--r-- | src/main/resources/templates/postDetail.ftlh | 19 | ||||
| -rw-r--r-- | src/main/resources/templates/posts.ftlh | 30 |
6 files changed, 313 insertions, 0 deletions
diff --git a/src/main/resources/application.properties b/src/main/resources/application.properties new file mode 100644 index 0000000..4d1b8ec --- /dev/null +++ b/src/main/resources/application.properties @@ -0,0 +1 @@ +spring.freemarker.settings.template_exception_handler=rethrow diff --git a/src/main/resources/static/stylesheets/style.css b/src/main/resources/static/stylesheets/style.css new file mode 100644 index 0000000..c561bb7 --- /dev/null +++ b/src/main/resources/static/stylesheets/style.css @@ -0,0 +1,143 @@ +html { + -webkit-text-size-adjust: 100%; +} + +body { + font-family: Verdana, Geneva, sans-serif; + font-size: 10pt; +} + +p { + margin: 5pt 0pt; +} + +.header { + background-color: #c0c0c0; + display: table; +} + +.subreddit-title { + font-weight: bold; + font-size: 15pt; + padding: 4pt 10pt; + display: table-cell; + vertical-align: middle; + text-decoration: none; + color: #000000; + white-space: nowrap; +} + +.header-links { + display: table-cell; + vertical-align: middle; + width: 100%; +} + +.header-links a { + color: #000000; +} + +.post-list { + display: table; + border-spacing: 5pt; +} + +.no-list-style { + list-style-type: none; + padding: 0; + margin: 0; +} + +.post { + color: #828282; + display: table-row; +} + +.post-body { + display: table-cell; + vertical-align: top; +} + +.post-thumbnail { + display: table-cell; + vertical-align: top; + width: 100px; + height: auto; +} + +.post-title { + color: #000000; + text-decoration: none; +} + +.post-domain { + font-size: 8pt; +} + +.post-info { + font-size: 7pt; +} + +.nowrap { + white-space: nowrap; +} + +.next-page-link { + padding: 10pt; +} + +.post-summary { + padding: 10pt 5pt; +} + +.subreddit-link { + color: #828282; +} + +.post-selftext { + padding: 0pt 15pt; +} + +.comments { + padding: 10pt 5pt; +} + +.comment-heading { + padding-left: 5pt; +} + +.comment { + margin-bottom: 10pt; +} + +.comment.child { + margin-left: 10pt; +} + +.comment-details { + font-size: 8pt; + color: #828282; +} + +summary { + outline: none; + margin-bottom: -5pt; +} + +blockquote { + background: #f9f9f9; + border-left: 5pt solid #ccc; + margin: 10pt 10pt 5pt; + padding: 2pt 10pt; +} + +pre { + background: #f9f9f9; + font-size: 8pt; + padding: 2pt 10pt; +} + +.landing-desc { + padding: 10pt 5pt; + font-size: 10pt; +}
\ No newline at end of file diff --git a/src/main/resources/templates/landing.ftlh b/src/main/resources/templates/landing.ftlh new file mode 100644 index 0000000..4e99c17 --- /dev/null +++ b/src/main/resources/templates/landing.ftlh @@ -0,0 +1,58 @@ +<#include 'lib.ftlh'> + +<@wrapper title="Reddit-lite"> + <div class="header"> + <a class="subreddit-title">reddit-lite</a> + <span class="header-links"> </span> + </div> + <div class="landing-desc"> + <p> + A lightweight, minimal, readonly Reddit client, designed for mobile devices or slow connections. Source is available on <a href="https://github.com/jamesbarnett91/reddit-lite">GitHub</a>. + </p> + <div> + Navigate to /r/<subreddit> or try some of the examples below: + <ul> + <li> + <a href="/r/popular">Reddit frontpage (popular subreddits)</a> + </li> + <li> + <a href="/r/programming">/r/programming</a> + </li> + <li> + <a href="/r/webdev">/r/webdev</a> + </li> + <li> + <a href="/r/videos">/r/videos</a> + </li> + <li> + <a href="/r/youtubehaiku">/r/youtubehaiku</a> + </li> + <li> + <a href="/r/worldnews">/r/worldnews/</a> + </li> + <li> + <a href="/r/food">/r/food</a> + </li> + </ul> + </div> + <p>You can also paste any Reddit link (post or comment) here to view the corresponding page in this client</p> + <input id="reddit-link" placeholder="https://reddit.com/r/example/comments/1jke3nj2/some_example_post"> </input> <button id="view-link">view in reddit-lite</button> + <p id="link-error" hidden >specified link does not contain "reddit.com"</p> + </div> + + <script> + document.addEventListener("DOMContentLoaded", function() { + document.getElementById("view-link").onclick = function(e) { + var link = document.getElementById("reddit-link").value; + var linkTokens = link.split("reddit.com"); + if(linkTokens.length === 2) { + window.location = linkTokens[1]; + } + else { + document.getElementById("link-error").removeAttribute('hidden'); + } + } + }); + </script> + +</@wrapper>
\ No newline at end of file diff --git a/src/main/resources/templates/lib.ftlh b/src/main/resources/templates/lib.ftlh new file mode 100644 index 0000000..9b9e96b --- /dev/null +++ b/src/main/resources/templates/lib.ftlh @@ -0,0 +1,62 @@ +<#macro wrapper title> +<html> + <head> + <title>${title}</title> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <link href="/stylesheets/style.css" media="screen" rel="stylesheet" type="text/css" /> + </head> + <body> + <#nested> + </body> +</html> +</#macro> + +<#macro header subreddit> + <div class="header"> + <a class="subreddit-title" href="/r/${subreddit}">/r/${subreddit}</a> + <span class="header-links"> + <#nested> + </span> + </div> +</#macro> + +<#macro postSummary post> + <div class="post-body"> + <div> + <a class="post-title" href="${post.primaryLink}">${post.title}</a> + <span class="post-domain">(${post.domain})</span> + </div> + <div class="post-info"> + <span class="nowrap"><@pluralise post.score "point"/></span> + <span class="nowrap">by ${post.author}</span> + <span class="nowrap"> in <a class="subreddit-link" href="${post.subredditPath}">${post.subredditPath}</a></span> + <span class="nowrap">${post.relativeCreatedDate}</span> | <span class="nowrap"><a href="${post.subredditPath}/comments/${post.id}"><@pluralise post.commentCount, "comment"/></a></span> + </div> + </div> +</#macro> + +<#macro postComment comment> + <div class="comment<#if comment.isChild()> child</#if>"> + <#if comment.author?has_content> + <details open> + <summary> + <span class="comment-details">${comment.author} <#if comment.flairText?has_content>${comment.flairText}</#if> | ${comment.relativeCreatedDate} | <@pluralise comment.score "point"/></span> + </summary> + <div class="comment-text">${comment.bodyHtmlUnescaped?no_esc}</div> + <#list comment.replies as childComment> + <@postComment childComment/> + </#list> + </details> + <#else> + <a href="#">TODO Load more comments...</a> + </#if> + </div> +</#macro> + +<#macro pluralise count word> + <#if count == 1> + ${count} ${word} + <#else> + ${count} ${word}s + </#if> +</#macro>
\ No newline at end of file diff --git a/src/main/resources/templates/postDetail.ftlh b/src/main/resources/templates/postDetail.ftlh new file mode 100644 index 0000000..576e6e1 --- /dev/null +++ b/src/main/resources/templates/postDetail.ftlh @@ -0,0 +1,19 @@ +<#include 'lib.ftlh'> + +<@wrapper title="/r/${subreddit}"> + <@header subreddit/> + + <div class="post-summary"> + <@postSummary postDetail.post/> + </div> + + ${(postDetail.selftextHtmlUnescaped?no_esc)!""} + + <div class="comment-heading"><@pluralise postDetail.commentCount, "comment"/></div> + <div class="comments"> + <#list postDetail.comments as comment> + <@postComment comment/> + </#list> + </div> + +</@wrapper>
\ No newline at end of file diff --git a/src/main/resources/templates/posts.ftlh b/src/main/resources/templates/posts.ftlh new file mode 100644 index 0000000..56dbd1b --- /dev/null +++ b/src/main/resources/templates/posts.ftlh @@ -0,0 +1,30 @@ +<#include 'lib.ftlh'> + +<@wrapper title="/r/${subreddit}"> + <#assign thumbnailUrlFragment>/r/${subreddit}?after=${postAfterId!}&showThumbs=</#assign> + <@header subreddit> + <#if showThumbs> + <a href='${thumbnailUrlFragment}false'>hide thumbnails</a> + <#else> + <a href='${thumbnailUrlFragment}true'>show thumbnails</a> + </#if> + </@header> + + <ol class="post-list no-list-style"> + <#list posts as post> + <li> + <div class="post"> + <#if showThumbs && !post.isSelfPost() && post.thumbnailUrl?has_content> + <a class="post-title" href="${post.primaryLink}"> + <img src="${post.thumbnailUrl}" class="post-thumbnail"> </img> + </a> + </#if> + <@postSummary post/> + </div> + </li> + </#list> + </ol> + + <a class="next-page-link" href="/r/${subreddit}?after=${nextPostId}&showThumbs=${showThumbs?c}">next page ></a> + +</@wrapper>
\ No newline at end of file |