123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149 |
- <span class="title">
- : if ( $rss ) {
- <a title="RSS" class="rss" href="<: $route :>?format=rss"></a>
- <: $category :>:
- : }
- </span>
- : if ( $about_header ) {
- <: $about_header | mark_raw :>
- : }
- <hr class="divider" />
- : for $posts -> $post {
- : if ( $post.aclname && $in_series ) {
- : next;
- : }
- : if ( $post.is_profile && $post.user == 'Nobody' ) {
- : next;
- : }
- :if ( $tiled ) {
- : if ($post.is_profile) {
- <a href="/users/<: $post.user :>" class="tile">
- : } else {
- <a href="<: $route :>/<: $post.id :>" class="tile">
- : }
- : if ($post.is_video) {
- <video class="responsive" controls poster="<: $post.preview :>" >
- <source src="<: $post.href :>" type="<: $post.content_type :>" />
- Your browser does not support the video tag.
- </video>
- : } else {
- <div class="responsive preview" style="background-image:url(<: $post.preview :>)"></div>
- : }
- <p class="midtitle"><: $post.title :></p>
- </a>
- : } else {
- <div class="post">
- : if (!$post.is_profile) {
- <h3 class='blogtitles'>
- <a ><a href='<: $post.href :>' ><: $post.title :></a>
- <a class="undecorated" href='/posts/<: $post.id :>'>🔗</a>
- : if ( $post.version_max && !$rss ) {
- <form method="GET" action="/posts/<: $post.id :>" style="float:right;">
- <select id="<: $post.id :>-<: $post.version :>-version" name="version" class="coolbutton">
- : for [0..$post.version_max] -> $version {
- <option value="<: $version :>" <: if ($post.version == $version ) { :>selected<: } :> >v<: $version :></option>
- : }
- </select>
- </form>
- : }
- <span id="<: $post.id :>-<: $post.version :>-time" class="responsive-hide" style="float:right;"><: $post.created :></span>
- <a class='postericon <: $post.user :>' title='Posted by <: $post.user :>'> </a>
- </h3>
- : }
- : if ( !$post.video_href && !$post.is_image && !$post.is_video && !$post.is_profile && $post.preview ) {
- <div style="background-image:url(<: $post.preview :>);" class="responsive preview"></div>
- : }
- : if ( $post.video_href ) {
- <video class="responsive" controls poster="<: $post.preview :>" >
- <source src="<: $post.video_href :>" type="<: $post.video_content_type :>" />
- Your browser does not support the video tag.
- </video>
- : }
- : if ( $post.audio_href ) {
- <audio controls>
- <source src="<: $post.audio_href :>" type="<: $post.audio_content_type :>" />
- Your browser does not support the audio tag.
- </audio>
- : }
- : if ( $post.is_video ) {
- <video class="responsive" controls poster="<: $post.preview :>" >
- <source src="<: $post.href :>" type="<: $post.content_type :>" />
- Your browser does not support the video tag.
- </video>
- : }
- : if ( $post.is_audio ) {
- <audio controls>
- <source src="<: $post.href :>" type="<: $post.content_type :>" />
- Your browser does not support the audio tag.
- </audio>
- : }
- : if ( $post.is_image ) {
- <div style="background-image:url(<: $post.href :>);" class="responsive preview"></div>
- : }
- : if ( $post.is_profile ) {
- <div style="background-image:url(<: $post.wallpaper :>);" class="banner profile">
- <div style="background-image:url(<: $post.preview :>);" class="circle portrait"></div>
- : }
- : if( $post.data ) {
- <div id="postData">
- : if ( $post.is_profile ) {
- <h3><: $post.title :></h3>
- : }
- <: $post.data | mark_raw :>
- </div>
- : }
- : if( $post.is_profile ) {
- </div><br />
- : }
- : if ( $can_edit ) {
- <br />
- <a style="display: inline-block;" onclick="switchMenu('<: $post.id :>-<: $post.version :>');">[Edit]</a>
- <div id="<: $post.id :>-<: $post.version :>" style="display:none;">
- : include $post.type ~ ".tx" { post => $post };
- <form class="Submissions" action="/post/delete" method="POST" class="inline">
- <input type="hidden" name="id" value="<: $post.id :>"></input>
- <input type="hidden" name="to" value="<: $route :>"></input>
- <input class="coolbutton" type="submit" value="Delete"></input>
- </form>
- </div>
- : }
- : if (!$post.is_profile) {
- <script type="text/javascript">
- document.addEventListener("DOMContentLoaded", function(event) {
- // Fix post dates to be localized
- var e = document.getElementById("<: $post.id :>-<: $post.version :>-time");
- var d = new Date(0);
- d.setUTCSeconds(e.innerText);
- e.innerHTML = " " + d.toDateString();
- //Make the version switcher do things
- var swit = document.getElementById("<: $post.id :>-<: $post.version :>-version"); // I am an elder scrolls fan
- if (swit) {
- swit.onchange = function (evt) {
- this.form.submit();
- };
- }
- });
- </script>
- : }
- </div>
- <hr class="divider" />
- : }
- : }
- : if ( $rss || $older ) {
- : include "paginator.tx";
- : }
- : if ( $about_footer ) {
- <: $about_footer | mark_raw :>
- : }
- <script>
- document.addEventListener("DOMContentLoaded", function(event) {
- var pagin = document.getElementById("paginatorTime");
- if (pagin) {
- var dracula = new Date(0);
- dracula.setUTCSeconds(pagin.innerText);
- pagin.innerHTML = " " + dracula.toDateString();
- }
- });
- </script>
|