You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
208 lines
7.7 KiB
208 lines
7.7 KiB
<!doctype html>
|
|
<html lang="en-US">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel='stylesheet' href='{{staticFile "/css/theme.min.css"}}' type='text/css' media='all' />
|
|
<meta name="keywords" content="{{.Keywords}}">
|
|
<meta name="description" content="{{.Description}}">
|
|
<title>{{.Title}}</title>
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
|
|
<link rel="stylesheet" href="{{staticFile "/css/index.css"}}">
|
|
</head>
|
|
|
|
<body
|
|
class="bp-nouveau blog wp-custom-logo buddyboss-theme bb-template-v1 buddypanel-logo-off bb-custom-typo has-sidebar blog-sidebar sidebar-right header-style-1 menu-style-standard sticky-header bp-search elementor-default elementor-kit-7 aa-prefix-chari- no-js gd-map-osm">
|
|
|
|
<div id="page" class="site">
|
|
|
|
|
|
<header id="masthead" class="site-header site-header--bb">
|
|
<div class="container site-header-container flex default-header">
|
|
|
|
<div id="site-logo" class="site-branding buddypanel_logo_display_off">
|
|
<div class="site-title">
|
|
<a href="{{.IndexUrl}}" rel="home">
|
|
<img width="335" height="115" src="{{replaceImage .Logo}}" class="bb-logo" alt="Logo"
|
|
sizes="(max-width: 335px) 100vw, 335px" /></a>
|
|
</div>
|
|
</div>
|
|
<nav id="site-navigation" class="main-navigation" data-menu-space="120">
|
|
<div id="primary-navbar">
|
|
<ul id="primary-menu" class="primary-menu bb-primary-overflow">
|
|
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-61 no-icon"><a
|
|
href="{{.IndexUrl}}"><span>{{ lang "home"}}</span></a></li>
|
|
{{if .HasAbout }}
|
|
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-61 no-icon"><a
|
|
href="{{.AboutUrl}}"><span>{{ lang "about"}}</span></a></li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-61 no-icon"><a
|
|
href="{{.ContactUrl}}"><span>{{ lang "contact"}}</span></a></li>
|
|
{{end}}
|
|
</ul>
|
|
|
|
</div>
|
|
</nav>
|
|
|
|
</div>
|
|
<div class="bb-mobile-header-wrapper bb-single-icon">
|
|
<div class="bb-mobile-header flex align-items-center">
|
|
|
|
|
|
<div class="flex-1 mobile-logo-wrapper">
|
|
|
|
<div class="site-title">
|
|
|
|
<a href="{{.IndexUrl}}" rel="home">
|
|
<img width="335" height="115" alt="Logo" class="bb-mobile-logo lazyload" src="{{replaceImage .Logo}}" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bb-mobile-panel-wrapper left light closed">
|
|
<div class="bb-mobile-panel-inner">
|
|
<div class="bb-mobile-panel-header">
|
|
<div class="logo-wrap">
|
|
<a href="{{.IndexUrl}}" rel="home">
|
|
<img width="335" height="115" alt="Logo" class="bb-mobile-logo lazyload" src="{{replaceImage .Logo}}" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="content" class="site-content">
|
|
|
|
|
|
<div class="container">
|
|
<div class="bb-grid site-content-grid">
|
|
|
|
|
|
<div id="primary" class="content-area">
|
|
<main id="main" class="site-main">
|
|
|
|
|
|
|
|
<article id="post-1896"
|
|
class="post-1896 post type-post status-publish format-standard has-post-thumbnail hentry category-aftermarket-car-tech category-technology tag-backup-camera tag-car-tech tag-smartphone default-fi">
|
|
|
|
|
|
|
|
<div class="entry-content-wrap primary-entry-content">
|
|
|
|
|
|
<header class="entry-header">
|
|
<h1 class="entry-title">{{.Title}}</h1>
|
|
</header><!-- .entry-header -->
|
|
|
|
|
|
<div class="entry-meta">
|
|
<div class="bb-user-avatar-wrap">
|
|
|
|
<div class="meta-wrap">
|
|
<span class="post-date"><a
|
|
href="#">{{timeFormat .PublishTime}}</a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<figure class="entry-media entry-img bb-vw-container1">
|
|
<img
|
|
width="640" height="362"
|
|
src="{{getCover .Article.Pictures}}"
|
|
class="attachment-large size-large wp-post-image" alt="" sizes="(max-width: 640px) 100vw, 640px" />
|
|
</figure>
|
|
|
|
|
|
<div class="entry-content">
|
|
<p class="speakableTextP1">{{.Article.Summary}}</p>
|
|
{{range .Article.Topics}}
|
|
<p><strong>{{.Topic}}</strong></p>
|
|
{{$tlen := len .Pictures}}
|
|
{{if ne $tlen 0}}
|
|
{{range .Pictures}}
|
|
<img width="100%" src="{{replaceImage .}}" />
|
|
{{end}}
|
|
{{end}}
|
|
<p>{{.Content}}</p>
|
|
{{end}}
|
|
<!-- article content end -->
|
|
<div class="article-page">
|
|
{{ if .Prev }}
|
|
<div class="hidden-text">
|
|
<a href="{{.Prev.Url}}">{{lang "prev_article"}}:{{.Prev.Title}}</a>
|
|
</div>
|
|
{{ end }}
|
|
{{ if .Next }}
|
|
<div class="hidden-text">
|
|
<a href="{{.Next.Url}}">{{lang "next_article"}}:{{.Next.Title}}</a>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div><!-- .entry-content -->
|
|
</div>
|
|
</article><!-- #post-1896 -->
|
|
</main><!-- #main -->
|
|
</div><!-- #primary -->
|
|
<div id="secondary" class="widget-area sm-grid-1-1">
|
|
|
|
{{$plen := len .PopularArticles}}
|
|
{{if ne $plen 0}}
|
|
<aside id="recent-posts-2" class="widget widget_recent_entries">
|
|
<h2 class="widget-title">{{lang "popular"}}</h2>
|
|
<ul>
|
|
{{range .PopularArticles}}
|
|
<li>
|
|
<a href="{{.Url}}">{{.Title}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
|
|
</aside>
|
|
{{end}}
|
|
</div><!-- #secondary -->
|
|
</div><!-- .bb-grid -->
|
|
</div><!-- .container -->
|
|
</div><!-- #content -->
|
|
|
|
|
|
<footer class="footer-bottom bb-footer style-2">
|
|
<div class="container flex">
|
|
<div class="footer-bottom-left">
|
|
<div class="footer-logo-wrap">
|
|
<a class="footer-logo" href="{{.IndexUrl}}" rel="home">
|
|
<img width="335" height="115" src="{{replaceImage .Logo}}" class="attachment-full size-full"
|
|
alt="Logo" /></a>
|
|
</div>
|
|
<div class="copyright">
|
|
{{.Copyright}} <br>
|
|
| <a href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
{{if .HasAbout }}
|
|
| <a href="{{.AboutUrl}}">{{ lang "about"}}</a>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
| <a href="{{.ContactUrl}}">{{ lang "contact"}}</a>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
| <a href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
{{end}}
|
|
{{$flen := len .Friendship}}
|
|
{{if ne $flen 0}}
|
|
{{range .Friendship}}
|
|
| <a href="{{.Url}}">{{.Name}}</a>
|
|
{{end}}
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</div><!-- #page -->
|
|
</body>
|
|
|
|
</html> |