master
xuxiaoyan 2 years ago
parent 2aa2df67b9
commit 9bd72d436e
  1. 210
      classpass/about.html
  2. 6
      classpass/config.json
  3. 226
      classpass/contact.html
  4. 748
      classpass/css/index.css
  5. 4146
      classpass/css/style.css
  6. 243
      classpass/details.html
  7. 173
      classpass/index.html
  8. 1
      classpass/js/cenote-custom.min.js
  9. 8
      classpass/js/imagesloaded.min.js
  10. 10
      classpass/js/masonry.min.js
  11. 210
      classpass/policy.html

@ -0,0 +1,210 @@
<!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>{{ lang "about"}} </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">
<header class="entry-header">
<h1 class="entry-title">{{ lang "about"}} </h1>
</header><!-- .entry-header -->
<div class="entry-content">
{{.About}}
</div><!-- .entry-content -->
</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 &copy; 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>

@ -0,0 +1,6 @@
{
"creator": "许晓焱",
"version": "1.0",
"origin_website": "https://classpass.com/blog/",
"devices": ["pc", "pad", "phone"]
}

@ -0,0 +1,226 @@
<!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>{{ lang "contact"}} </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">
<header class="entry-header">
<h1 class="entry-title">{{ lang "contact"}} </h1>
</header><!-- .entry-header -->
<div class="entry-content">
{{.Contact}}
<form class="col-12 col-lg-6" style="padding: 0;">
<div class="form-group">
<label for="emailInput">{{lang "about_email"}}</label>
<input type="email" class="form-control" id="emailInput" placeholder="name@example.com">
</div>
<div class="form-group">
<label for="nameInput">{{lang "about_name"}}</label>
<input type="text" class="form-control" id="nameInput" placeholder="your name">
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">{{lang "about_message"}}</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"
placeholder="what do you want to say"></textarea>
</div>
<button type="submit" class="btn btn-primary" style="width: 100%;">{{lang "about_send"}}</button>
</form>
</div><!-- .entry-content -->
</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 &copy; 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>

