新增模板新增模板saatva、withings

master
xuxiaoyan 2 years ago
parent a1fc03d3b7
commit f2f799deec
  1. 153
      saatva/about.html
  2. 5
      saatva/config.json
  3. 154
      saatva/contact.html
  4. 1
      saatva/css/0326e316c1cee0d7.css
  5. 439
      saatva/css/9564848c90596bc9.css
  6. 5938
      saatva/css/9d7d9a34b9b79500.css
  7. 308
      saatva/details.html
  8. 225
      saatva/index.html
  9. 5
      saatva/js/jquery-1.12.4.min.js
  10. 153
      saatva/policy.html
  11. 145
      withings/about.html
  12. 5
      withings/config.json
  13. 161
      withings/contact.html
  14. 1
      withings/css/main.css
  15. 6
      withings/css/main.wi.min.css
  16. 28
      withings/css/style.css
  17. 11
      withings/css/style.min.css.css
  18. 2
      withings/css/style.min.css@ver=1.css
  19. 239
      withings/details.html
  20. 243
      withings/index.html
  21. 8
      withings/js/app.js
  22. 174
      withings/js/main.js
  23. 2
      withings/js/script.min.js
  24. 145
      withings/policy.html

@ -0,0 +1,153 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{.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 rel="stylesheet" href="{{staticFile "/css/9d7d9a34b9b79500.css"}}" data-n-g="" />
<link rel="stylesheet" href="{{staticFile "/css/9564848c90596bc9.css"}}" />
<link rel="stylesheet" href="{{staticFile "/css/0326e316c1cee0d7.css"}}" />
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
</head>
<body>
<div id="__next" data-reactroot="">
<div style="min-height:100vh;display:flex;flex-direction:column">
<header class="Navbar_header__uLDdn">
<div class="Navbar_navbar___JEvD">
<div class="Navbar_container__rVhH8 container" style="align-items: center;">
<div class="NavLogo_logo__n14LW"><a
class="u-flexDisplay u-flexJustify--center u-flexAlign--center"
href="{{.IndexUrl}}"><img
src="{{replaceImage .Logo}}"
alt="Saatva Logo" width="80" height="40"></a></div>
<div class="menu" style="position: absolute;
right: 0;">
<svg t="1668070021644" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2829" width="20" height="20"><path d="M963.764706 180.705882v120.470589H60.235294V180.705882h903.529412zM60.235294 602.352941h903.529412V481.882353H60.235294v120.470588z m0 301.176471h903.529412v-120.470588H60.235294v120.470588z" p-id="2830"></path></svg>
</div>
<nav class="NavMenu_menuContainer__s5OPE">
<ul class="NavMenu_menu__9U_ew">
<li class="NavMenu_mobileCloseIconContainer__l6Vg3"><button><svg name="close"
class="icon icon--close NavMenu_closeIcon__sAEsh" role="img"
alt="Menu Closed" description="Menu Closed" viewBox="0 0 13 13" width="13"
height="13" aria-labelledby="mobileClose">
<title id="mobileClose">Menu Closed</title>
<path d="M2.5,2.5l8,8"></path>
<path d="M2.5,10.5l8-8"></path>
</svg></button></li>
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.IndexUrl}}">{{ lang "home"}}</a></div>
</li>
{{if .HasAbout }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.AboutUrl}}">{{ lang "about"}}</a></div>
</li>
{{end}}
{{if .HasContact }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.ContactUrl}}">{{ lang "contact"}}</a></div>
</li>
{{end}}
{{if .HasPolicy }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.PolicyUrl}}">{{ lang "policy"}}</a></div>
</li>
{{end}}
</ul>
</nav>
<div class="Navbar_searchAndCartContainer__BfeGl"></div>
</div>
</div>
</header>
<main class="main">
<header>
<section class="section section--alt hero aboutUs__hero">
<div class="container">
<div class="row">
<div class="">
<h1 class="t-heading1 t-black u-marginBottom--md">{{ lang "about"}} </h1>
<p class="t-body--aboutUs"> {{.About}}</p>
</div>
</div>
</div>
</section>
</header>
</main>
<div class="row row--center-xs"></div>
<footer class="u-paddingTop--2xl u-paddingBottom--none u-textCenter footer_container__BKca_">
<div class="container">
<div class="footer-links_container__Bv0jV">
<div class="link-list_container__y5361">
<h2 class="link-list_title__Y2Gi6">{{lang "related"}}</h2>
<ul class="u-flexDisplay u-flexDirection--column">
{{if .HasAbout }}
<li><a href="{{.AboutUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "about"}}</a></li>
{{end}}
{{if .HasContact }}
<li><a href="{{.ContactUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "contact"}}</a></li>
{{end}}
{{if .HasPolicy }}
<li><a href="{{.PolicyUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "policy"}}</a></li>
{{end}}
</ul>
<div class="link-list_subLinksContainer__8AM1x"></div>
</div>
{{$flen := len .Friendship}}
{{if ne $flen 0}}
<div class="link-list_container__y5361">
<h2 class="link-list_title__Y2Gi6">{{lang "friendship"}}</h2>
<ul class="u-flexDisplay u-flexDirection--column">
{{range .Friendship}}
<li><a href="{{.Url}}" rel="noreferrer" class="link-list_link__kynOL"
target="_self">{{.Name}}</a></li>
{{end}}
</ul>
<div class="link-list_subLinksContainer__8AM1x"></div>
</div>
{{end}}
</div>
<div class="u-marginBottom--lg"><a class=""
href="{{.IndexUrl}}"
target="_blank" rel="nofollow"><img class="footer-bbb-badge_image__EWNi1"
src="{{replaceImage .Logo}}"
alt=" " style="object-fit: cover;" /></a></div>
</div>
<div class="footer-bottom_container__4zVuj">
<div class="container">
<div class="row">
<div class="col col--xs-12 col--md-4 u-marginVertical--xs u-flexJustify--center">
<p class="footer-bottom_text__sXJVb">{{.Copyright}}
</p>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
</body>
<script>
document.querySelector('.menu').addEventListener('click', function(){
document.querySelector('.NavMenu_menuContainer__s5OPE').style.left = '0'
})
document.querySelector('.NavMenu_mobileCloseIconContainer__l6Vg3 button').addEventListener('click', function(){
document.querySelector('.NavMenu_menuContainer__s5OPE').style.left = '-100%'
})
</script>
</html>

@ -0,0 +1,5 @@
{
"creator": "许晓焱",
"version": "1.0",
"origin_website": "https://www.saatva.com/blog/"
}

@ -0,0 +1,154 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{.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 rel="stylesheet" href="{{staticFile "/css/9d7d9a34b9b79500.css"}}" data-n-g="" />
<link rel="stylesheet" href="{{staticFile "/css/9564848c90596bc9.css"}}" />
<link rel="stylesheet" href="{{staticFile "/css/0326e316c1cee0d7.css"}}" />
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
</head>
<body>
<div id="__next" data-reactroot="">
<div style="min-height:100vh;display:flex;flex-direction:column">
<header class="Navbar_header__uLDdn">
<div class="Navbar_navbar___JEvD">
<div class="Navbar_container__rVhH8 container" style="align-items: center;">
<div class="NavLogo_logo__n14LW"><a
class="u-flexDisplay u-flexJustify--center u-flexAlign--center"
href="{{.IndexUrl}}"><img
src="{{replaceImage .Logo}}"
alt="Saatva Logo" width="80" height="40"></a></div>
<div class="menu" style="position: absolute;
right: 0;">
<svg t="1668070021644" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2829" width="20" height="20"><path d="M963.764706 180.705882v120.470589H60.235294V180.705882h903.529412zM60.235294 602.352941h903.529412V481.882353H60.235294v120.470588z m0 301.176471h903.529412v-120.470588H60.235294v120.470588z" p-id="2830"></path></svg>
</div>
<nav class="NavMenu_menuContainer__s5OPE">
<ul class="NavMenu_menu__9U_ew">
<li class="NavMenu_mobileCloseIconContainer__l6Vg3"><button><svg name="close"
class="icon icon--close NavMenu_closeIcon__sAEsh" role="img"
alt="Menu Closed" description="Menu Closed" viewBox="0 0 13 13" width="13"
height="13" aria-labelledby="mobileClose">
<title id="mobileClose">Menu Closed</title>
<path d="M2.5,2.5l8,8"></path>
<path d="M2.5,10.5l8-8"></path>
</svg></button></li>
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.IndexUrl}}">{{ lang "home"}}</a></div>
</li>
{{if .HasAbout }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.AboutUrl}}">{{ lang "about"}}</a></div>
</li>
{{end}}
{{if .HasContact }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.ContactUrl}}">{{ lang "contact"}}</a></div>
</li>
{{end}}
{{if .HasPolicy }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.PolicyUrl}}">{{ lang "policy"}}</a></div>
</li>
{{end}}
</ul>
</nav>
<div class="Navbar_searchAndCartContainer__BfeGl"></div>
</div>
</div>
</header>
<main class="main">
<header>
<section class="section section--alt hero aboutUs__hero">
<div class="container">
<div class="row">
<div class="">
<h1 class="t-heading1 t-black u-marginBottom--md">{{ lang "contact"}} </h1>
<p class="t-body--aboutUs"> {{.Contact}}</p>
</div>
</div>
</div>
</section>
</header>
</main>
<div class="row row--center-xs"></div>
<footer class="u-paddingTop--2xl u-paddingBottom--none u-textCenter footer_container__BKca_">
<div class="container">
<div class="footer-links_container__Bv0jV">
<div class="link-list_container__y5361">
<h2 class="link-list_title__Y2Gi6">{{lang "related"}}</h2>
<ul class="u-flexDisplay u-flexDirection--column">
{{if .HasAbout }}
<li><a href="{{.AboutUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "about"}}</a></li>
{{end}}
{{if .HasContact }}
<li><a href="{{.ContactUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "contact"}}</a></li>
{{end}}
{{if .HasPolicy }}
<li><a href="{{.PolicyUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "policy"}}</a></li>
{{end}}
</ul>
<div class="link-list_subLinksContainer__8AM1x"></div>
</div>
{{$flen := len .Friendship}}
{{if ne $flen 0}}
<div class="link-list_container__y5361">
<h2 class="link-list_title__Y2Gi6">{{lang "friendship"}}</h2>
<ul class="u-flexDisplay u-flexDirection--column">
{{range .Friendship}}
<li><a href="{{.Url}}" rel="noreferrer" class="link-list_link__kynOL"
target="_self">{{.Name}}</a></li>
{{end}}
</ul>
<div class="link-list_subLinksContainer__8AM1x"></div>
</div>
{{end}}
</div>
<div class="u-marginBottom--lg"><a class=""
href="{{.IndexUrl}}"
target="_blank" rel="nofollow"><img class="footer-bbb-badge_image__EWNi1"
src="{{replaceImage .Logo}}"
alt=" " style="object-fit: cover;" /></a></div>
</div>
<div class="footer-bottom_container__4zVuj">
<div class="container">
<div class="row">
<div class="col col--xs-12 col--md-4 u-marginVertical--xs u-flexJustify--center">
<p class="footer-bottom_text__sXJVb">{{.Copyright}}
</p>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
</body>
<script>
document.querySelector('.menu').addEventListener('click', function(){
document.querySelector('.NavMenu_menuContainer__s5OPE').style.left = '0'
})
document.querySelector('.NavMenu_mobileCloseIconContainer__l6Vg3 button').addEventListener('click', function(){
document.querySelector('.NavMenu_menuContainer__s5OPE').style.left = '-100%'
})
</script>
</html>

