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.
237 lines
8.5 KiB
237 lines
8.5 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta charset="utf-8" />
|
|
<title>{{.Title}}</title>
|
|
<link rel="prerender" href="{{staticFile "/fonts/Montserrat/Montserrat.ttf"}}" as="font" type="font/ttf"
|
|
crossorigin />
|
|
<link rel="prerender" href="{{staticFile "/fonts/OpenSans/OpenSans.ttf"}}" as="font" type="font/ttf" crossorigin />
|
|
<link rel="stylesheet" href="{{staticFile "/css/styles.css"}}" />
|
|
<link rel="stylesheet" media="print" href="{{staticFile "/css/print.css"}}" />
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
</head>
|
|
<style>
|
|
@font-face {
|
|
font-family: Montserrat;
|
|
src: url("../fonts/Montserrat/Montserrat.ttf");
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Open Sans";
|
|
src: url("../fonts/OpenSans/OpenSans.ttf");
|
|
font-display: optional;
|
|
}
|
|
</style>
|
|
|
|
<body>
|
|
<header>
|
|
<div class="logo">
|
|
<a href="{{.IndexUrl}}" class="header">
|
|
<img src="{{replaceImage .Logo}}" alt="logo" />
|
|
</a>
|
|
</div>
|
|
<div class="ham">
|
|
<button class="ham" id="ham">
|
|
<span class="hamburger"><img class="ham" width="32px" height="32px"
|
|
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQuOTQ5LDYuOTk2aDIyLjE5MiBNNC45NDksMTUuOTk2aDIyLjE5MiBNNC45NDksMjQuOTk2aDIyLjE5MiIvPjwvc3ZnPg=="
|
|
alt="Menu toggle" draggable="false" /></span>
|
|
<span class="close-menu"><img class="ham" width="32px" height="32px"
|
|
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDMyIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MnB4O308L3N0eWxlPjwvZGVmcz48dGl0bGUvPjxnIGlkPSJjcm9zcyI+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iNyIgeDI9IjI1IiB5MT0iNyIgeTI9IjI1Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iNyIgeDI9IjI1IiB5MT0iMjUiIHkyPSI3Ii8+PC9nPjwvc3ZnPg=="
|
|
alt="Menu toggle" draggable="false" /></span>
|
|
</button>
|
|
<nav>
|
|
<ul class="menu">
|
|
|
|
<li class="link">
|
|
<a class="menuLink" href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li class="link">
|
|
<a class="menuLink" href="{{.AboutUrl}}">{{ lang "about"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li class="link">
|
|
<a class="menuLink" href="{{.ContactUrl}}">{{ lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li class="link">
|
|
<a class="menuLink" href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<progress id="reading-progress" value="0" max="100"></progress>
|
|
<main class="content article" id="false-myths-about-root-canals">
|
|
{{$plen := len .PopularArticles}}
|
|
{{if ne $plen 0}}
|
|
<aside id="floater">
|
|
<div id="toc">
|
|
<div id="toc-header">{{lang "popular"}}</div>
|
|
<ol>
|
|
{{range .PopularArticles}}
|
|
<li>
|
|
<a href="{{.Url}}">
|
|
{{.Title}}
|
|
</a>
|
|
</li>
|
|
{{end}}
|
|
</ol>
|
|
</div>
|
|
</aside>
|
|
{{end}}
|
|
|
|
<article class="container">
|
|
<article class="meta">
|
|
<h1 class="title">
|
|
{{.Title}}
|
|
</h1>
|
|
<p class="speakableTextP1">{{.Article.Summary}}</p>
|
|
</article>
|
|
<picture>
|
|
<img class="hero" src="{{getCover .Article.Pictures}}" width="1200"
|
|
height="800" draggable="false"
|
|
loading="eager" />
|
|
</picture>
|
|
|
|
{{range .Article.Topics}}
|
|
<article class="content">
|
|
<p><strong>{{.Topic}}</strong></p>
|
|
{{$tlen := len .Pictures}}
|
|
{{if ne $tlen 0}}
|
|
{{range .Pictures}}
|
|
<img width="100%" src="{{replaceImage .}}" />
|
|
{{end}}
|
|
{{end}}
|
|
<p>{{.Content}}</p>
|
|
</article>
|
|
{{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>
|
|
|
|
<h3 class="container-label">
|
|
RECOMMEND ARTICLES
|
|
</h3>
|
|
<hr>
|
|
<div class="container-horizontal-article">
|
|
{{$rlen := len .RecommendArticles}}
|
|
{{if ne $rlen 0}}
|
|
{{range .RecommendArticles}}
|
|
<div class="container-horizontal-article-card">
|
|
<a class="container-horizontal-article-card-image"
|
|
href="{{.Url}}">
|
|
<picture>
|
|
<img class="container-horizontal-article-card"
|
|
src="{{getCover .Cover "recommend" 284 160}}" width="1200" height="800" loading="lazy"
|
|
draggable="false">
|
|
</picture>
|
|
</a>
|
|
<a class="container-horizontal-article-card-title"
|
|
href="{{.Url}}">
|
|
<h4 class="container-hortizontal-article-card">
|
|
{{.Title}}
|
|
</h4>
|
|
</a>
|
|
</div>
|
|
{{end}}
|
|
{{end}}
|
|
</div>
|
|
</article>
|
|
|
|
</main>
|
|
<footer>
|
|
<div class="footer-header">
|
|
<div class="footer-slogan">
|
|
<a href="{{.IndexUrl}}">
|
|
<img src="{{replaceImage .Logo}}" alt="">
|
|
</a>
|
|
</div>
|
|
<!-- <form method="POST" action="" id="_form_59_"
|
|
class="_form _form_59 _inline-form" target="_blank" novalidate>
|
|
<input type="hidden" name="u" value="59" />
|
|
<input type="hidden" name="f" value="59" />
|
|
<input type="hidden" name="s" />
|
|
<input type="hidden" name="c" value="0" />
|
|
<input type="hidden" name="m" value="0" />
|
|
<input type="hidden" name="act" value="sub" />
|
|
<input type="hidden" name="v" value="2" />
|
|
<input type="hidden" name="or" value="ba1e1a40169163031532d22b8af64462" />
|
|
<div class="footer-subscribe">
|
|
<div class="footer-subscribe-form">
|
|
<label for="email" class="footer-subscribe">
|
|
subscribe for dental tips
|
|
</label>
|
|
<div class="_field-wrapper">
|
|
<input class="footer-subscribe" type="text" id="email" name="email" placeholder="email" required />
|
|
</div>
|
|
</div>
|
|
<div class="footer-subscribe">
|
|
<button class="form-submit" type="submit">
|
|
Subscribe
|
|
</button>
|
|
</div>
|
|
<div class="_clear-element">
|
|
</div>
|
|
</div>
|
|
<div class="_form-thank-you" style="display:none;">
|
|
</div>
|
|
</form> -->
|
|
</div>
|
|
<div class="footer-links">
|
|
<a class="footer-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
{{if .HasAbout }}
|
|
<a class="footer-link" href="{{.AboutUrl}}">{{ lang "about"}}</a>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<a class="footer-link" href="{{.ContactUrl}}">{{ lang "contact"}}</a>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<a class="footer-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
{{end}}
|
|
</div>
|
|
<div class="footer-links">
|
|
{{$flen := len .Friendship}}
|
|
{{if ne $flen 0}}
|
|
<!-- friend links start -->
|
|
{{range .Friendship}}
|
|
<a class="footer-link" href="{{.Url}}">{{.Name}}</a>
|
|
{{end}}
|
|
<!-- friend links end -->
|
|
{{end}}
|
|
</div>
|
|
|
|
<div class="footer-disclaimer">
|
|
|
|
<span class="footer-disclaimer-copyright">
|
|
{{.Copyright}}
|
|
</span>
|
|
|
|
</div>
|
|
</footer>
|
|
<script type="text/javascript" src="{{staticFile "/js/fouc.js"}}"></script>
|
|
<script type="text/javascript" src="{{staticFile "/js/menu.js"}}"></script>
|
|
<script type="text/javascript" src="{{staticFile "/js/dark-mode.js"}}"></script>
|
|
<script type="text/javascript" src="{{staticFile "/js/main.js"}}"></script>
|
|
<script type="text/javascript" src="{{staticFile "/js/progress.js"}}"></script>
|
|
</body>
|
|
|
|
</html> |