239 lines
10 KiB
HTML
239 lines
10 KiB
HTML
<%~set detailed_url = get_detailed_url($ID)%>
|
|
<%~Links::Utils::load_reviews($ID, $detailed_max_reviews)~%>
|
|
<%~Plugins::SlideShow::generate_paths($ID)%>
|
|
<%~convert_nl_br%>
|
|
<%old_detailed_url($detailed_url)%>
|
|
<!DOCTYPE html >
|
|
<html lang="en">
|
|
<head>
|
|
<title><%Title%> - <%site_title_short%></title>
|
|
<%--Facebook Meta Tags--%>
|
|
<meta name="title" content="<%escape_html Title%>" />
|
|
<meta name="description" content="<%escape_html Description%>" />
|
|
<meta property="og:title" content="<%escape_html Title%>"/>
|
|
<meta name="og:description" content="<%escape_html Description%>" />
|
|
<meta property="og:site_name" content="<%site_title_short%>"/>
|
|
<meta property="og:type" content="article"/>
|
|
<meta property="og:url" content="<%detailed_url%>/<%http_detailed_url%>"/>
|
|
<meta property="fb:app_id" content="193269620735521"/>
|
|
<%--Twitter Meta Tags--%>
|
|
<meta name="twitter:card" content="summary" />
|
|
<meta name="twitter:site" content="@slowtwitch " />
|
|
<meta name="twitter:creator" content="@slowtwitch" />
|
|
<meta name="twitter:title" content="<%escape_html Title%>" />
|
|
<meta name="twitter:description" content="<%escape_html Description%>" />
|
|
<%~if Image1_thumbnail_path%>
|
|
<link rel="image_src" href="<%escape_html Image1_largest_path%>" / >
|
|
<meta property="og:image" content="https://slowtwitch.com<%escape_html Image1_largest_path%>"/>
|
|
<meta name="twitter:image" content="https://slowtwitch.com<%escape_html Image1_largest_path%>" />
|
|
<%~elsif Thumbnail_URL and Thumbnail_URL ne 'http://' %>
|
|
<link rel="image_src" href="<%Thumbnail_URL%>" / >
|
|
<meta property="og:image" content="<%Thumbnail_URL%>"/>
|
|
<meta name="twitter:image" content="<%Thumbnail_URL%>" />
|
|
<%else%>
|
|
<%~Plugins::ConvertVideo::get_file_path($ID, "thumbnail_file_field") %>
|
|
<%~if thumbnail_file_field_path%>
|
|
<link rel="image_src" href="<%thumbnail_file_field_path%>" / >
|
|
<meta property="og:image" content="<%thumbnail_file_field_path%>"/>
|
|
<meta name="twitter:image" content="<%thumbnail_file_field_path%>" />
|
|
<%~endif%>
|
|
<%~endif%>
|
|
<%~include include_common_head.html%>
|
|
</head>
|
|
<body id="detailed">
|
|
<%~if ad_wallpaper%>
|
|
<%ad_wallpaper%>
|
|
<%~endif%>
|
|
|
|
<div class="container">
|
|
<%include include_header.html%>
|
|
|
|
<div class="main">
|
|
<div class="contentwrapper clearfix">
|
|
<%include include_breadcrumb.html%>
|
|
|
|
<section class="section article section-has-widgets section-reverse clearfix">
|
|
<div class="sidebar-b">
|
|
<%~set adsize = '300x250'%>
|
|
<%include include_ad.html%>
|
|
<div class="widget-spacer"></div>
|
|
<%~set widgets_loop = Plugins::UI::fetch_widgets('article')%>
|
|
<%~set widget_start = 1%><%set widget_end = 2%>
|
|
<%include include_widgets.html%>
|
|
<div class="widget-divider"></div>
|
|
|
|
<style>
|
|
#stickThis {
|
|
width: 300px;
|
|
text-align: center; }
|
|
#stickThis.box {
|
|
margin-top: 0;
|
|
position: fixed;
|
|
z-index: 9999; }
|
|
</style>
|
|
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
|
<div id="stickHere"></div>
|
|
<div id="stickThis">
|
|
<div id="poll_widget" data="<%Forum%>"></div>
|
|
<div class="widget-spacer"></div>
|
|
<%~set adsize = '300x600'%>
|
|
<%include include_ad.html%>
|
|
</div>
|
|
|
|
<script>
|
|
function boxtothetop() {
|
|
var windowTop = $(window).scrollTop();
|
|
var top = $('#stickHere').offset().top;
|
|
var bottom = $('#stickHere').offset().top + $('#stickThis').outerHeight(true);
|
|
var mainBottom = $('.footer').offset().top - 10;
|
|
var toolbarBottom = $('#article-bottom.section-divider').offset().top + $('#article-bottom.section-divider').outerHeight() - 20;
|
|
if ( $('#related_three').length ) {
|
|
toolbarBottom = $('#related_three.highlight.col-4-12').offset().top - 20;
|
|
}
|
|
// console.log( { windowTop, top, bottom , mainBottom, toolbarBottom } );
|
|
if ( windowTop > top && bottom < toolbarBottom ) {
|
|
$('#stickThis').addClass('box');
|
|
$('#stickHere').height($('#stickThis').outerHeight());
|
|
if ( windowTop + ( bottom - top ) < toolbarBottom ) {
|
|
$('#stickThis').css({"top": 0});
|
|
} else {
|
|
var gap = -1 * ( bottom - top ) + ( toolbarBottom - windowTop );
|
|
//console.log( {gap} );
|
|
$('#stickThis').css({"top": gap});
|
|
}
|
|
} else {
|
|
$('#stickThis').removeClass('box');
|
|
$('#stickHere').height(0);
|
|
}
|
|
}
|
|
|
|
$(function() {
|
|
$(window).scroll(boxtothetop);
|
|
boxtothetop();
|
|
});
|
|
</script>
|
|
</div>
|
|
|
|
<div class="content content-has-widgets">
|
|
<div class="grid">
|
|
<div class="clearfix">
|
|
<h1><%Title%></h1>
|
|
<div class="post-meta light-grey grid">
|
|
|
|
<%~if Contact_Name%>
|
|
<i class="icon sprite-slowtwitch"></i>
|
|
<%~if LinkOwner ine 'admin'%>
|
|
<span class="author"><a href="<%config.db_cgi_url%>/search.cgi?LinkOwner=<%LinkOwner%>"><%Contact_Name%></a></span>
|
|
<%~else%>
|
|
<span class="author"><%Contact_Name%></span>
|
|
<%~endif%>
|
|
<%~endif%>
|
|
<span class="time"><%Add_Date%></span>
|
|
</div>
|
|
|
|
<div class="grid article-content">
|
|
<div class="col-1-1">
|
|
<div class="content-divider-top"></div>
|
|
|
|
<%~if Link_Type eq 'article'%>
|
|
<%~include include_detailed_article.html%>
|
|
<%~elsif Link_Type eq 'photo' %>
|
|
<%~if slideshow%>
|
|
<%~include include_detailed_slideshow.html%>
|
|
<%~elsif is_old_article($Add_Date_orig)%>
|
|
<%~include include_detailed_old_photo.html%>
|
|
<%else%>
|
|
<%~include include_detailed_photo.html%>
|
|
<%~endif%>
|
|
<%~else%>
|
|
<%~include include_detailed_video.html%>
|
|
<%~endif%>
|
|
|
|
<div class="lnkactions">
|
|
<%~if user.Status eq 'Administrator'%>
|
|
<a href="<%config.db_cgi_url%>/modify.cgi?LinkID=<%ID%>">EDIT THIS ARTICLE</a>
|
|
<a href="<%config.db_cgi_url%>/feature.cgi">EDIT FEATURED LINKS</a>
|
|
<%~endif%>
|
|
<%if user.Status eq 'Editor' AND user.Status neq 'Administrator'%><a href="<%config.db_cgi_url%>/modify.cgi?LinkID=<%ID%>">EDIT THIS ARTICLE</a><%endif%>
|
|
<%if user.Status eq 'Administrator'%><a href="<%config.db_cgi_url%>/user.cgi?do=logout">Log Out</a><%endif%>
|
|
<%if config.bookmark_enabled%><a href="<%config.db_cgi_url%>/bookmark.cgi?action=link_add;ID=<%ID%>">Bookmark It</a><%endif%>
|
|
<%if isLinkOwner%><a href="<%config.db_cgi_url%>/modify.cgi?LinkID=<%ID%>">Edit this link</a><%endif%>
|
|
<%if paymentsEnabled%><a href="<%config.db_cgi_url%>/modify.cgi?do=payment_linked;process_payment=1;modify=1;ID=<%ID%>"><%if isUnpaid or isFree%>New Payment<%else%>Renewal Payment<%endif%></a><%endif%>
|
|
</div>
|
|
|
|
<%include include_share.html%>
|
|
<%include include_fb_comments.html%>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- end grid -->
|
|
<div class="section-divider mobile"></div>
|
|
</div><!-- end content -->
|
|
</section>
|
|
|
|
<section class="section related highlight-list clearfix remove-sidebar section-has-widgets">
|
|
<div class="content content-has-widgets">
|
|
<div class ="grid">
|
|
<%~if RelatedArticles%>
|
|
<h1>Related Articles</h1>
|
|
<%~old_related_articles($RelatedArticles, $ID)%>
|
|
<%~loop related_articles_loop%>
|
|
<%~if row_num > 3%><%lastloop%><%endif%>
|
|
<%~rewrite_detail_url%>
|
|
<%~set thumbnail_url = Plugins::UI::fetch_thumbnail($loop_value)%>
|
|
<%~if row_num < 3%>
|
|
<div class="highlight col-4-12">
|
|
<%~else%>
|
|
<div class="highlight col-4-12" id="related_three">
|
|
<%~endif%>
|
|
<a href="<%detailed_url%>">
|
|
<%~if thumbnail_url%>
|
|
<img src="<%thumbnail_url.medium%>" width="193" height="144" class="img-responsive"/>
|
|
<%~else%>
|
|
<img src="<%config.build_static_url%>/images/default_193x144.png" width="193" height="144" class="img-responsive"/>
|
|
<%~endif%>
|
|
</a>
|
|
<div class="info">
|
|
<h3><a href="<%detailed_url%>"><%Title%></a></h3>
|
|
<div class="post-meta light-grey"><%Add_Date%></div>
|
|
</div>
|
|
</div>
|
|
<%~set has_related_articles = 1%>
|
|
<%~endloop%>
|
|
<%~else%>
|
|
|
|
<%~loop 1..5%>
|
|
<%~set related_article = Plugins::UI::retrieve_param('Related_Article', $loop_value)%>
|
|
<%~if related_article%>
|
|
<div class="highlight col-4-12">
|
|
<%related_article%>
|
|
</div>
|
|
<%~set has_related_articles = 1%>
|
|
<%~endif%>
|
|
<%~endloop%>
|
|
|
|
<%~endif%>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
<div class="section-divider" id="article-bottom"></div>
|
|
|
|
<section class="section advert-large hide-on-mobile">
|
|
<div class="content content-has-widgets">
|
|
<%~set adsize = '970x250'%>
|
|
<%include include_ad.html%>
|
|
</div>
|
|
</section>
|
|
|
|
</div><!-- End contentwrapper -->
|
|
</div>
|
|
<%include include_footer.html%>
|
|
</div>
|
|
</body>
|
|
<%~include include_global_js.html%>
|
|
</html>
|