@ -0,0 +1 @@
.ResponsivePicture_wrapper__xLluE{position:relative;width:100%;overflow:hidden}.ResponsivePicture_picture__IC7sh{position:unset}.ResponsivePicture_image__rEf3P{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#fafafb}.Sticker_container__0M0Yh{position:absolute;left:-1px;height:34px;overflow:hidden;padding:.125rem 1.5rem;background-color:#f8f8f8;color:#c19678;transition:padding .4s}.Sticker_container__0M0Yh:hover{padding:.125rem 1.75rem;transition:padding .4s}.Sticker_isTopAligned__A5zpf{top:calc(34px / -2)}.Sticker_isBottomAligned__X3duh{bottom:calc(34px / -2)}.Sticker_link__aJ6J9{color:inherit;font-size:.8125rem;font-weight:600}.Sticker_link__aJ6J9:visited{color:inherit}.Sticker_link__aJ6J9:hover{color:#000}@import"https://fonts.googleapis.com/css2?family=Source+Serif+Pro&display=swap";@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;font-display:swap;src:local("Source Sans Pro Light"),local("SourceSansPro-Light"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdq.eot?) format("eot"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2) format("woff2"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdo.woff) format("woff"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdr3cOWxw.ttf) format("truetype"),url(https://fonts.gstatic.com/l/font?kit=6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdp&skey=e2b26fc7e9e1ade8&v=v11) format("svg")}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;font-display:swap;src:local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7h.eot?) format("eot"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format("woff2"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7j.woff) format("woff"),url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7gujVj9w.ttf) format("truetype"),url(https://fonts.gstatic.com/l/font?kit=6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7i&skey=1e026b1c27170b9b&v=v11) format("svg")}.LinkedCard_cardContainer___2EZb{display:flex;flex-direction:column;margin-bottom:2rem}.LinkedCard_cardPictureContainer__Bp3R_{z-index:0}@media(min-width:1200px){.LinkedCard_cardPictureImage__mYFPo{width:calc(100% + 10px);transition:left .4s;left:-10px}.LinkedCard_cardPictureImage__mYFPo:hover{left:0}}.LinkedCard_cardContent__Z2C59{flex-grow:1;border:1px solid #d2d2d2;font-family:Source Sans Pro,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;padding:1.75rem 1.5rem 1.25rem}.LinkedCard_cardTitle__fgx2c{display:block;color:#79736b;font-size:1.25rem;font-weight:400;letter-spacing:1px;text-transform:capitalize;line-height:24px;transition:color .25s ease}.LinkedCard_cardTitle__fgx2c:visited{color:#79736b}.LinkedCard_cardTitle__fgx2c:hover{color:#c19678}.LinkedCard_icon__BXlX2{position:absolute;bottom:5px;right:5px;width:2rem;height:2rem;z-index:1}

@ -0,0 +1,439 @@
.NavHeader_header__Gl5oc {
width: 100%;
max-width: unset;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
color: #6b6257;
opacity: 0.8;
font-family: 'Source Serif Pro', Times New Roman, Times, Georgia, serif;
font-size: 1.125rem;
line-height: 1.3333333333;
}
.NavHeader_header__Gl5oc a:visited {
color: unset;
}
@media (min-width: 768px) {
.NavHeader_header__Gl5oc {
font-size: 1.75rem;
line-height: 1.2857142857;
}
}
@media (min-width: 1025px) {
.NavHeader_header__Gl5oc {
height: 82px;
}
}
.NavLogo_logo__n14LW {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
background-color: #f6f5f3;
}
.NavLogo_logo__n14LW img {
width: 80px;
}
@media (min-width: 1025px) {
.NavLogo_logo__n14LW {
width: auto;
background-color: unset;
}
.NavLogo_logo__n14LW img {
width: 120px;
height: 60px;
}
}
.NavMenuItem_menuItem__tinHV {
position: relative;
border-bottom: 1px solid #ebebeb;
}
@media (min-width: 1025px) {
.NavMenuItem_menuItem__tinHV {
margin: 0 0.75rem;
border: revert;
}
.NavMenuItem_menuItem__tinHV:not(:last-child):after {
position: absolute;
display: block;
content: ' ';
left: 0;
bottom: 0;
width: 0;
border-bottom: 1px solid #b19780;
transition: width 0.2s ease-in-out;
}
.NavMenuItem_menuItem__tinHV:not(:last-child):focus-within:after,
.NavMenuItem_menuItem__tinHV:not(:last-child):hover:after {
width: 100%;
transition: width 0.2s ease-in-out;
}
}
.NavMenuItem_menuItem__tinHV:nth-child(2) {
border-top: 1px solid #ebebeb;
}
@media (min-width: 768px) {
.NavMenuItem_menuItem__tinHV:nth-child(2) {
border-top: revert;
}
}
.NavMenuItem_menuItem__tinHV:last-child {
margin: 3rem auto;
transition: background-color 0.25s;
background-color: #d5aa63;
width: 235px;
border-bottom: unset;
}
.NavMenuItem_menuItem__tinHV:last-child a {
display: flex;
justify-content: center;
font-weight: 400;
color: #fff;
font-size: 1.125rem;
line-height: 1.2777777778;
}
.NavMenuItem_menuItem__tinHV:last-child a:visited {
color: #fff;
}
@media (min-width: 1025px) {
.NavMenuItem_menuItem__tinHV:last-child a {
font-size: 0.875rem;
line-height: 1.2857142857;
}
}
@media (min-width: 768px) {
.NavMenuItem_menuItem__tinHV:last-child {
width: 283px;
}
}
@media (min-width: 1025px) {
.NavMenuItem_menuItem__tinHV:last-child {
background-color: #d5aa63;
margin: 0 0.75rem;
width: 120px;
height: 40px;
}
.NavMenuItem_menuItem__tinHV:last-child a {
color: #fff;
font-weight: 400;
}
.NavMenuItem_menuItem__tinHV:last-child a:visited {
color: #fff;
}
.NavMenuItem_menuItem__tinHV:last-child:focus-within,
.NavMenuItem_menuItem__tinHV:last-child:hover {
background-color: #e2c492;
}
.NavMenuItem_menuItem__tinHV:last-child:focus-within a,
.NavMenuItem_menuItem__tinHV:last-child:hover a {
color: #fff;
}
}
.NavMenuItem_labelContainer__dOHnn {
padding: 0 1.25rem;
max-width: 340px;
height: 40px;
margin: 0 auto;
}
@media (min-width: 768px) {
.NavMenuItem_labelContainer__dOHnn {
padding: 0;
}
}
.NavMenuItem_label__h0ysz {
display: flex;
align-items: center;
flex-grow: 1;
height: 100%;
padding: 0 0 0 0.25rem;
color: #463f38;
letter-spacing: 0.2px;
font-size: 0.875rem;
font-weight: 300;
}
.NavMenuItem_label__h0ysz:visited {
color: #463f38;
}
.NavMenuItem_label__h0ysz:hover {
color: #b19780;
}
@media (min-width: 1025px) {
.NavMenuItem_label__h0ysz {
color: #2f312f;
transition: color 0.2s ease-out;
text-align: center;
padding: 0;
border-bottom: unset;
text-transform: capitalize;
letter-spacing: normal;
font-weight: 300;
font-size: 0.875rem;
line-height: 1.1428571429;
}
.NavMenuItem_label__h0ysz:visited {
color: #2f312f;
}
.NavMenuItem_label__h0ysz:hover {
color: #b19780;
}
}
.NavMenu_menuContainer__s5OPE {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: -9999;
background-color: #fff;
border-bottom: 1px solid #ebebeb;
transform: translateY(0.4%);
transition: transform 0.5s ease-out;
}
@media (min-width: 768px) {
.NavMenu_menuContainer__s5OPE {
width: 370px;
left: -100%;
transform: translateY(calc(100% - 82px));
transition: left 0.5s ease-in;
z-index: 3000;
box-shadow: 0 2px 11px 0 hsla(37, 13%, 60%, 0.5);
}
}
@media (min-width: 1025px) {
.NavMenu_menuContainer__s5OPE {
position: static;
display: flex;
align-items: center;
width: revert;
border: unset;
box-shadow: revert;
transform: unset;
}
}
@media screen and ( min-width: 1280px) {
.menu{
display: none;
}
}
.NavMenu_menuContainer--isVisible__dhY5W {
border-bottom: 2px solid #ebebeb;
transform: translateY(100%);
transition: left 0.5s ease-out, transform 0.5s ease-out, opacity 0.5s ease-in;
}
@media (min-width: 768px) {
.NavMenu_menuContainer--isVisible__dhY5W {
left: 0;
transform: translateY(calc(100% - 82px));
}
}
.NavMenu_menu__9U_ew {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
}
@media (min-width: 1025px) {
.NavMenu_menu__9U_ew {
flex-direction: row;
}
}
.NavMenu_mobileCloseIconContainer__l6Vg3 {
display: none;
}
@media (min-width: 768px) {
.NavMenu_mobileCloseIconContainer__l6Vg3 {
display: flex;
justify-content: flex-end;
padding: 1.25rem;
}
}
@media (min-width: 1025px) {
.NavMenu_mobileCloseIconContainer__l6Vg3 {
display: none;
}
}
.NavMenu_closeIcon__sAEsh {
width: 17px;
height: 17px;
stroke-width: 1;
}
.cartIcon_cartIcon__p7rMk {
overflow: visible;
line-height: 0px;
margin: auto 0 auto 1rem;
align-items: center;
cursor: pointer;
}
@media (min-width: 1025px) {
.cartIcon_cartIcon__p7rMk {
margin-left: 1.5rem;
}
}
.cartIcon_cartIcon__p7rMk svg {
width: 19px;
height: 19px;
}
.cartIcon_cartIcon__p7rMk .cartIcon_count__qUSVu {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -7px;
right: -10px;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #c19678;
color: #fff;
font-size: 10px;
line-height: 1;
}
@import 'https://fonts.googleapis.com/css2?family=Source+Serif+Pro&display=swap';
@font-face {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdq.eot?) format('eot'),
url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2) format('woff2'),
url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdo.woff) format('woff'),
url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdr3cOWxw.ttf) format('truetype'),
url(https://fonts.gstatic.com/l/font?kit=6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdp&skey=e2b26fc7e9e1ade8&v=v11) format('svg');
}
@font-face {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7h.eot?) format('eot'),
url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2'),
url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7j.woff) format('woff'),
url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7gujVj9w.ttf) format('truetype'),
url(https://fonts.gstatic.com/l/font?kit=6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7i&skey=1e026b1c27170b9b&v=v11) format('svg');
}
.Navbar_header__uLDdn {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 3000;
min-height: 80px;
max-height: 80px;
}
@media (min-width: 768px) {
.Navbar_header__uLDdn {
min-height: 122px;
max-height: 122px;
}
}
@media (min-width: 1025px) {
.Navbar_header__uLDdn {
position: static;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
min-height: 152px;
max-height: 152px;
}
}
.Navbar_header__uLDdn + main {
padding-top: 80px;
}
@media (min-width: 768px) {
.Navbar_header__uLDdn + main {
padding-top: 122px;
}
}
@media (min-width: 1025px) {
.Navbar_header__uLDdn + main {
padding-top: 0;
}
}
.Navbar_header_fixedBody__UsanB {
min-height: unset;
max-height: unset;
}
.Navbar_header_fixedBody__UsanB + main {
padding-top: 70px;
}
.Navbar_navbar___JEvD {
position: relative;
height: 39px;
background-color: #fff;
}
.Navbar_navbar___JEvD .container {
height: 100%;
}
@media (min-width: 768px) {
.Navbar_navbar___JEvD {
border-bottom: 1px solid #f6f5f3;
height: 82px;
max-width: unset;
}
}
@media (min-width: 1025px) {
.Navbar_navbar___JEvD {
width: 100%;
height: 70px;
max-width: 1150px;
}
}
@media (min-width: 1440px) {
.Navbar_navbar___JEvD {
max-width: 1350px;
}
}
.Navbar_container__rVhH8 {
display: grid;
grid-template-columns: 1fr auto 1fr;
}
@media (min-width: 1025px) {
.Navbar_container__rVhH8 {
grid-template-columns: 1fr auto;
}
}
@media (min-width: 1200px) {
.Navbar_container__rVhH8 {
grid-template-columns: 1fr auto 1fr;
}
}
.Navbar_container__rVhH8 > :first-child {
margin-right: auto;
}
.Navbar_container__rVhH8 > :last-child {
margin-left: auto;
}
.Navbar_burger__FsTxt {
height: 17px;
width: 17px;
cursor: pointer;
}
.Navbar_searchAndCartContainer__BfeGl {
display: none;
}
.Navbar_searchAndCartContainer__BfeGl .Navbar_search__ZNgsm {
display: flex;
align-items: center;
cursor: pointer;
}
.Navbar_searchAndCartContainer__BfeGl .Navbar_search__ZNgsm svg {
width: 17px;
height: 17px;
transform: rotate(90deg);
fill: #777;
}
.Navbar_fixedNavbar__0PC3B {
z-index: 3000;
position: fixed;
}
.Navbar_closeIcon__9oO6h {
width: 17px;
height: 17px;
stroke-width: 1;
}
@media (min-width: 768px) {
.Navbar_closeIcon__9oO6h {
opacity: 0;
}
}

