master
王蔡艺鑫 2 years ago
parent 8d8b56c17e
commit 010d3558ed
  1. 112
      native-lighting/about.html
  2. 6
      native-lighting/config.json
  3. 128
      native-lighting/contact.html
  4. 7
      native-lighting/css/bootstrap.min.css
  5. 2737
      native-lighting/css/style.css@ver=2.1.8.css
  6. 153
      native-lighting/details.html
  7. 175
      native-lighting/index.html
  8. 7
      native-lighting/js/bootstrap.bundle.min.js
  9. 2
      native-lighting/js/jquery-3.6.0.slim.min.js
  10. 112
      native-lighting/policy.html

@ -0,0 +1,112 @@
<!doctype html>
<html lang="en-GB">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{.Title}}</title>
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" />
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/style.css@ver=2.1.8.css"}}" />
</head>
<body
class="blog custom-background wp-custom-logo theme-zakra everest-forms-no-js woocommerce-no-js hfeed tg-site-layout--right tg-container--wide has-page-header has-breadcrumbs woocommerce-active elementor-default elementor-kit-813">
<div id="page" class="site tg-site">
<header id="header">
<div class="container">
<nav id="nav" class="navbar navbar-expand-md navbar-light">
<div class="logo-container">
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="nav-item">
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="nav-item">
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a>
</li>
{{end}}
{{if .HasPolicy }}
<li class="nav-item">
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
</li>
{{end}}
</ul>
</div>
</nav>
</div>
</header>
<section id="content" class="container" style="margin-bottom: 20px;">
<div id="breadcrumb">
<a href="{{.IndexUrl}}">{{ lang "home" }}</a>&nbsp;&nbsp;/&nbsp;
<a href="#">{{ lang "about" }}</a>
</div>
<h1 style="margin: 20px 0;" id="page-title">{{ lang "about"}} </h1>
<div>
{{.About}}
</div>
</section>
<footer id="footer">
<div class="container d-md-flex justify-content-md-between" style="flex-wrap: wrap;text-align: center;">
<div class="column flex-grow-1">
<div class="title">{{lang "related"}}</div>
<div class="links" style="list-style: none;">
<li class="nav-item" >
<a href="{{.IndexUrl}}">{{lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="nav-item">
<a href="{{.AboutUrl}}">{{lang "about"}}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="nav-item">
<a href="{{.ContactUrl}}">{{lang "contact"}}</a>
</li>
{{end}}
{{if .HasPolicy }}
<li class="nav-item">
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a>
</li>
{{end}}
</div>
</div>
<div class="column d-md-flex flex-column" style="width: 100%;">
<div class="copyright">{{.Copyright}}</div>
</div>
</div>
</footer>
</div><!-- #page -->
<script src="{{staticFile "/js/jquery-3.6.0.slim.min.js"}}"></script>
<script src="{{staticFile "/js/bootstrap.bundle.min.js"}}"></script>
</body>
</html>

@ -0,0 +1,6 @@
{
"creator": "王蔡艺鑫",
"version": "1.0",
"origin_website": "https://www.native-lighting.com/blog/",
"devices": ["pc", "pad", "phone"]
}

@ -0,0 +1,128 @@
<!doctype html>
<html lang="en-GB">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{.Title}}</title>
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" />
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/style.css@ver=2.1.8.css"}}" />
</head>
<body
class="blog custom-background wp-custom-logo theme-zakra everest-forms-no-js woocommerce-no-js hfeed tg-site-layout--right tg-container--wide has-page-header has-breadcrumbs woocommerce-active elementor-default elementor-kit-813">
<div id="page" class="site tg-site">
<header id="header">
<div class="container">
<nav id="nav" class="navbar navbar-expand-md navbar-light">
<div class="logo-container">
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="nav-item">
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="nav-item">
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a>
</li>
{{end}}
{{if .HasPolicy }}
<li class="nav-item">
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
</li>
{{end}}
</ul>
</div>
</nav>
</div>
</header>
<section id="content" class="container" style="margin-bottom: 20px;">
<div id="breadcrumb">
<a href="{{.IndexUrl}}">{{lang "home"}}</a>&nbsp;&nbsp;/&nbsp;
<a href="#">{{lang "contact"}}</a>
</div>
<h1 style="margin: 20px 0;" id="page-title">{{lang "contact"}}</h1>
<div>
{{.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>
</section>
<footer id="footer">
<div class="container d-md-flex justify-content-md-between" style="flex-wrap: wrap;text-align: center;">
<div class="column flex-grow-1">
<div class="title">{{lang "related"}}</div>
<div class="links" style="list-style: none;">
<li class="nav-item" >
<a href="{{.IndexUrl}}">{{lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="nav-item">
<a href="{{.AboutUrl}}">{{lang "about"}}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="nav-item">
<a href="{{.ContactUrl}}">{{lang "contact"}}</a>
</li>
{{end}}
{{if .HasPolicy }}
<li class="nav-item">
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a>
</li>
{{end}}
</div>
</div>
<div class="column d-md-flex flex-column" style="width: 100%;">
<div class="copyright">{{.Copyright}}</div>
</div>
</div>
</footer>
</div><!-- #page -->
<script src="{{staticFile "/js/jquery-3.6.0.slim.min.js"}}"></script>
<script src="{{staticFile "/js/bootstrap.bundle.min.js"}}"></script>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

@ -0,0 +1,153 @@
<!doctype html>
<html lang="en-GB">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{.Title}}</title>
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" />
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/style.css@ver=2.1.8.css"}}" />
</head>
<body
class="blog custom-background wp-custom-logo theme-zakra everest-forms-no-js woocommerce-no-js hfeed tg-site-layout--right tg-container--wide has-page-header has-breadcrumbs woocommerce-active elementor-default elementor-kit-813">
<div id="page" class="site tg-site">
<header id="header">
<div class="container">
<nav id="nav" class="navbar navbar-expand-md navbar-light">
<div class="logo-container">
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="nav-item">
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="nav-item">
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a>
</li>
{{end}}
{{if .HasPolicy }}
<li class="nav-item">
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
</li>
{{end}}
</ul>
</div>
</nav>
</div>
</header>
<section id="content" class="container" style="margin-bottom: 20px;">
<div id="breadcrumb">
<a href="{{.IndexUrl}}">{{lang "home"}}</a>&nbsp;&nbsp;/&nbsp;
<a href="#">{{.Title}}</a>
</div>
<div id="article-head" style="text-align: center;">
<h1 id="title">{{.Title}}</h1>
<div>
<span>{{timeFormat .PublishTime}}</span>
<span> / </span>
<span>{{.Views}} {{lang "views"}}</span>
</div>
</div>
<div class="d-lg-flex" style="justify-content: center;">
<div id="article-container" class="col-lg-8 col-md-12">
<!-- article content start -->
<!-- span class="link"
section="shortcodeLink"><a
href="/tech/mobile/the-next-iphone-moment-will-arrive-eventually-hurry-up-already/">the
iPhone</a></span> -->
<article id="article">
<img width="100%" src="{{getCover .Article.Pictures}}" />
<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}}
</article>
<!-- 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>
</section>
<footer id="footer">
<div class="container d-md-flex justify-content-md-between" style="flex-wrap: wrap;text-align: center;">
<div class="column flex-grow-1">
<div class="title">{{lang "related"}}</div>
<div class="links" style="list-style: none;">
<li class="nav-item" >
<a href="{{.IndexUrl}}">{{lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="nav-item">
<a href="{{.AboutUrl}}">{{lang "about"}}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="nav-item">
<a href="{{.ContactUrl}}">{{lang "contact"}}</a>
</li>
{{end}}
{{if .HasPolicy }}
<li class="nav-item">
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a>
</li>
{{end}}
</div>
</div>
<div class="column d-md-flex flex-column" style="width: 100%;">
<div class="copyright">{{.Copyright}}</div>
</div>
</div>
</footer>
</div><!-- #page -->
<script src="{{staticFile "/js/jquery-3.6.0.slim.min.js"}}"></script>
<script src="{{staticFile "/js/bootstrap.bundle.min.js"}}"></script>
</body>
</html>

@ -0,0 +1,175 @@
<!doctype html>
<html lang="en-GB">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{.Title}}</title>
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" />
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/style.css@ver=2.1.8.css"}}" />
</head>
<body
class="blog custom-background wp-custom-logo theme-zakra everest-forms-no-js woocommerce-no-js hfeed tg-site-layout--right tg-container--wide has-page-header has-breadcrumbs woocommerce-active elementor-default elementor-kit-813">
<div id="page" class="site tg-site">
<header id="header">
<div class="container">
<nav id="nav" class="navbar navbar-expand-md navbar-light">
<div class="logo-container">
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="nav-item">
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="nav-item">
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a>
</li>
{{end}}
{{if .HasPolicy }}
<li class="nav-item">
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
</li>
{{end}}
</ul>
</div>
</nav>
</div>
</header>
<main id="main" class="site-main">
<!-- /.page-header -->
<div id="content" style="margin-bottom: 0;" class="site-content">
<div class="tg-container tg-container--flex tg-container--flex-space-between">
<div id="primary" style="width: 100%;" class="content-area">
{{ range .Articles }}
<article id="post-3596"
class="tg-meta-style-two post-3596 post type-post status-publish format-standard has-post-thumbnail hentry category-daylight-craft-lamps tag-daylight-craft-lamps zakra-article">
<a class="post-thumbnail" href="{{.Url}}"
aria-hidden="true">
<img width="1920" height="1281"
src="{{getCover .Cover 300 180}}"
class="attachment-post-thumbnail size-post-thumbnail wp-post-image"
sizes="(max-width: 1920px) 100vw, 1920px" /> </a>
<header class="entry-header">
<h2 class="entry-title"><a href="{{.Url}}"
rel="bookmark">{{.Title}}</a></h2>
</header><!-- .entry-header -->
<div class="entry-content">
<p> {{.Summary}}</p>
</div><!-- .entry-content -->
</article><!-- #post-3596 -->
{{end}}
<div>
{{$pulen := len .PrevUrl}}
{{ if ne $pulen 0 }}
<div style="float:left;">
<a style=" width: 85px;
height: 40px;
background-color: orange;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;" href="{{.PrevUrl}}">{{lang "prev"}}</a>
</div>
{{ end }}
{{$nulen := len .NextUrl}}
{{ if ne $nulen 0 }}
<div style="float:right;">
<a style=" width: 85px;
height: 40px;
background-color: orange;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;" href="{{.NextUrl}}">{{lang "next"}}</a>
</div>
{{ end }}
</div>
</div><!-- #primary -->
</div>
<!-- /.tg-container-->
</div>
<!-- /#content-->
</main><!-- /#main -->
<footer id="footer">
<div class="container d-md-flex justify-content-md-between" style="flex-wrap: wrap;text-align: center;">
<div class="column flex-grow-1">
<div class="title">{{lang "related"}}</div>
<div class="links" style="list-style: none;">
<li class="nav-item" >
<a href="{{.IndexUrl}}">{{lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="nav-item">
<a href="{{.AboutUrl}}">{{lang "about"}}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="nav-item">
<a href="{{.ContactUrl}}">{{lang "contact"}}</a>
</li>
{{end}}
{{if .HasPolicy }}
<li class="nav-item">
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a>
</li>
{{end}}
</div>
</div>
<div class="column d-md-flex flex-column" style="width: 100%;">
<div class="copyright">{{.Copyright}}</div>
</div>
</div>
</footer>
</div><!-- #page -->
<script src="{{staticFile "/js/jquery-3.6.0.slim.min.js"}}"></script>
<script src="{{staticFile "/js/bootstrap.bundle.min.js"}}"></script>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -0,0 +1,112 @@
<!doctype html>
<html lang="en-GB">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{.Title}}</title>
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" />
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/style.css@ver=2.1.8.css"}}" />
</head>
<body
class="blog custom-background wp-custom-logo theme-zakra everest-forms-no-js woocommerce-no-js hfeed tg-site-layout--right tg-container--wide has-page-header has-breadcrumbs woocommerce-active elementor-default elementor-kit-813">
<div id="page" class="site tg-site">
<header id="header">
<div class="container">
<nav id="nav" class="navbar navbar-expand-md navbar-light">
<div class="logo-container">
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="nav-item">
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="nav-item">
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a>
</li>
{{end}}
{{if .HasPolicy }}
<li class="nav-item">
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
</li>
{{end}}
</ul>
</div>
</nav>
</div>
</header>
<section id="content" class="container" style="margin-bottom: 20px;">
<div id="breadcrumb">
<a href="{{.IndexUrl}}">{{lang "home"}}</a>&nbsp;&nbsp;/&nbsp;
<a href="#">{{lang "policy"}}</a>
</div>
<h1 style="margin: 20px 0;" id="page-title">{{lang "policy"}}</h1>
<div>
{{.Policy}}
</div>
</section>
<footer id="footer">
<div class="container d-md-flex justify-content-md-between" style="flex-wrap: wrap;text-align: center;">
<div class="column flex-grow-1">
<div class="title">{{lang "related"}}</div>
<div class="links" style="list-style: none;">
<li class="nav-item" >
<a href="{{.IndexUrl}}">{{lang "home"}}</a>
</li>
{{if .HasAbout }}
<li class="nav-item">
<a href="{{.AboutUrl}}">{{lang "about"}}</a>
</li>
{{end}}
{{if .HasContact }}
<li class="nav-item">
<a href="{{.ContactUrl}}">{{lang "contact"}}</a>
</li>
{{end}}
{{if .HasPolicy }}
<li class="nav-item">
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a>
</li>
{{end}}
</div>
</div>
<div class="column d-md-flex flex-column" style="width: 100%;">
<div class="copyright">{{.Copyright}}</div>
</div>
</div>
</footer>
</div><!-- #page -->
<script src="{{staticFile "/js/jquery-3.6.0.slim.min.js"}}"></script>
<script src="{{staticFile "/js/bootstrap.bundle.min.js"}}"></script>
</body>
</html>
Loading…
Cancel
Save