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.
243 lines
9.8 KiB
243 lines
9.8 KiB
<!doctype html>
|
|
<html lang="en-US">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
<link rel="profile" href="http://gmpg.org/xfn/11">
|
|
|
|
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
|
|
<meta name="keywords" content="{{.Keywords}}">
|
|
<meta name="description" content="{{.Description}}">
|
|
<title>{{.Title}}</title>
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
|
|
<link rel='stylesheet' href='{{staticFile "/css/style.css"}}' type='text/css' media='all' />
|
|
<style>
|
|
.tg-archive-col--3 article{
|
|
width: auto;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body
|
|
class="home blog wp-custom-logo wp-embed-responsive layout-site--wide hfeed tg-archive-style--masonry layout--no-sidebar tg-archive-col--3">
|
|
|
|
|
|
<div id="page" class="site">
|
|
|
|
<header id="masthead" class="site-header tg-site-header tg-site-header--left">
|
|
|
|
|
|
<div class="tg-header-bottom">
|
|
<div class="header-bottom-bottom">
|
|
<div class="tg-container tg-flex-container tg-flex-space-between">
|
|
|
|
<div class="site-branding">
|
|
<a href="{{.IndexUrl}}" class="custom-logo-link" rel="home" aria-current="page"><img width="272"
|
|
height="74" src="{{replaceImage .Logo}}" /></a>
|
|
</div><!-- .site-branding -->
|
|
<nav id="site-navigation" class="main-navigation tg-site-menu--default">
|
|
<div class="menu-top-links-container">
|
|
<ul id="primary-menu" class="nav-menu">
|
|
<li id="menu-item-44275"
|
|
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-44275"><a
|
|
href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li id="menu-item-44275"
|
|
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-44275"><a
|
|
href="{{.AboutUrl}}">{{ lang "about"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li id="menu-item-44275"
|
|
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-44275"><a
|
|
href="{{.ContactUrl}}">{{ lang "contact"}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li id="menu-item-44275"
|
|
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-44275"><a
|
|
href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</nav><!-- #site-navigation -->
|
|
|
|
<!-- /.tg-header-action-navigation -->
|
|
</div><!-- /.tg-header -->
|
|
</div>
|
|
|
|
<!-- /.header-bottom-bottom -->
|
|
</div>
|
|
|
|
</header><!-- #masthead -->
|
|
|
|
|
|
<!-- /#cenote-sticky-menu.cenote-menu-sticky -->
|
|
<nav id="breadcrumb" class="cenote-breadcrumb cenote-breadcrumb--light">
|
|
<div role="navigation" aria-label="Breadcrumbs" class="breadcrumb-trail breadcrumbs" itemprop="breadcrumb">
|
|
<div class="tg-container">
|
|
<ul class="trail-items" >
|
|
<li class="trail-item"><a
|
|
href="{{.IndexUrl}}" rel="home" itemprop="item"><span itemprop="name">{{lang "home"}}</span></a>
|
|
<meta itemprop="position" content="1" />
|
|
</li>
|
|
|
|
<li class="trail-item trail-end"><span>{{.Title}}</span></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div id="content" class="site-content">
|
|
|
|
<div class="tg-container tg-flex-container tg-flex-space-between">
|
|
|
|
<div id="primary" class="content-area">
|
|
<main id="main" class="site-main">
|
|
|
|
|
|
<article id="post-21330"
|
|
class="post-21330 post type-post status-publish format-standard has-post-thumbnail hentry category-the-best-advice-to-live-your-healthiest-happiest-life tag-at-home">
|
|
<div class="entry-thumbnail">
|
|
<img width="980" height="653"
|
|
src="{{getCover .Article.Pictures}}"
|
|
class="attachment-cenote-full-width size-cenote-full-width wp-post-image" alt="" />
|
|
</div><!-- .post-thumbnail -->
|
|
|
|
<header class="entry-header">
|
|
<h1 class="entry-title">{{.Title}}</h1>
|
|
</header><!-- .entry-header -->
|
|
<div class="entry-meta">
|
|
<span class="byline"> </span><span
|
|
class="posted-on"><a href="https://classpass.com/blog/how-to-work-at-home/" rel="bookmark"><time
|
|
class="entry-date published" >{{timeFormat .PublishTime}}</time><time
|
|
class="updated" >{{.Views}} {{lang "views"}}</time></a></span>
|
|
</div><!-- .entry-meta -->
|
|
<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}}
|
|
</div><!-- .entry-content -->
|
|
<footer class="entry-footer">
|
|
<!-- 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>
|
|
</footer><!-- .entry-footer -->
|
|
|
|
|
|
</article><!-- #post-21330 -->
|
|
</main><!-- #main -->
|
|
</div><!-- #primary -->
|
|
|
|
</div><!-- .tg-container -->
|
|
</div><!-- #content -->
|
|
{{$plen := len .PopularArticles}}
|
|
{{if ne $plen 0}}
|
|
<section class="cenote-related-post">
|
|
<div class="tg-container">
|
|
<h2 class="related-post-title">{{lang "popular"}}</h2>
|
|
</div>
|
|
<!-- /.tg-container -->
|
|
<!-- /.related-post-title -->
|
|
<div class="cenote-related-post-container">
|
|
<div class="tg-container">
|
|
<div class="tg-flex-row tg-flex-container">
|
|
{{range .PopularArticles}}
|
|
<article id="post-11388" class="related-post-item has-post-thumbnail">
|
|
<a class="entry-thumbnail" href="{{.Url}}"
|
|
aria-hidden="true">
|
|
<span class="post-thumbnail__letter">
|
|
C </span>
|
|
<img width="600" height="400"
|
|
src="{{getCover .Cover 125 75}}"
|
|
class="attachment-cenote-post size-cenote-post wp-post-image" alt="Cyclist Gift Guide" loading="lazy" style="width: 275px;"/> </a>
|
|
<div class="entry-meta">
|
|
<span class="posted-on"><a
|
|
href="{{.Url}}" rel="bookmark"><time
|
|
class="entry-date published" >{{timeFormat .PublishTime}}</time><time
|
|
class="updated" >{{.Views}} {{lang "views"}}</time></a></span>
|
|
</div><!-- .entry-meta -->
|
|
|
|
<header class="entry-header">
|
|
<h2 class="entry-title"><a href="{{.Url}}"
|
|
rel="bookmark">{{.Title}}</a></h2>
|
|
</header><!-- .entry-header -->
|
|
|
|
</article><!-- #post-11388 -->
|
|
{{end}}
|
|
</div>
|
|
<!-- /.tg-flex-row -->
|
|
</div>
|
|
<!-- /.tg-container tg-container-flex -->
|
|
</div>
|
|
<!-- /.cenote-related-post-container -->
|
|
</section>
|
|
{{end}}
|
|
|
|
<footer id="colophon" class="site-footer tg-site-footer tg-site-footer--default">
|
|
|
|
<div class="tg-footer-bottom">
|
|
<div class="tg-container">
|
|
<div class="tg-footer-bottom-container tg-flex-container">
|
|
<div class="tg-footer-bottom-left">
|
|
<div class="site-info">
|
|
Copyright © 2022
|
|
<a href="{{.IndexUrl}}" title="ClassPass Blog"><span>{{ lang "home"}}</span></a>
|
|
{{if .HasAbout }}
|
|
<a href="{{.AboutUrl}}" title="ClassPass Blog"><span>{{ lang "about"}}</span></a>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<a href="{{.ContactUrl}}" title="ClassPass Blog"><span>{{ lang "contact"}}</span></a>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<a href="{{.PolicyUrl}}" title="ClassPass Blog"><span>{{ lang "policy"}}</span></a>
|
|
{{end}}
|
|
{{$flen := len .Friendship}}
|
|
{{if ne $flen 0}}
|
|
{{range .Friendship}}
|
|
<a href="{{.Url}}" title="ClassPass Blog"><span>{{.Name}}</span></a>
|
|
{{end}}
|
|
{{end}}
|
|
</div><!-- .site-info -->
|
|
</div><!-- .tg-footer-bottom-left -->
|
|
<div class="tg-footer-bottom-right">
|
|
</div><!-- .tg-footer-bottom-right-->
|
|
</div><!-- .tg-footer-bootom-container-->
|
|
</div>
|
|
</div><!-- .tg-footer-bottom -->
|
|
</footer><!-- #colophon -->
|
|
|
|
</div><!-- #page -->
|
|
|
|
|
|
<script type='text/javascript' src='{{staticFile "/js/imagesloaded.min.js"}}' id='imagesloaded-js'></script>
|
|
<script type='text/javascript' src='{{staticFile "/js/masonry.min.js"}}' id='masonry-js'></script>
|
|
<script type='text/javascript' src='{{staticFile "/js/cenote-custom.min.js"}}' id='cenote-custom-js'></script>
|
|
|
|
</body>
|
|
|
|
</html> |