File diff suppressed because it is too large Load Diff

@ -0,0 +1,308 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{.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 rel="stylesheet" href="{{staticFile "/css/9d7d9a34b9b79500.css"}}" data-n-g="" />
<link rel="stylesheet" href="{{staticFile "/css/9564848c90596bc9.css"}}" />
<link rel="stylesheet" href="{{staticFile "/css/0326e316c1cee0d7.css"}}" />
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
</head>
<body>
<div id="__next" data-reactroot="">
<div style="min-height:100vh;display:flex;flex-direction:column">
<header class="Navbar_header__uLDdn">
<div class="Navbar_navbar___JEvD">
<div class="Navbar_container__rVhH8 container" style="align-items: center;">
<div class="NavLogo_logo__n14LW"><a
class="u-flexDisplay u-flexJustify--center u-flexAlign--center"
href="{{.IndexUrl}}"><img
src="{{replaceImage .Logo}}"
alt="Saatva Logo" width="80" height="40"></a></div>
<div class="menu" style="position: absolute;
right: 0;">
<span>
<svg t="1668070021644" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2829" width="20" height="20"><path d="M963.764706 180.705882v120.470589H60.235294V180.705882h903.529412zM60.235294 602.352941h903.529412V481.882353H60.235294v120.470588z m0 301.176471h903.529412v-120.470588H60.235294v120.470588z" p-id="2830"></path></svg>
</span>
<button style="display: none;"><svg name="close" class="icon icon--close NavMenu_closeIcon__sAEsh" role="img" alt="Menu Closed" description="Menu Closed" viewBox="0 0 13 13" width="13" height="13" aria-labelledby="mobileClose">
<title id="mobileClose">Menu Closed</title>
<path d="M2.5,2.5l8,8"></path>
<path d="M2.5,10.5l8-8"></path>
</svg></button>
</div>
<nav class="NavMenu_menuContainer__s5OPE" style="transform: translateY(0%);">
<ul class="NavMenu_menu__9U_ew">
<li class="NavMenu_mobileCloseIconContainer__l6Vg3"><button><svg name="close"
class="icon icon--close NavMenu_closeIcon__sAEsh" role="img"
alt="Menu Closed" description="Menu Closed" viewBox="0 0 13 13" width="13"
height="13" aria-labelledby="mobileClose">
<title id="mobileClose">Menu Closed</title>
<path d="M2.5,2.5l8,8"></path>
<path d="M2.5,10.5l8-8"></path>
</svg></button></li>
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.IndexUrl}}">{{ lang "home"}}</a></div>
</li>
{{if .HasAbout }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.AboutUrl}}">{{ lang "about"}}</a></div>
</li>
{{end}}
{{if .HasContact }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.ContactUrl}}">{{ lang "contact"}}</a></div>
</li>
{{end}}
{{if .HasPolicy }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.PolicyUrl}}">{{ lang "policy"}}</a></div>
</li>
{{end}}
</ul>
</nav>
<div class="Navbar_searchAndCartContainer__BfeGl"></div>
</div>
</div>
</header>
<main>
<article class="container">
<div class="row">
<div class="col col--xs-12 col--xl-8">
<nav aria-label="Breadcrumb">
<ol class="Breadcrumb_container__N60J_ posts_breadcrumb__Ae91Y posts_container__5tTrT">
<li class="Breadcrumb_link__lNuL7 posts_breadcrumb__Ae91Y posts_link__w_n3Y"><a
title="Sleep Enlightened" href="{{.IndexUrl}}">{{lang "home"}}</a></li>
<li>Sleep Science</li>
</ol>
</nav>
<div class="PostHead_container__W5_3e u-marginTop--md">
<div class="ResponsivePicture_wrapper__xLluE">
<div aria-hidden="true" style="width:100%;padding-bottom:61.67664670658682%"></div>
<img class="ResponsivePicture_image__rEf3P"
src="{{getCover .Article.Pictures}}"
alt="saatva sleep masks" loading="lazy" />
</div>
</div>
<div class="u-marginBottom--sm">
<h1>{{.Title}}</h1>
<div class="AuthorByLine_container__LCTxw">
<span class="AuthorByLine_textContainer__t2zKE">{{timeFormat .PublishTime}}</span></div>
</div>
<div class="DocumentContent_container__wZs_2">
<div class="RichText_richText__kieMP">
<p>{{.Article.Summary}}</p>
</div>
<div class="RichText_richText__kieMP">
<div class="u-anchorOffset" id="sleep-mask-benefits"></div>
{{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>
</div>
<!-- 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 class="col col--xs-12 col--xl-4">
{{$plen := len .PopularArticles}}
{{if ne $plen 0}}
<aside class="u-marginBottom--xs Sidebar_container__mO_GZ"
data-analytics-selector="blog-sidebar">
<div class="FeaturedCards_container__VTq4S" data-analytics-selector="blog-top-articles">
<h2 class="FeaturedCards_title__dMqyG">{{lang "popular"}}</h2>
<div class="row">
{{range .PopularArticles}}
<div class="col col--xs-12 col--md-4 col--xl-12">
<div class="">
<div
class="Separator_separator__RsJ6a FeaturedCards_separator__nonTablet__BtFTB">
</div>
<article>
<div class="row u-marginVertical--sm">
<div
class="FeaturedCard_imgContainer__7GJVX col col--xs-4 col--md-12 col--xl-4 col--2xl-3">
<a target="_self"
href="{{.Url}}">
<div class="ResponsivePicture_wrapper__xLluE">
<div aria-hidden="true"
style="width:100%;padding-bottom:85.71428571428571%">
</div>
<img class="ResponsivePicture_image__rEf3P"
src="{{getCover .Cover}}"
alt="image of red sale signs - best time to buy a mattress"
loading="lazy" />
</div>
</a></div>
<div
class="FeaturedCard_textContainer__GGjiC col col--xs-8 col--md-12 col--xl-8 col--2xl-9">
<p class="FeaturedCard_category__lQF0V">Getting Started</p>
<a target="_self" class="FeaturedCard_title__iTvoA"
href="{{.Url}}">{{.Title}}</a>
<p class="FeaturedCard_date__NXY6S">{{timeFormat .PublishTime}}</p>
</div>
</div>
</article>
</div>
</div>
{{end}}
</div>
</div>
</aside>
{{end}}
{{$rlen := len .RecommendArticles}}
{{if ne $rlen 0}}
<aside class="u-marginBottom--xs Sidebar_container__mO_GZ"
data-analytics-selector="blog-sidebar">
<div class="FeaturedCards_container__VTq4S" data-analytics-selector="blog-top-articles">
<h2 class="FeaturedCards_title__dMqyG">{{lang "recommend"}}</h2>
<div class="row">
{{range .RecommendArticles}}
<div class="col col--xs-12 col--md-4 col--xl-12">
<div class="">
<div
class="Separator_separator__RsJ6a FeaturedCards_separator__nonTablet__BtFTB">
</div>
<article>
<div class="row u-marginVertical--sm">
<div
class="FeaturedCard_imgContainer__7GJVX col col--xs-4 col--md-12 col--xl-4 col--2xl-3">
<a target="_self"
href="{{.Url}}">
<div class="ResponsivePicture_wrapper__xLluE">
<div aria-hidden="true"
style="width:100%;padding-bottom:85.71428571428571%">
</div>
<img class="ResponsivePicture_image__rEf3P"
src="{{getCover .Cover}}"
alt="image of red sale signs - best time to buy a mattress"
loading="lazy" />
</div>
</a></div>
<div
class="FeaturedCard_textContainer__GGjiC col col--xs-8 col--md-12 col--xl-8 col--2xl-9">
<p class="FeaturedCard_category__lQF0V">Getting Started</p>
<a target="_self" class="FeaturedCard_title__iTvoA"
href="{{.Url}}">{{.Title}}</a>
<p class="FeaturedCard_date__NXY6S">{{timeFormat .PublishTime}}</p>
</div>
</div>
</article>
</div>
</div>
{{end}}
</div>
</div>
</aside>
{{end}}
</div>
</div>
</article>
</main>
<div class="row row--center-xs"></div>
<footer class="u-paddingTop--2xl u-paddingBottom--none u-textCenter footer_container__BKca_">
<div class="container">
<div class="footer-links_container__Bv0jV">
<div class="link-list_container__y5361">
<h2 class="link-list_title__Y2Gi6">{{lang "related"}}</h2>
<ul class="u-flexDisplay u-flexDirection--column">
{{if .HasAbout }}
<li><a href="{{.AboutUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "about"}}</a></li>
{{end}}
{{if .HasContact }}
<li><a href="{{.ContactUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "contact"}}</a></li>
{{end}}
{{if .HasPolicy }}
<li><a href="{{.PolicyUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "policy"}}</a></li>
{{end}}
</ul>
<div class="link-list_subLinksContainer__8AM1x"></div>
</div>
{{$flen := len .Friendship}}
{{if ne $flen 0}}
<div class="link-list_container__y5361">
<h2 class="link-list_title__Y2Gi6">{{lang "friendship"}}</h2>
<ul class="u-flexDisplay u-flexDirection--column">
{{range .Friendship}}
<li><a href="{{.Url}}" rel="noreferrer" class="link-list_link__kynOL"
target="_self">{{.Name}}</a></li>
{{end}}
</ul>
<div class="link-list_subLinksContainer__8AM1x"></div>
</div>
{{end}}
</div>
<div class="u-marginBottom--lg"><a class=""
href="{{.IndexUrl}}"
target="_blank" rel="nofollow"><img class="footer-bbb-badge_image__EWNi1"
src="{{replaceImage .Logo}}"
alt=" " style="object-fit: cover;" /></a></div>
</div>
<div class="footer-bottom_container__4zVuj">
<div class="container">
<div class="row">
<div class="col col--xs-12 col--md-4 u-marginVertical--xs u-flexJustify--center">
<p class="footer-bottom_text__sXJVb">{{.Copyright}}
</p>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
</body>
<script>
document.querySelector('.menu span').addEventListener('click', function(){
document.querySelector('.NavMenu_menuContainer__s5OPE').style.left = '0'
document.querySelector('.NavMenu_menuContainer__s5OPE').style.transform = "translateY(100%)"
document.querySelector('.menu span').style.display = "none"
document.querySelector('.menu button').style.display = "block"
})
document.querySelector('.menu button').addEventListener('click', function(){
document.querySelector('.NavMenu_menuContainer__s5OPE').style.left = '-100%'
document.querySelector('.NavMenu_menuContainer__s5OPE').style.transform = "translateY(0%)"
document.querySelector('.menu span').style.display = "block"
document.querySelector('.menu button').style.display = "none"
})
document.querySelector('.NavMenu_mobileCloseIconContainer__l6Vg3 button').addEventListener('click', function(){
document.querySelector('.NavMenu_menuContainer__s5OPE').style.left = '-100%'
document.querySelector('.NavMenu_menuContainer__s5OPE').style.transform = 'translateY(0%)'
})
</script>
</html>

@ -0,0 +1,225 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{.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 rel="stylesheet" href="{{staticFile "/css/9d7d9a34b9b79500.css"}}" data-n-g="" />
<link rel="stylesheet" href="{{staticFile "/css/9564848c90596bc9.css"}}" />
<link rel="stylesheet" href="{{staticFile "/css/0326e316c1cee0d7.css"}}" />
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
</head>
<body>
<div id="__next" data-reactroot="">
<div style="min-height:100vh;display:flex;flex-direction:column">
<header class="Navbar_header__uLDdn">
<div class="Navbar_navbar___JEvD">
<div class="Navbar_container__rVhH8 container" style="align-items: center;">
<div class="NavLogo_logo__n14LW"><a
class="u-flexDisplay u-flexJustify--center u-flexAlign--center"
href="{{.IndexUrl}}"><img
src="{{replaceImage .Logo}}"
alt="Saatva Logo" width="80" height="40"></a></div>
<div class="menu" style="position: absolute;
right: 0;">
<span>
<svg t="1668070021644" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2829" width="20" height="20"><path d="M963.764706 180.705882v120.470589H60.235294V180.705882h903.529412zM60.235294 602.352941h903.529412V481.882353H60.235294v120.470588z m0 301.176471h903.529412v-120.470588H60.235294v120.470588z" p-id="2830"></path></svg>
</span>
<button style="display: none;"><svg name="close" class="icon icon--close NavMenu_closeIcon__sAEsh" role="img" alt="Menu Closed" description="Menu Closed" viewBox="0 0 13 13" width="13" height="13" aria-labelledby="mobileClose">
<title id="mobileClose">Menu Closed</title>
<path d="M2.5,2.5l8,8"></path>
<path d="M2.5,10.5l8-8"></path>
</svg></button>
</div>
<nav class="NavMenu_menuContainer__s5OPE" style="transform: translateY(0%);">
<ul class="NavMenu_menu__9U_ew">
<li class="NavMenu_mobileCloseIconContainer__l6Vg3"><button><svg name="close"
class="icon icon--close NavMenu_closeIcon__sAEsh" role="img"
alt="Menu Closed" description="Menu Closed" viewBox="0 0 13 13" width="13"
height="13" aria-labelledby="mobileClose">
<title id="mobileClose">Menu Closed</title>
<path d="M2.5,2.5l8,8"></path>
<path d="M2.5,10.5l8-8"></path>
</svg></button></li>
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.IndexUrl}}">{{ lang "home"}}</a></div>
</li>
{{if .HasAbout }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.AboutUrl}}">{{ lang "about"}}</a></div>
</li>
{{end}}
{{if .HasContact }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.ContactUrl}}">{{ lang "contact"}}</a></div>
</li>
{{end}}
{{if .HasPolicy }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.PolicyUrl}}">{{ lang "policy"}}</a></div>
</li>
{{end}}
</ul>
</nav>
<div class="Navbar_searchAndCartContainer__BfeGl"></div>
</div>
</div>
</header>
<main class="container">
<section class="section section--xs u-textLeft">
<h2 class="CardSection_title__rmcHv">{{lang "latest"}}</h2>
<div class="row">
{{ range .Articles }}
<article class="col col--xs-12 col--md-6 col--xl-4 LinkedCard_cardContainer___2EZb"><a
class="LinkedCard_cardPictureContainer__Bp3R_" target="_self" aria-hidden="true"
href="{{.Url}}">
<div class="ResponsivePicture_wrapper__xLluE">
<div aria-hidden="true" style="width:100%;padding-bottom:35%"></div>
<img class="ResponsivePicture_image__rEf3P LinkedCard_cardPictureImage__mYFPo"
src="{{getCover .Cover 422 144}}"
alt="" style="object-fit: cover;" loading="lazy" />
</div>
</a>
<div class="LinkedCard_cardContent__Z2C59"><a target="_self"
class="LinkedCard_cardTitle__fgx2c"
href="{{.Url}}" style=" overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;">{{.Title}}</a></div>
</article>
{{end}}
</div>
</section>
<div style=" margin: 20px 0;
height: 20px;">
{{$pulen := len .PrevUrl}}
{{ if ne $pulen 0 }}
<div style="float:left;">
<a href="{{.PrevUrl}}">{{lang "prev"}}</a>
</div>
{{ end }}
{{$nulen := len .NextUrl}}
{{ if ne $nulen 0 }}
<div style="float:right;">
<a href="{{.NextUrl}}">{{lang "next"}}</a>
</div>
{{ end }}
</div>
{{$plen := len .PopularArticles}}
{{if ne $plen 0}}
<section class="section--xs u-textLeft">
<h2 class="CardSection_title__rmcHv">{{lang "popular"}}</h2>
<div class="row">
{{range .PopularArticles}}
<article class="col col--xs-12 col--md-6 col--xl-4 LinkedCard_cardContainer___2EZb"><a
class="LinkedCard_cardPictureContainer__Bp3R_" aria-hidden="true"
href="{{.Url}}">
<div class="ResponsivePicture_wrapper__xLluE">
<div aria-hidden="true" style="width:100%;padding-bottom:35%"></div>
<img class="ResponsivePicture_image__rEf3P LinkedCard_cardPictureImage__mYFPo"
src="{{getCover .Cover 422 144}}"
alt="" style="object-fit: cover;" loading="lazy" />
</div>
</a>
<div class="LinkedCard_cardContent__Z2C59"><a class="LinkedCard_cardTitle__fgx2c"
href="{{.Url}}" style=" overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;">{{.Title}}</a></div>
</article>
{{end}}
</div>
</section>
{{ end }}
</main>
<div class="row row--center-xs"></div>
<footer class="u-paddingTop--2xl u-paddingBottom--none u-textCenter footer_container__BKca_">
<div class="container">
<div class="footer-links_container__Bv0jV">
<div class="link-list_container__y5361">
<h2 class="link-list_title__Y2Gi6">{{lang "related"}}</h2>
<ul class="u-flexDisplay u-flexDirection--column">
{{if .HasAbout }}
<li><a href="{{.AboutUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "about"}}</a></li>
{{end}}
{{if .HasContact }}
<li><a href="{{.ContactUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "contact"}}</a></li>
{{end}}
{{if .HasPolicy }}
<li><a href="{{.PolicyUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "policy"}}</a></li>
{{end}}
</ul>
<div class="link-list_subLinksContainer__8AM1x"></div>
</div>
{{$flen := len .Friendship}}
{{if ne $flen 0}}
<div class="link-list_container__y5361">
<h2 class="link-list_title__Y2Gi6">{{lang "friendship"}}</h2>
<ul class="u-flexDisplay u-flexDirection--column">
{{range .Friendship}}
<li><a href="{{.Url}}" rel="noreferrer" class="link-list_link__kynOL"
target="_self">{{.Name}}</a></li>
{{end}}
</ul>
<div class="link-list_subLinksContainer__8AM1x"></div>
</div>
{{end}}
</div>
<div class="u-marginBottom--lg"><a class=""
href="{{.IndexUrl}}"
target="_blank" rel="nofollow"><img class="footer-bbb-badge_image__EWNi1"
src="{{replaceImage .Logo}}"
alt=" " style="object-fit: cover;" /></a></div>
</div>
<div class="footer-bottom_container__4zVuj">
<div class="container">
<div class="row">
<div class="col col--xs-12 col--md-4 u-marginVertical--xs u-flexJustify--center">
<p class="footer-bottom_text__sXJVb">{{.Copyright}}
</p>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
</body>
<script>
document.querySelector('.menu span').addEventListener('click', function(){
document.querySelector('.NavMenu_menuContainer__s5OPE').style.left = '0'
document.querySelector('.NavMenu_menuContainer__s5OPE').style.transform = "translateY(100%)"
document.querySelector('.menu span').style.display = "none"
document.querySelector('.menu button').style.display = "block"
})
document.querySelector('.menu button').addEventListener('click', function(){
document.querySelector('.NavMenu_menuContainer__s5OPE').style.left = '-100%'
document.querySelector('.NavMenu_menuContainer__s5OPE').style.transform = "translateY(0%)"
document.querySelector('.menu span').style.display = "block"
document.querySelector('.menu button').style.display = "none"
})
document.querySelector('.NavMenu_mobileCloseIconContainer__l6Vg3 button').addEventListener('click', function(){
document.querySelector('.NavMenu_menuContainer__s5OPE').style.left = '-100%'
document.querySelector('.NavMenu_menuContainer__s5OPE').style.transform = 'translateY(0%)'
})
</script>
</html>

