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.
154 lines
6.5 KiB
154 lines
6.5 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>{{.Title}}
|
|
<!-- page title -->
|
|
</title>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="referrer" content="unsafe-url">
|
|
<meta name="keywords" content="{{.Keywords}}">
|
|
<meta name="description" content="{{.Description}}">
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{ staticFile "/css/details.css"}}" />
|
|
<!-- website icon, replace the href attribute "favicon.png" -->
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
<link href='{{staticFile "/css/allindex.css"}}' rel="stylesheet" />
|
|
</head>
|
|
<body>
|
|
<div id="page" class="site hitmag-wrapper">
|
|
<a class="skip-link screen-reader-text" href="index.html#content">Skip to content</a>
|
|
<header id="masthead" class="site-header" role="banner">
|
|
<div class="header-main-area">
|
|
<div class="hm-container">
|
|
<div class="site-branding">
|
|
<div class="site-branding-content">
|
|
<div class="hm-logo">
|
|
<a href="{{.IndexUrl}}" class="custom-logo-link" rel="home" aria-current="page"><img width="450"
|
|
height="95" src="{{replaceImage .Logo}}" class="custom-logo" alt="logo" decoding="async"
|
|
sizes="(max-width: 450px) 100vw, 450px" /></a>
|
|
</div><!-- .hm-logo -->
|
|
|
|
</div><!-- .site-branding-content -->
|
|
</div><!-- .site-branding -->
|
|
</div><!-- .hm-container -->
|
|
</div><!-- .header-main-area -->
|
|
<div class="hm-nav-container clearfix">
|
|
<div class="hm-container">
|
|
<nav id="site-navigation" class="main-navigation" role="navigation">
|
|
<div class="menu-menu-1-container">
|
|
<ul id="primary-menu" class="menu">
|
|
<li id="menu-item-10"
|
|
class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-10">
|
|
<a href="{{.IndexUrl}}" aria-current="page">{{ lang "home"}}</a>
|
|
</li>
|
|
<li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31"><a
|
|
href="{{.AboutUrl}}">{{ lang "about"}}</a>
|
|
</li>
|
|
<li id="menu-item-2067" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2067">
|
|
<a href="{{.ContactUrl}}">{{ lang "contact"}}</a>
|
|
</li>
|
|
<li id="menu-item-12" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12"><a
|
|
href="{{.PolicyUrl}}">{{ lang "policy"}}</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav><!-- #site-navigation -->
|
|
</div><!-- .hm-container -->
|
|
</div><!-- .hm-nav-container -->
|
|
</header><!-- #masthead -->
|
|
<section id="content" class="container">
|
|
<div id="breadcrumb">
|
|
<a href="{{.IndexUrl}}">{{lang "home"}}</a>
|
|
<a href="#">{{.Title}}</a>
|
|
</div>
|
|
<div id="article-head">
|
|
<h1 id="title">{{.Title}}</h1>
|
|
<div>
|
|
<span>{{timeFormat .PublishTime}}</span>
|
|
<span> / </span>
|
|
<span>{{.Views}} {{lang "views"}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="d-lg-flex">
|
|
<div id="article-container" class="col-lg-8 col-md-12">
|
|
<!-- article content start -->
|
|
<!-- span class="link"
|
|
section="shortcodeLink"><a
|
|
href="/tech/mobile/the-next-iphone-moment-will-arrive-eventually-hurry-up-already/">the
|
|
iPhone</a></span> -->
|
|
<article id="article">
|
|
<img width="100%" src="{{getCover .Article.Pictures}}" />
|
|
<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>
|
|
<!-- 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>
|
|
<div id="article-popular-recommend" class="col-lg-4 col-md-12">
|
|
<aside id="secondary" class="widget-area" role="complementary" style="width: 100%;">
|
|
<div class="theiaStickySidebar">
|
|
<section id="recent-posts-3" class="widget widget_recent_entries">
|
|
<h4 class="widget-title">{{lang "popular"}}</h4>
|
|
<ul>
|
|
{{range .PopularArticles}}
|
|
<li>
|
|
<a href="{{.Url}}">{{.Title}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</aside><!-- #secondary -->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<footer id="colophon" class="site-footer" role="contentinfo">
|
|
<div class="hm-container">
|
|
<div class="footer-widget-area">
|
|
<div class="footer-sidebar" role="complementary">
|
|
</div><!-- .footer-sidebar -->
|
|
<div class="footer-sidebar" role="complementary">
|
|
</div><!-- .footer-sidebar -->
|
|
<div class="footer-sidebar" role="complementary">
|
|
</div><!-- .footer-sidebar -->
|
|
</div><!-- .footer-widget-area -->
|
|
</div><!-- .hm-container -->
|
|
<div class="site-info">
|
|
<div class="hm-container">
|
|
<div class="site-info-owner">
|
|
{{.Copyright}} </div>
|
|
</div><!-- .hm-container -->
|
|
</div><!-- .site-info -->
|
|
</footer><!-- #colophon -->
|
|
</div><!-- #page -->
|
|
<!--facebook like and share js -->
|
|
<div id="fb-root"></div>
|
|
<script src="{{staticFile " /js/jquery-3.6.0.slim.min.js"}}"></script>
|
|
<script src="{{staticFile " /js/bootstrap.bundle.min.js"}}"></script>
|
|
<script src="{{staticFile " /js/index.js"}}"></script>
|
|
</body>
|
|
|
|
</html> |