@ -0,0 +1,748 @@
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
.wp-block-audio figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-audio figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-code {
border: 1px solid #ccc;
border-radius: 4px;
font-family: Menlo, Consolas, monaco, monospace;
padding: .8em 1em
}
.wp-block-embed figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-embed figcaption {
color: hsla(0, 0%, 100%, .65)
}
.blocks-gallery-caption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .blocks-gallery-caption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-image figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-image figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-pullquote {
border-top: 4px solid;
border-bottom: 4px solid;
margin-bottom: 1.75em;
color: currentColor
}
.wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: currentColor;
text-transform: uppercase;
font-size: .8125em;
font-style: normal
}
.wp-block-quote {
border-left: .25em solid;
margin: 0 0 1.75em;
padding-left: 1em
}
.wp-block-quote cite,
.wp-block-quote footer {
color: currentColor;
font-size: .8125em;
position: relative;
font-style: normal
}
.wp-block-quote.has-text-align-right {
border-left: none;
border-right: .25em solid;
padding-left: 0;
padding-right: 1em
}
.wp-block-quote.has-text-align-center {
border: none;
padding-left: 0
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-quote.is-style-plain {
border: none
}
.wp-block-search .wp-block-search__label {
font-weight: 700
}
:where(.wp-block-group.has-background) {
padding: 1.25em 2.375em
}
.wp-block-separator.has-css-opacity {
opacity: .4
}
.wp-block-separator {
border: none;
border-bottom: 2px solid;
margin-left: auto;
margin-right: auto
}
.wp-block-separator.has-alpha-channel-opacity {
opacity: 1
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
width: 100px
}
.wp-block-separator.has-background:not(.is-style-dots) {
border-bottom: none;
height: 1px
}
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
height: 2px
}
.wp-block-table thead {
border-bottom: 3px solid
}
.wp-block-table tfoot {
border-top: 3px solid
}
.wp-block-table td,
.wp-block-table th {
padding: .5em;
border: 1px solid;
word-break: normal
}
.wp-block-table figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-table figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-video figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-video figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-template-part.has-background {
padding: 1.25em 2.375em;
margin-top: 0;
margin-bottom: 0
}
body {
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
--wp--preset--duotone--midnight: url('#wp-duotone-midnight');
--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 36px;
--wp--preset--font-size--x-large: 42px;
}
.has-black-color {
color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important;
}
#mysticky-nav {
width: 100%;
position: static;
}
#mysticky-nav.wrapfixed {
position: fixed;
left: 0px;
margin-top: 0px;
z-index: 99990;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
background-color: #ffffff;
}
#mysticky-nav.wrapfixed .myfixed {
background-color: #ffffff;
position: relative;
top: auto;
left: auto;
right: auto;
}
#mysticky-nav.wrapfixed ul li.menu-item a {
color: #000000;
}
#mysticky-nav .myfixed {
margin: 0 auto;
float: none;
border: 0px;
background: none;
max-width: 100%;
}
@media (min-width: 1025px) {
body .uag-hide-desktop.uagb-google-map__wrap,
body .uag-hide-desktop {
display: none !important
}
}
@media (min-width: 768px) and (max-width: 1024px) {
body .uag-hide-tab.uagb-google-map__wrap,
body .uag-hide-tab {
display: none !important
}
}
@media (max-width: 767px) {
body .uag-hide-mob.uagb-google-map__wrap,
body .uag-hide-mob {
display: none !important
}
}
.cenote-breadcrumb li a:hover,
.cenote-header-media.cenote-header-media--right .cenote-header-media__button:hover,
.cenote-header-sticky .cenote-reading-bar .cenote-reading-bar__share .cenote-reading-share-item a:hover,
.cenote-header-sticky .main-navigation li ul li>a:hover,
.cenote-header-sticky .main-navigation li ul li.focus>a,
.comments-area .comment-list .comment-meta .comment-metadata a:hover,
.entry-content .page-links a:hover,
.entry-content a,
.entry-content table a:hover,
.entry-footer .tags-links a:hover,
.entry-meta a,
.main-navigation.tg-site-menu--offcanvas li.current-menu-ancestor>a,
.main-navigation.tg-site-menu--offcanvas li.current-menu-item>a,
.main-navigation.tg-site-menu--offcanvas li.current_page_ancestor>a,
.main-navigation.tg-site-menu--offcanvas li.current_page_item>a,
.main-navigation.tg-site-menu--offcanvas li:hover>a,
.pagination .page-numbers:hover,
.post-template-cover .entry-thumbnail--template .entry-info .entry-meta a:hover,
.single .hentry .entry-meta a:hover,
.tg-header-top .tg-social-menu li:hover a,
.tg-header-top ul:not(.tg-social-menu) li a:hover,
.tg-site-footer.tg-site-footer--default .tg-footer-bottom .site-info a:hover,
.tg-site-footer.tg-site-footer--default .tg-footer-widget-area .widget .tagcloud a:hover,
.tg-site-footer.tg-site-footer--default .tg-footer-widget-area .widget ul li a:hover,
.tg-site-footer.tg-site-footer--light-dark .tg-footer-bottom .site-info a:hover,
.tg-site-footer.tg-site-footer--light-dark-center .tg-footer-bottom .site-info a:hover,
.tg-site-menu--default li.focus>a,
.tg-slider.tg-post-slider .tg-container .cat-links a:hover,
.tg-slider.tg-post-slider .tg-container .entry-title a:hover,
.tg-slider.tg-post-slider .tg-container .posted-on a:hover,
.tg-top-cat .cat-links a,
.widget_tag_cloud .tagcloud a:hover,
a:active,
a:focus,
a:hover {
color: #0052ee;
}
.button:hover,
.entry-footer .cat-links a,
.entry-meta .posted-on:before,
.main-navigation.tg-site-menu--offcanvas li.current-menu-ancestor>a:before,
.main-navigation.tg-site-menu--offcanvas li.current-menu-item>a:before,
.main-navigation.tg-site-menu--offcanvas li.current_page_ancestor>a:before,
.main-navigation.tg-site-menu--offcanvas li.current_page_item>a:before,
.main-navigation.tg-site-menu--offcanvas li:hover>a:before,
.post-format-media--gallery .swiper-button-next,
.post-format-media--gallery .swiper-button-prev,
.post-template-cover .entry-thumbnail--template .entry-info .tg-top-cat .cat-links a:hover,
.tg-readmore-link:hover:before,
.tg-slider .swiper-button-next,
.tg-slider .swiper-button-prev,
.widget .widget-title:after,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background-color: #0052ee;
}
.entry-footer .tags-links a:hover,
.tg-site-footer.tg-site-footer--default .tg-footer-widget-area .widget .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:hover {
border-color: #0052ee;
}
body {
font-family: Open Sans;
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 700;
}
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4taVQUwaEQXjN_mQ.woff) format('woff');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVQUwaEQXjN_mQ.woff) format('woff');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4saVQUwaEQXjN_mQ.woff) format('woff');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4jaVQUwaEQXjN_mQ.woff) format('woff');
unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVQUwaEQXjN_mQ.woff) format('woff');
unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVQUwaEQXjN_mQ.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVQUwaEQXjN_mQ.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVQUwaEQXjM.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4taVQUwaEQXjN_mQ.woff) format('woff');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4kaVQUwaEQXjN_mQ.woff) format('woff');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4saVQUwaEQXjN_mQ.woff) format('woff');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4jaVQUwaEQXjN_mQ.woff) format('woff');
unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4iaVQUwaEQXjN_mQ.woff) format('woff');
unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4vaVQUwaEQXjN_mQ.woff) format('woff');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4uaVQUwaEQXjN_mQ.woff) format('woff');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: normal;
font-display: swap;
src: url(https://classpass.com/blog/wp-content/fonts/open-sans/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVQUwaEQXjM.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

File diff suppressed because it is too large Load Diff

@ -0,0 +1,243 @@
<!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 &copy; 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>

@ -0,0 +1,173 @@
<!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' />
</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 -->
<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">
<div class="cenote-content-masonry cenote-content-masonry--animated">
<div id="cenote-content-masonry">
{{ range .Articles }}
<article
class="post-21330 post type-post status-publish format-standard has-post-thumbnail sticky hentry category-the-best-advice-to-live-your-healthiest-happiest-life tag-at-home">
<a class="entry-thumbnail" href="{{.Url}}" aria-hidden="true">
<img width="600" height="400" src="{{getCover .Cover 300 180}}"
class="attachment-cenote-post-auto size-cenote-post-auto wp-post-image" /> </a>
<div class="entry-meta">
<span class="cat-links"> </span><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 -->
<div class="entry-content">
<p>{{.Summary}}</p>
</div><!-- .entry-content -->
</article><!-- #post-21330 -->
{{end}}
</div>
</div>
<!-- /.cenote-content-masonry -->
<nav class="navigation pagination">
<!-- /.screen-reader-text -->
<div class="nav-links">
{{$pulen := len .PrevUrl}}
{{ if ne $pulen 0 }}
<a class="next page-numbers" href="{{.PrevUrl}}">{{lang "prev"}}</a>
{{ end }}
{{$nulen := len .NextUrl}}
{{ if ne $nulen 0 }}
<a class="next page-numbers" href="{{.NextUrl}}">{{lang "next"}}</a>
{{ end }}
</div>
<!-- /.nav-links -->
</nav>
<!-- /.navigation pagination -->
</main><!-- #main -->
</div><!-- #primary -->
</div><!-- .tg-container -->
</div><!-- #content -->
<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 &copy; 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>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -0,0 +1,210 @@
<!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>{{ lang "policy"}} </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">
<header class="entry-header">
<h1 class="entry-title">{{ lang "policy"}} </h1>
</header><!-- .entry-header -->
<div class="entry-content">
{{.Policy}}
</div><!-- .entry-content -->
</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 &copy; 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>
Loading…
Cancel
Save