File diff suppressed because one or more lines are too long

@ -0,0 +1,153 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{.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 rel="stylesheet" href="{{staticFile "/css/9d7d9a34b9b79500.css"}}" data-n-g="" />
<link rel="stylesheet" href="{{staticFile "/css/9564848c90596bc9.css"}}" />
<link rel="stylesheet" href="{{staticFile "/css/0326e316c1cee0d7.css"}}" />
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
</head>
<body>
<div id="__next" data-reactroot="">
<div style="min-height:100vh;display:flex;flex-direction:column">
<header class="Navbar_header__uLDdn">
<div class="Navbar_navbar___JEvD">
<div class="Navbar_container__rVhH8 container" style="align-items: center;">
<div class="NavLogo_logo__n14LW"><a
class="u-flexDisplay u-flexJustify--center u-flexAlign--center"
href="{{.IndexUrl}}"><img
src="{{replaceImage .Logo}}"
alt="Saatva Logo" width="80" height="40"></a></div>
<div class="menu" style="position: absolute;
right: 0;">
<svg t="1668070021644" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2829" width="20" height="20"><path d="M963.764706 180.705882v120.470589H60.235294V180.705882h903.529412zM60.235294 602.352941h903.529412V481.882353H60.235294v120.470588z m0 301.176471h903.529412v-120.470588H60.235294v120.470588z" p-id="2830"></path></svg>
</div>
<nav class="NavMenu_menuContainer__s5OPE">
<ul class="NavMenu_menu__9U_ew">
<li class="NavMenu_mobileCloseIconContainer__l6Vg3"><button><svg name="close"
class="icon icon--close NavMenu_closeIcon__sAEsh" role="img"
alt="Menu Closed" description="Menu Closed" viewBox="0 0 13 13" width="13"
height="13" aria-labelledby="mobileClose">
<title id="mobileClose">Menu Closed</title>
<path d="M2.5,2.5l8,8"></path>
<path d="M2.5,10.5l8-8"></path>
</svg></button></li>
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.IndexUrl}}">{{ lang "home"}}</a></div>
</li>
{{if .HasAbout }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.AboutUrl}}">{{ lang "about"}}</a></div>
</li>
{{end}}
{{if .HasContact }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.ContactUrl}}">{{ lang "contact"}}</a></div>
</li>
{{end}}
{{if .HasPolicy }}
<li class="NavMenuItem_menuItem__tinHV">
<div class="NavMenuItem_labelContainer__dOHnn"><a class="NavMenuItem_label__h0ysz"
tabindex="0" href="{{.PolicyUrl}}">{{ lang "policy"}}</a></div>
</li>
{{end}}
</ul>
</nav>
<div class="Navbar_searchAndCartContainer__BfeGl"></div>
</div>
</div>
</header>
<main class="main">
<header>
<section class="section section--alt hero aboutUs__hero">
<div class="container">
<div class="row">
<div class="">
<h1 class="t-heading1 t-black u-marginBottom--md">{{ lang "policy"}} </h1>
<p class="t-body--aboutUs"> {{.Policy}}</p>
</div>
</div>
</div>
</section>
</header>
</main>
<div class="row row--center-xs"></div>
<footer class="u-paddingTop--2xl u-paddingBottom--none u-textCenter footer_container__BKca_">
<div class="container">
<div class="footer-links_container__Bv0jV">
<div class="link-list_container__y5361">
<h2 class="link-list_title__Y2Gi6">{{lang "related"}}</h2>
<ul class="u-flexDisplay u-flexDirection--column">
{{if .HasAbout }}
<li><a href="{{.AboutUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "about"}}</a></li>
{{end}}
{{if .HasContact }}
<li><a href="{{.ContactUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "contact"}}</a></li>
{{end}}
{{if .HasPolicy }}
<li><a href="{{.PolicyUrl}}" rel="noreferrer"
class="link-list_link__kynOL" target="_self">{{lang "policy"}}</a></li>
{{end}}
</ul>
<div class="link-list_subLinksContainer__8AM1x"></div>
</div>
{{$flen := len .Friendship}}
{{if ne $flen 0}}
<div class="link-list_container__y5361">
<h2 class="link-list_title__Y2Gi6">{{lang "friendship"}}</h2>
<ul class="u-flexDisplay u-flexDirection--column">
{{range .Friendship}}
<li><a href="{{.Url}}" rel="noreferrer" class="link-list_link__kynOL"
target="_self">{{.Name}}</a></li>
{{end}}
</ul>
<div class="link-list_subLinksContainer__8AM1x"></div>
</div>
{{end}}
</div>
<div class="u-marginBottom--lg"><a class=""
href="{{.IndexUrl}}"
target="_blank" rel="nofollow"><img class="footer-bbb-badge_image__EWNi1"
src="{{replaceImage .Logo}}"
alt=" " style="object-fit: cover;" /></a></div>
</div>
<div class="footer-bottom_container__4zVuj">
<div class="container">
<div class="row">
<div class="col col--xs-12 col--md-4 u-marginVertical--xs u-flexJustify--center">
<p class="footer-bottom_text__sXJVb">{{.Copyright}}
</p>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
</body>
<script>
document.querySelector('.menu').addEventListener('click', function(){
document.querySelector('.NavMenu_menuContainer__s5OPE').style.left = '0'
})
document.querySelector('.NavMenu_mobileCloseIconContainer__l6Vg3 button').addEventListener('click', function(){
document.querySelector('.NavMenu_menuContainer__s5OPE').style.left = '-100%'
})
</script>
</html>

