parent
a1fc03d3b7
commit
f2f799deec
@ -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…
Reference in new issue