@ -0,0 +1,145 @@
<!DOCTYPE html>
<html lang="zh" data-theme="light">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<meta name="token-csrf" content="">
<meta name="keywords" content="{{.Keywords}}">
<meta name="description" content="{{.Description}}">
<title>{{.Title}}</title>
<link href="{{staticFile "/css/main.wi.min.css"}}" media="all" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
</head>
<body class="currency-eur page-legal">
<div class="layout-container">
<header class="main-navigation ">
<nav>
<div id="navButtonBurger" class="hidden-lg">
<div id="navBurgerWrapper">
<div class="burger-line burger-line-1"></div>
<div class="burger-line burger-line-2"></div>
<div class="burger-line burger-line-3"></div>
</div>
</div>
<div class="nav_links">
<a href="{{.IndexUrl}}" tabindex="1" class="withings_logo">
<img src="{{replaceImage .Logo}}" alt="">
</a>
<div class="categories hidden-xs hidden-sm hidden-md">
<a href="{{.IndexUrl}}" class="ab-store" data-event-action="click-store">{{ lang "home"}}</a>
{{if .HasAbout }}
<a href="{{.AboutUrl}}" class="ab-store" data-event-action="click-store">{{ lang "about"}}</a>
{{end}}
{{if .HasContact }}
<a href="{{.ContactUrl}}" class="ab-store" data-event-action="click-store">{{ lang "contact"}}</a>
{{end}}
{{if .HasPolicy }}
<a href="{{.PolicyUrl}}" class="ab-store" data-event-action="click-store">{{ lang "policy"}}</a>
{{end}}
</div>
</div>
</nav>
<div class="nav_mobile_links">
<a href="{{.IndexUrl}}" class="fadeInLeft ab-watches">{{ lang "home"}}</a>
{{if .HasAbout }}
<a href="{{.AboutUrl}}" class="fadeInLeft ab-watches">{{ lang "about"}}</a>
{{end}}
{{if .HasContact }}
<a href="{{.ContactUrl}}" class="fadeInLeft ab-watches">{{ lang "contact"}}</a>
{{end}}
{{if .HasPolicy }}
<a href="{{.PolicyUrl}}" class="fadeInLeft ab-watches">{{ lang "policy"}}</a>
{{end}}
</div>
</header>
<div class="placeholder-header"></div>
<section class="cda-aro main-wrapper">
<div class="container">
<div class="row">
<div class="col-xs-12"></div>
<div class="content-wrapper col-lg-8">
<div class="document" id="document">
<div>
<div class="legal md">
<h1>{{ lang "about"}} </h1>
{{.About}}
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="section_container">
<div
class="padding_top_10 padding_top_md_12 padding_bottom_0 padding_left_6 padding_right_6 padding_left_sm_8 padding_right_sm_8 padding_left_lg_11 padding_right_lg_11">
<section class="main-footer">
<div class="col_wrapper noaccordion_md padding_bottom_lg_8">
<div class="col_100 col_md_25 col_lg_20 margin_bottom_8 margin_bottom_md_8">
<div class="accordion_wrapper margin_top_6 margin_top_md_0 closed">
<div class="accordion_header accordion_indicator txt_book txt_neutral_grayscale_700 padding_bottom_6 padding_bottom_md_3 padding_bottom_lg_5 border_bottom"
role="button" data-indicator-closed="+" data-indicator-open="–">
<p class="txt_caption txt_book txt_uppercase txt_neutral_grayscale_700"
data-tr="wpnfz">{{ lang "related" }}</p>
</div>
<div class="accordion_content">
<ul class="margin_top_4 padding_bottom_7 padding_bottom_md_0 margin_top_md_0">
{{if .HasAbout }}
<li class="margin_bottom_4 margin_bottom_md_0"><a
class="txt_caption txt_capitalize txt_book txt_neutral_grayscale_600"
href="{{.AboutUrl}}"
data-tr="gscqelscfj">{{lang "about"}}</a></li>
{{end}}
{{if .HasContact }}
<li class="margin_bottom_4 margin_bottom_md_0"><a
class="txt_caption txt_capitalize txt_book txt_neutral_grayscale_600"
href="{{.ContactUrl}}"
data-tr="pxutpylw">{{lang "contact"}}</a></li>
{{end}}
{{if .HasPolicy }}
<li class="margin_bottom_4 margin_bottom_md_0"><a
class="txt_caption txt_capitalize txt_book txt_neutral_grayscale_600"
href="{{.PolicyUrl}}"
data-tr="xvkzqbmep">{{lang "policy"}}</a></li>
{{end}}
</ul>
</div>
</div>
</div>
{{$flen := len .Friendship}}
{{if ne $flen 0}}
<div class="col_100 col_md_25 col_lg_20 margin_bottom_8 margin_bottom_md_8">
<div class="accordion_wrapper closed">
<div class="accordion_header accordion_indicator txt_book txt_neutral_grayscale_700 padding_bottom_6 padding_bottom_md_3 padding_bottom_lg_5 border_bottom"
role="button" data-indicator-closed="+" data-indicator-open="–">
<p class="txt_caption txt_book txt_uppercase txt_neutral_grayscale_700"
data-tr="iikpffsub">{{lang "friendship"}}</p>
</div>
<div class="accordion_content">
<ul class="margin_top_4 padding_bottom_7 padding_bottom_md_0 margin_top_md_0">
{{range .Friendship}}
<li class="margin_bottom_4 margin_bottom_md_0"><a
class="txt_caption txt_capitalize txt_book txt_neutral_grayscale_600"
href="{{.Url}}"
data-tr="qmqomiob">{{.Name}}</a></li>
{{end}}
</ul>
</div>
</div>
</div>
{{end}}
</div>
</section>
</div>
</div>
</footer>
</div>
</body>
</html>

@ -0,0 +1,5 @@
{
"creator": "许晓焱",
"version": "1.0",
"origin_website": "https://blog.withings.com/"
}

@ -0,0 +1,161 @@
<!DOCTYPE html>
<html lang="zh" data-theme="light">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<meta name="token-csrf" content="">
<meta name="keywords" content="{{.Keywords}}">
<meta name="description" content="{{.Description}}">
<title>{{.Title}}</title>
<link href="{{staticFile "/css/main.wi.min.css"}}" media="all" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
</head>
<body class="currency-eur page-legal">
<div class="layout-container">
<header class="main-navigation ">
<nav>
<div id="navButtonBurger" class="hidden-lg">
<div id="navBurgerWrapper">
<div class="burger-line burger-line-1"></div>
<div class="burger-line burger-line-2"></div>
<div class="burger-line burger-line-3"></div>
</div>
</div>
<div class="nav_links">
<a href="{{.IndexUrl}}" tabindex="1" class="withings_logo">
<img src="{{replaceImage .Logo}}" alt="">
</a>
<div class="categories hidden-xs hidden-sm hidden-md">
<a href="{{.IndexUrl}}" class="ab-store" data-event-action="click-store">{{ lang "home"}}</a>
{{if .HasAbout }}
<a href="{{.AboutUrl}}" class="ab-store" data-event-action="click-store">{{ lang "about"}}</a>
{{end}}
{{if .HasContact }}
<a href="{{.ContactUrl}}" class="ab-store" data-event-action="click-store">{{ lang "contact"}}</a>
{{end}}
{{if .HasPolicy }}
<a href="{{.PolicyUrl}}" class="ab-store" data-event-action="click-store">{{ lang "policy"}}</a>
{{end}}
</div>
</div>
</nav>
<div class="nav_mobile_links">
<a href="{{.IndexUrl}}" class="fadeInLeft ab-watches">{{ lang "home"}}</a>
{{if .HasAbout }}
<a href="{{.AboutUrl}}" class="fadeInLeft ab-watches">{{ lang "about"}}</a>
{{end}}
{{if .HasContact }}
<a href="{{.ContactUrl}}" class="fadeInLeft ab-watches">{{ lang "contact"}}</a>
{{end}}
{{if .HasPolicy }}
<a href="{{.PolicyUrl}}" class="fadeInLeft ab-watches">{{ lang "policy"}}</a>
{{end}}
</div>
</header>
<div class="placeholder-header"></div>
<section class="cda-aro main-wrapper">
<div class="container">
<div class="row">
<div class="col-xs-12"></div>
<div class="content-wrapper col-lg-8">
<div class="document" id="document">
<div>
<div class="legal md">
<h1>{{ lang "contact"}} </h1>
{{.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="name" 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>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="section_container">
<div
class="padding_top_10 padding_top_md_12 padding_bottom_0 padding_left_6 padding_right_6 padding_left_sm_8 padding_right_sm_8 padding_left_lg_11 padding_right_lg_11">
<section class="main-footer">
<div class="col_wrapper noaccordion_md padding_bottom_lg_8">
<div class="col_100 col_md_25 col_lg_20 margin_bottom_8 margin_bottom_md_8">
<div class="accordion_wrapper margin_top_6 margin_top_md_0 closed">
<div class="accordion_header accordion_indicator txt_book txt_neutral_grayscale_700 padding_bottom_6 padding_bottom_md_3 padding_bottom_lg_5 border_bottom"
role="button" data-indicator-closed="+" data-indicator-open="–">
<p class="txt_caption txt_book txt_uppercase txt_neutral_grayscale_700"
data-tr="wpnfz">{{ lang "related" }}</p>
</div>
<div class="accordion_content">
<ul class="margin_top_4 padding_bottom_7 padding_bottom_md_0 margin_top_md_0">
{{if .HasAbout }}
<li class="margin_bottom_4 margin_bottom_md_0"><a
class="txt_caption txt_capitalize txt_book txt_neutral_grayscale_600"
href="{{.AboutUrl}}"
data-tr="gscqelscfj">{{lang "about"}}</a></li>
{{end}}
{{if .HasContact }}
<li class="margin_bottom_4 margin_bottom_md_0"><a
class="txt_caption txt_capitalize txt_book txt_neutral_grayscale_600"
href="{{.ContactUrl}}"
data-tr="pxutpylw">{{lang "contact"}}</a></li>
{{end}}
{{if .HasPolicy }}
<li class="margin_bottom_4 margin_bottom_md_0"><a
class="txt_caption txt_capitalize txt_book txt_neutral_grayscale_600"
href="{{.PolicyUrl}}"
data-tr="xvkzqbmep">{{lang "policy"}}</a></li>
{{end}}
</ul>
</div>
</div>
</div>
{{$flen := len .Friendship}}
{{if ne $flen 0}}
<div class="col_100 col_md_25 col_lg_20 margin_bottom_8 margin_bottom_md_8">
<div class="accordion_wrapper closed">
<div class="accordion_header accordion_indicator txt_book txt_neutral_grayscale_700 padding_bottom_6 padding_bottom_md_3 padding_bottom_lg_5 border_bottom"
role="button" data-indicator-closed="+" data-indicator-open="–">
<p class="txt_caption txt_book txt_uppercase txt_neutral_grayscale_700"
data-tr="iikpffsub">{{lang "friendship"}}</p>
</div>
<div class="accordion_content">
<ul class="margin_top_4 padding_bottom_7 padding_bottom_md_0 margin_top_md_0">
{{range .Friendship}}
<li class="margin_bottom_4 margin_bottom_md_0"><a
class="txt_caption txt_capitalize txt_book txt_neutral_grayscale_600"
href="{{.Url}}"
data-tr="qmqomiob">{{.Name}}</a></li>
{{end}}
</ul>
</div>
</div>
</div>
{{end}}
</div>
</section>
</div>
</div>
</footer>
</div>
</body>
</html>

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,28 @@
/*
Theme Name: Withings
Author: Tilted
Author URI: https://tilted.fr
Description: A place to help you to take care of your health.
Requires at least: WordPress 5.0
Version: 1.1
*/
@media (max-width: 767.98px){
.article {
width: 100% !important;
}
.category-content .first-articles{
grid-template-columns: repeat(1, 1fr) !important;
}
}
@media (min-width: 767.98px) and (max-width: 1024px){
.category-content .articles .first-articles{
margin-right: 0!important;
}
.category-content .articles{
padding-left: 0!important;
}
.category-content .first-articles{
grid-template-columns: repeat(3, 1fr)!important;
}
}

File diff suppressed because one or more lines are too long

@ -0,0 +1,2 @@
.wpml-ls-legacy-dropdown{width:15.5em;max-width:100%}.wpml-ls-legacy-dropdown>ul{position:relative;padding:0;margin:0!important;list-style-type:none}.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu{visibility:visible}.wpml-ls-legacy-dropdown .wpml-ls-item{padding:0;margin:0;list-style-type:none}.wpml-ls-legacy-dropdown a{display:block;text-decoration:none;color:#444;border:1px solid #cdcdcd;background-color:#fff;padding:5px 10px;line-height:1}.wpml-ls-legacy-dropdown a span{vertical-align:middle}.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{position:relative;padding-right:calc(10px + 1.4em)}.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{padding-right:10px;padding-left:calc(10px + 1.4em)}.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{content:"";vertical-align:middle;display:inline-block;border:.35em solid transparent;border-top:.5em solid;position:absolute;right:10px;top:calc(50% - .175em)}.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{right:auto;left:10px}.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,.wpml-ls-legacy-dropdown a:focus,.wpml-ls-legacy-dropdown a:hover{color:#000;background:#eee}.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{visibility:hidden;position:absolute;top:100%;right:0;left:0;border-top:1px solid #cdcdcd;padding:0;margin:0;list-style-type:none;z-index:101}.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{border-width:0 1px 1px}.wpml-ls-legacy-dropdown .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-dropdown .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-dropdown .wpml-ls-flag+span{margin-left:0;margin-right:.4em}
/*# sourceMappingURL=style.min.css.map */

@ -0,0 +1,239 @@
<!doctype html>
<!--[if lt IE 9]><html class="no-js no-svg ie lt-ie9 lt-ie8 lt-ie7" lang="zh-hans"> <![endif]-->
<!--[if IE 9]><html class="no-js no-svg ie ie9 lt-ie9 lt-ie8" lang="zh-hans"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js no-svg" lang="zh-hans">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="{{staticFile "/css/style.css"}}" type="text/css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="{{staticFile "/js/main.js"}}" async></script>
<link rel="stylesheet" href="{{staticFile "/css/main.css"}}" type="text/css" media="screen" />
<title>{{.Title}}</title>
<script type='text/javascript'
src='{{staticFile "/js/script.min.js"}}'
id='wpml-legacy-dropdown-0-js'></script>
<script type='text/javascript'
src='{{staticFile "/js/app.js"}}'
id='wpml-browser-redirect-js'></script>
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
</head>
<body class="home page-template page-template-template-home page-template-template-home-php page page-id-5907"
data-template="base.twig">
<header id="header">
<div class="container">
<div class="menu-bar">
<button id="mobile-header-toggle">
<div class="burger">
<div class="burger-line burger-line-1"></div>
<div class="burger-line burger-line-2"></div>
<div class="burger-line burger-line-3"></div>
</div>
</button>
<a href="{{.IndexUrl}}" class="logo-link">
<img src="{{replaceImage .Logo}}" alt="">
</a>
</div>
<nav class="menu-links">
<ul class="links">
<li class="links-item">
<a href="{{.IndexUrl}}" class="link">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="links-item">
<a href="{{.AboutUrl}}" class="link">{{ lang "about" }}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="links-item">
<a href="{{.ContactUrl}}" class="link">{{ lang "contact" }}</a>
</li>
{{end}}
{{if .HasPolicy }}
<li class="links-item">
<a href="{{.PolicyUrl}}" class="link">{{ lang "policy"}}</a>
</li>
{{end}}
</ul>
<div class="taxonomies">
{{$plen := len .PopularArticles}}
{{if ne $plen 0}}
<div class="section-title">{{lang "popular"}}</div>
<div class="categories">
<div class="menu-categories" id="menu-categories">
{{range .PopularArticles}}
<a href="{{.Url}}" class="category"
style="--light: #ddf5eb;--regular: #2dc180; --hover: #cff1e2" rel="nofollow">
<span class="name">{{.Title}}</span>
</a>
{{end}}
</div>
</div>
{{end}}
</div>
</nav>
</div>
</header>
<section id="content" role="main" class="content-wrapper">
<div class="wrapper ">
<article class="post-type-post" id="post-32551" style="--regular: #2dc180; --light: #ddf5eb; --hover: #cff1e2">
<div class="article-hero">
<div class="container">
<h1 class="h1">{{.Title}}</h1>
<div class="date">{{timeFormat .PublishTime}}</div>
</div>
</div>
<div class="article-content-container">
<div class="container">
<div class="sidebar">
<div class="categories">
<div class="categories-collection">
<a href="{{.IndexUrl}}" class="category"
style="--light: #ddf5eb;--regular: #2dc180; --hover: #cff1e2" rel="nofollow">
<span
class="name">{{ lang "home"}}</span>
</a>
{{if .HasAbout }}
<a href="{{.AboutUrl}}" class="category"
style="--light: #FFCCCC;--regular: #FF0000; --hover: #FF9999" rel="nofollow">
<span
class="name">{{ lang "about" }}</span>
</a>
{{end}}
{{if .HasContact }}
<a href="{{.ContactUrl}}" class="category"
style="--light: #e7e4fc;--regular: #6859ea; --hover: #ddd9fb" rel="nofollow">
<span
class="name">{{ lang "contact" }}</span>
</a>
{{end}}
{{if .HasPolicy }}
<a href="{{.PolicyUrl}}" class="category"
style="--light: #d8e7fd;--regular: #0d69f2; --hover: #c8ddfc" rel="nofollow">
<span class="name">{{ lang "policy"}}</span>
</a>
{{end}}
</div>
</div>
</div>
<div class="article-content">
<div class="article-container">
<img src="{{getCover .Article.Pictures}}" width="100%" alt="">
<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>
<footer class="article-footer">
<div class="related-articles-container">
{{$rlen := len .RecommendArticles}}
{{if ne $rlen 0}}
<h2 class="title">{{lang "recommend"}}</h2>
<div class="related-articles">
<div class="articles-list">
{{range .RecommendArticles}}
<a class="article"
href="{{.Url}}">
<img src="{{getCover .Cover 337 156}}" width="337px" height="156px" alt="">
<div class="description">
<h3 class="h3">{{.Title}}</h3>
</div>
<div class="date">{{timeFormat .PublishTime}}</div>
</a>
{{end}}
</div>
</div>
{{end}}
</div>
{{ if .Prev }}
<a href="{{.Prev.Url}}" class="button-primary">
{{lang "prev_article"}}:{{.Prev.Title}}
</a>
{{ end }}
{{ if .Next }}
<a href="{{.Next.Url}}" class="button-primary">
{{lang "next_article"}}:{{.Next.Title}}
</a>
{{ end }}
</footer>
</div>
</div>
</div>
</article>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="withings">
<div class="logo-container">
<img src="{{replaceImage .Logo}}" alt="" width="142" height="20">
</div>
</div>
<div class="links">
{{if .HasAbout }}
<a href="{{.AboutUrl}}" class="link category-link"
style="--regular: #2dc180" rel="nofollow">
<span>{{lang "about"}}</span>
</a>
{{end}}
{{if .HasContact }}
<a href="{{.ContactUrl}}" class="link category-link"
style="--regular: #FF0000" rel="nofollow">
<span>{{lang "contact"}}</span>
</a>
{{end}}
{{if .HasPolicy }}
<a href="{{.PolicyUrl}}" class="link category-link"
style="--regular: #6859ea" rel="nofollow">
<span>{{lang "policy"}}</span>
</a>
{{end}}
</div>
{{$flen := len .Friendship}}
{{if ne $flen 0}}
<div class="links">
{{range .Friendship}}
<a href="{{.Url}}" class="link format-link">
<span>{{.Name}}</span>
</a>
{{end}}
</div>
{{end}}
</div>
<div class="subfooter">
<div class="container">
<div class="copyright">{{.Copyright}}</div>
</div>
</div>
</footer>
</body>
</html>

@ -0,0 +1,243 @@
<!doctype html>
<!--[if lt IE 9]><html class="no-js no-svg ie lt-ie9 lt-ie8 lt-ie7" lang="zh-hans"> <![endif]-->
<!--[if IE 9]><html class="no-js no-svg ie ie9 lt-ie9 lt-ie8" lang="zh-hans"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js no-svg" lang="zh-hans">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="{{staticFile "/css/style.css"}}" type="text/css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="{{staticFile "/js/main.js"}}" async></script>
<link rel="stylesheet" href="{{staticFile "/css/main.css"}}" type="text/css" media="screen" />
<title>{{.Title}}</title>
<script type='text/javascript'
src='{{staticFile "/js/script.min.js"}}'
id='wpml-legacy-dropdown-0-js'></script>
<script type='text/javascript'
src='{{staticFile "/js/app.js"}}'
id='wpml-browser-redirect-js'></script>
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
</head>
<body class="home page-template page-template-template-home page-template-template-home-php page page-id-5907"
data-template="base.twig">
<header id="header">
<div class="container">
<div class="menu-bar">
<button id="mobile-header-toggle">
<div class="burger">
<div class="burger-line burger-line-1"></div>
<div class="burger-line burger-line-2"></div>
<div class="burger-line burger-line-3"></div>
</div>
</button>
<a href="{{.IndexUrl}}" class="logo-link">
<img src="{{replaceImage .Logo}}" alt="">
</a>
</div>
<nav class="menu-links">
<ul class="links">
<li class="links-item">
<a href="{{.IndexUrl}}" class="link">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="links-item">
<a href="{{.AboutUrl}}" class="link">{{ lang "about" }}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="links-item">
<a href="{{.ContactUrl}}" class="link">{{ lang "contact" }}</a>
</li>
{{end}}
{{if .HasPolicy }}
<li class="links-item">
<a href="{{.PolicyUrl}}" class="link">{{ lang "policy"}}</a>
</li>
{{end}}
</ul>
<div class="taxonomies">
{{$plen := len .PopularArticles}}
{{if ne $plen 0}}
<div class="section-title">{{lang "popular"}}</div>
<div class="categories">
<div class="menu-categories" id="menu-categories">
{{range .PopularArticles}}
<a href="{{.Url}}" class="category"
style="--light: #ddf5eb;--regular: #2dc180; --hover: #cff1e2" rel="nofollow">
<span class="name">{{.Title}}</span>
</a>
{{end}}
</div>
</div>
{{end}}
</div>
</nav>
</div>
</header>
<section id="content" role="main" class="content-wrapper">
<div class="wrapper ">
<div class="categories-bar">
<div class="categories">
<a href="{{.IndexUrl}}" class="category"
style="--light: #ddf5eb;--regular: #2dc180; --hover: #cff1e2">
<span class="name">{{ lang "home"}}</span>
</a>
{{if .HasAbout }}
<a href="{{.AboutUrl}}" class="category"
style="--light: #FFCCCC;--regular: #FF0000; --hover: #FF9999">
<span class="name">{{ lang "about" }}</span>
</a>
{{end}}
{{if .HasContact }}
<a href="{{.ContactUrl}}" class="category"
style="--light: #e7e4fc;--regular: #6859ea; --hover: #ddd9fb">
<span class="name">{{ lang "contact" }}</span>
</a>
{{end}}
{{if .HasPolicy }}
<a href="{{.PolicyUrl}}" class="category"
style="--light: #d8e7fd;--regular: #0d69f2; --hover: #c8ddfc">
<span class="name">{{ lang "policy"}}</span>
</a>
{{end}}
</div>
</div>
<div class="bloc-content-container">
<div class="container">
<div class="sidebar">
<div class="categories">
<div class="categories-collection">
<a href="{{.IndexUrl}}" class="category"
style="--light: #ddf5eb;--regular: #2dc180; --hover: #cff1e2" rel="nofollow">
<span
class="name">{{ lang "home"}}</span>
</a>
{{if .HasAbout }}
<a href="{{.AboutUrl}}" class="category"
style="--light: #FFCCCC;--regular: #FF0000; --hover: #FF9999" rel="nofollow">
<span
class="name">{{ lang "about" }}</span>
</a>
{{end}}
{{if .HasContact }}
<a href="{{.ContactUrl}}" class="category"
style="--light: #e7e4fc;--regular: #6859ea; --hover: #ddd9fb" rel="nofollow">
<span
class="name">{{ lang "contact" }}</span>
</a>
{{end}}
{{if .HasPolicy }}
<a href="{{.PolicyUrl}}" class="category"
style="--light: #d8e7fd;--regular: #0d69f2; --hover: #c8ddfc" rel="nofollow">
<span class="name">{{ lang "policy"}}</span>
</a>
{{end}}
</div>
</div>
</div>
<div class="content-container home-content-container">
<div class="category-content" style="--regular: #2dc180; --light: #ddf5eb; --hover: #cff1e2;" id="体重">
<h2 class="section-title">
{{lang "latest"}}
</h2>
<div class="articles">
<div class="first-articles">
{{range $i, $v := .Articles}}
<a class="article"
href="{{.Url}}">
<img src="{{getCover .Cover 456 240}}" width="100%" height="256px" alt="">
<div class="description">
<h3 class="h3">{{.Title}}</h3>
</div>
<div class="date">{{timeFormat .PublishTime}}</div>
</a>
{{end}}
</div>
</div>
{{$pulen := len .PrevUrl}}
{{ if ne $pulen 0 }}
<a href="{{.PrevUrl}}" class="button-primary" rel="nofollow">
{{lang "prev"}}
</a>
{{ end }}
{{$nulen := len .NextUrl}}
{{ if ne $nulen 0 }}
<a href="{{.NextUrl}}" class="button-primary" rel="nofollow">
{{lang "next"}}
</a>
{{ end }}
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="withings">
<div class="logo-container">
<img src="{{replaceImage .Logo}}" alt="" width="142" height="20">
</div>
</div>
<div class="links">
{{if .HasAbout }}
<a href="{{.AboutUrl}}" class="link category-link"
style="--regular: #2dc180" rel="nofollow">
<span>{{lang "about"}}</span>
</a>
{{end}}
{{if .HasContact }}
<a href="{{.ContactUrl}}" class="link category-link"
style="--regular: #FF0000" rel="nofollow">
<span>{{lang "contact"}}</span>
</a>
{{end}}
{{if .HasPolicy }}
<a href="{{.PolicyUrl}}" class="link category-link"
style="--regular: #6859ea" rel="nofollow">
<span>{{lang "policy"}}</span>
</a>
{{end}}
</div>
{{$flen := len .Friendship}}
{{if ne $flen 0}}
<div class="links">
{{range .Friendship}}
<a href="{{.Url}}" class="link format-link">
<span>{{.Name}}</span>
</a>
{{end}}
</div>
{{end}}
</div>
<div class="subfooter">
<div class="container">
<div class="copyright">{{.Copyright}}</div>
</div>
</div>
</footer>
</body>
</html>

File diff suppressed because one or more lines are too long

@ -0,0 +1,174 @@
const init = () => {
// Toggle interactions
const header = document.querySelector("#header")
const headerToggle = document.querySelector("#mobile-header-toggle")
const langDropdown = document.querySelector("#lang-selector")
const langToggle = document.querySelector("#lang-selector-toggle")
const sidebarDropdown = document.querySelector("#sidebar-lang")
const sidebarToggle = document.querySelector("#sidebar-lang-toggle")
const sidebarFormatToggle = document.querySelector("#sidebar-formats-toggle")
const sidebarFormatDropdown = document.querySelector("#sidebar-formats")
const menuFormatsToggle = document.querySelector("#menu-formats-toggle")
const menuFormatsDropdown = document.querySelector("#menu-formats")
const menuCategoriesToggle = document.querySelector("#menu-categories-toggle")
const menuCategoriesDropdown = document.querySelector("#menu-categories")
const menuFooterCookies = document.querySelector(".footer-cookies")
if (menuFooterCookies){
menuFooterCookies.addEventListener("click", event => {
event.preventDefault()
if (window.CookieFirst) {
window.CookieFirst.openPanel()
}
})
}
headerToggle.addEventListener("click", event => {
header.classList.toggle("toggled")
if (headerToggle.classList.contains("open") || headerToggle.classList.contains("close")) {
headerToggle.classList.toggle("open")
headerToggle.classList.toggle("close")
} else {
headerToggle.classList.toggle("open")
}
})
langToggle.addEventListener("click", event => {
langDropdown.classList.toggle("toggled")
})
sidebarToggle.addEventListener("click", event => {
sidebarDropdown.classList.toggle("toggled")
})
sidebarFormatToggle.addEventListener("click", event => {
sidebarFormatDropdown.classList.toggle("toggled")
sidebarFormatToggle.classList.toggle("toggled")
})
menuCategoriesToggle.addEventListener("click", event => {
menuCategoriesDropdown.classList.toggle("toggled")
menuCategoriesToggle.classList.toggle("toggled")
})
menuFormatsToggle.addEventListener("click", event => {
menuFormatsDropdown.classList.toggle("toggled")
menuFormatsToggle.classList.toggle("toggled")
})
const links = document.querySelectorAll(".links-item")
for (i = 0; i < links.length; i++) {
var delay = 0.1 * i
links[i].style.animationDelay = `${delay}s`;
}
// Target blank all external links
document.querySelectorAll("a").forEach(link => {
if (link.hostname !== location.hostname) {
link.setAttribute('target', '_blank')
}
})
// SVG inliner, replaces img tag with inline svg
document.querySelectorAll(".svg-icon").forEach(icon => {
let fileExtension = icon.src.split(".")
fileExtension = fileExtension[fileExtension.length - 1]
if (fileExtension == "svg") {
fetch(icon.src).then(response => {
if (response.status == 200 && response.headers.get('Content-Type') == "image/svg+xml") {
response.text().then(svgContent => {
icon.outerHTML = svgContent
})
}
})
}
})
// Copy to clipboard interaction
const copyToClipboardButtons = document.querySelectorAll("[data-copy-to-clipboard]")
copyToClipboardButtons.forEach(button => {
button.classList.add("copy-link-button")
button.addEventListener("click", (event) => {
event.preventDefault()
if (window.isSecureContext) {
const linkToCopy = button.getAttribute("data-copy-to-clipboard")
const copyAction = navigator.clipboard.writeText(linkToCopy)
copyAction.then(() => {
button.querySelector(".tooltip").classList.add("copied")
setTimeout(() => {
button.querySelector(".tooltip").classList.remove("copied")
}, 3000)
})
}
})
})
// Newsletter form
const form = document.getElementById("newsletter-form");
if (form) {
form.addEventListener("submit", (e) => {
e.preventDefault();
const formData = new FormData
formData.append("email", form.email.value)
formData.append("lang", form.lang.value)
fetch("/wp-json/newsletter/add", {
method: "POST",
body: formData
}).then(async (response) => {
try {
const res = await response.json();
if (res.success) {
form.classList.add("success")
} else {
form.classList.add("error")
}
} catch (e) {
console.log(e);
}
})
})
}
// Categories Heros animations
const categoryHero = document.getElementById("category-hero")
if (categoryHero) {
setTimeout(() => {
categoryHero.classList.add("appear")
}, 250)
}
// Search bar animation
const searchForm = document.getElementById("search-form");
if (searchForm) {
const input = searchForm.s
input.addEventListener('focus', () => {
searchForm.classList.add("focus")
});
}
const searchMenu = document.getElementById("search-menu");
if (searchMenu) {
const input = searchMenu.s
input.addEventListener('focus', () => {
searchMenu.classList.add("focus")
});
}
}
if (document.readyState != "loading"){
init()
}else{
window.addEventListener('DOMContentLoaded', () => {
init()
})
}

@ -0,0 +1,2 @@
"use strict";var WPMLLanguageSwitcherDropdown=function(){function t(e){(e=e||window.event).preventDefault&&e.preventDefault(),e.returnValue=!1}return{init:function(){for(var e=document.querySelectorAll(".js-wpml-ls-legacy-dropdown a.js-wpml-ls-item-toggle"),n=0;n<e.length;n++)e[n].addEventListener("click",t)}}}();document.addEventListener("DOMContentLoaded",function(){WPMLLanguageSwitcherDropdown.init()});
//# sourceMappingURL=script.min.js.map

@ -0,0 +1,145 @@
<!DOCTYPE html>
<html lang="zh" data-theme="light">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<meta name="token-csrf" content="">
<meta name="keywords" content="{{.Keywords}}">
<meta name="description" content="{{.Description}}">
<title>{{.Title}}</title>
<link href="{{staticFile "/css/main.wi.min.css"}}" media="all" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
</head>
<body class="currency-eur page-legal">
<div class="layout-container">
<header class="main-navigation ">
<nav>
<div id="navButtonBurger" class="hidden-lg">
<div id="navBurgerWrapper">
<div class="burger-line burger-line-1"></div>
<div class="burger-line burger-line-2"></div>
<div class="burger-line burger-line-3"></div>
</div>
</div>
<div class="nav_links">
<a href="{{.IndexUrl}}" tabindex="1" class="withings_logo">
<img src="{{replaceImage .Logo}}" alt="">
</a>
<div class="categories hidden-xs hidden-sm hidden-md">
<a href="{{.IndexUrl}}" class="ab-store" data-event-action="click-store">{{ lang "home"}}</a>
{{if .HasAbout }}
<a href="{{.AboutUrl}}" class="ab-store" data-event-action="click-store">{{ lang "about"}}</a>
{{end}}
{{if .HasContact }}
<a href="{{.ContactUrl}}" class="ab-store" data-event-action="click-store">{{ lang "contact"}}</a>
{{end}}
{{if .HasPolicy }}
<a href="{{.PolicyUrl}}" class="ab-store" data-event-action="click-store">{{ lang "policy"}}</a>
{{end}}
</div>
</div>
</nav>
<div class="nav_mobile_links">
<a href="{{.IndexUrl}}" class="fadeInLeft ab-watches">{{ lang "home"}}</a>
{{if .HasAbout }}
<a href="{{.AboutUrl}}" class="fadeInLeft ab-watches">{{ lang "about"}}</a>
{{end}}
{{if .HasContact }}
<a href="{{.ContactUrl}}" class="fadeInLeft ab-watches">{{ lang "contact"}}</a>
{{end}}
{{if .HasPolicy }}
<a href="{{.PolicyUrl}}" class="fadeInLeft ab-watches">{{ lang "policy"}}</a>
{{end}}
</div>
</header>
<div class="placeholder-header"></div>
<section class="cda-aro main-wrapper">
<div class="container">
<div class="row">
<div class="col-xs-12"></div>
<div class="content-wrapper col-lg-8">
<div class="document" id="document">
<div>
<div class="legal md">
<h1>{{ lang "policy"}} </h1>
{{.Policy}}
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="section_container">
<div
class="padding_top_10 padding_top_md_12 padding_bottom_0 padding_left_6 padding_right_6 padding_left_sm_8 padding_right_sm_8 padding_left_lg_11 padding_right_lg_11">
<section class="main-footer">
<div class="col_wrapper noaccordion_md padding_bottom_lg_8">
<div class="col_100 col_md_25 col_lg_20 margin_bottom_8 margin_bottom_md_8">
<div class="accordion_wrapper margin_top_6 margin_top_md_0 closed">
<div class="accordion_header accordion_indicator txt_book txt_neutral_grayscale_700 padding_bottom_6 padding_bottom_md_3 padding_bottom_lg_5 border_bottom"
role="button" data-indicator-closed="+" data-indicator-open="–">
<p class="txt_caption txt_book txt_uppercase txt_neutral_grayscale_700"
data-tr="wpnfz">{{ lang "related" }}</p>
</div>
<div class="accordion_content">
<ul class="margin_top_4 padding_bottom_7 padding_bottom_md_0 margin_top_md_0">
{{if .HasAbout }}
<li class="margin_bottom_4 margin_bottom_md_0"><a
class="txt_caption txt_capitalize txt_book txt_neutral_grayscale_600"
href="{{.AboutUrl}}"
data-tr="gscqelscfj">{{lang "about"}}</a></li>
{{end}}
{{if .HasContact }}
<li class="margin_bottom_4 margin_bottom_md_0"><a
class="txt_caption txt_capitalize txt_book txt_neutral_grayscale_600"
href="{{.ContactUrl}}"
data-tr="pxutpylw">{{lang "contact"}}</a></li>
{{end}}
{{if .HasPolicy }}
<li class="margin_bottom_4 margin_bottom_md_0"><a
class="txt_caption txt_capitalize txt_book txt_neutral_grayscale_600"
href="{{.PolicyUrl}}"
data-tr="xvkzqbmep">{{lang "policy"}}</a></li>
{{end}}
</ul>
</div>
</div>
</div>
{{$flen := len .Friendship}}
{{if ne $flen 0}}
<div class="col_100 col_md_25 col_lg_20 margin_bottom_8 margin_bottom_md_8">
<div class="accordion_wrapper closed">
<div class="accordion_header accordion_indicator txt_book txt_neutral_grayscale_700 padding_bottom_6 padding_bottom_md_3 padding_bottom_lg_5 border_bottom"
role="button" data-indicator-closed="+" data-indicator-open="–">
<p class="txt_caption txt_book txt_uppercase txt_neutral_grayscale_700"
data-tr="iikpffsub">{{lang "friendship"}}</p>
</div>
<div class="accordion_content">
<ul class="margin_top_4 padding_bottom_7 padding_bottom_md_0 margin_top_md_0">
{{range .Friendship}}
<li class="margin_bottom_4 margin_bottom_md_0"><a
class="txt_caption txt_capitalize txt_book txt_neutral_grayscale_600"
href="{{.Url}}"
data-tr="qmqomiob">{{.Name}}</a></li>
{{end}}
</ul>
</div>
</div>
</div>
{{end}}
</div>
</section>
</div>
</div>
</footer>
</div>
</body>
</html>
Loading…
Cancel
Save