parent
5c67b8888e
commit
dce296a47d
@ -0,0 +1,129 @@ |
||||
<!DOCTYPE html> |
||||
|
||||
<html lang="en-GB" prefix="og: http://ogp.me/ns#"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<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 type="text/css" rel="stylesheet" href="{{staticFile "css/bootstrap.min.css"}}" /> |
||||
<link rel="stylesheet" href="{{staticFile "css/index.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "css/main.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "css/responsive.css"}}"> |
||||
</head> |
||||
|
||||
<body class="home blog"> |
||||
<header class="main" role="banner"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-sm-6"> |
||||
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a> |
||||
</div> |
||||
</div> |
||||
<!--/row--> |
||||
</div> |
||||
<!--/container--> |
||||
</header> |
||||
|
||||
<nav class="main"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 navigation"> |
||||
<div class="menu-primary-menu-container"> |
||||
<ul id="menu-primary-menu" class="menu"> |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
<!--/nav--> |
||||
|
||||
|
||||
<section class="main"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<h1 id="page-title">{{lang "about"}}</h1> |
||||
<div> |
||||
{{.About}} |
||||
</div> |
||||
</div> |
||||
<!--/row--> |
||||
|
||||
</div> |
||||
<!--/container--> |
||||
|
||||
</section> |
||||
<!--/main--> |
||||
|
||||
<footer class="main" role="complementary"> |
||||
<div class="container"> |
||||
<div class="row widgets"> |
||||
<div class="col-sm-4"> |
||||
<div class="footer-widget"> |
||||
<div class="widget-odd widget-first widget-1 pages widget"> |
||||
<h3 class="widget-title">{{lang "related"}}</h3> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
<section class="footer-copy"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 copy"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
<!--/row--> |
||||
</div> |
||||
<!--/container--> |
||||
</section> |
||||
</body> |
||||
|
||||
|
||||
|
||||
</html> |
@ -0,0 +1,6 @@ |
||||
{ |
||||
"creator": "孙艺岭", |
||||
"version": "1.0", |
||||
"origin_website": "https://www.audioaffair.co.uk/blog/", |
||||
"devices": ["pc", "pad", "phone"] |
||||
} |
@ -0,0 +1,145 @@ |
||||
<!DOCTYPE html> |
||||
|
||||
<html lang="en-GB" prefix="og: http://ogp.me/ns#"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<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 type="text/css" rel="stylesheet" href="{{staticFile "css/bootstrap.min.css"}}" /> |
||||
<link rel="stylesheet" href="{{staticFile "css/index.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "css/main.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "css/responsive.css"}}"> |
||||
</head> |
||||
|
||||
<body class="home blog"> |
||||
<header class="main" role="banner"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-sm-6"> |
||||
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a> |
||||
</div> |
||||
</div> |
||||
<!--/row--> |
||||
</div> |
||||
<!--/container--> |
||||
</header> |
||||
|
||||
<nav class="main"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 navigation"> |
||||
<div class="menu-primary-menu-container"> |
||||
<ul id="menu-primary-menu" class="menu"> |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
<!--/nav--> |
||||
|
||||
|
||||
<section class="main"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<h1 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> |
||||
</div> |
||||
<!--/row--> |
||||
|
||||
</div> |
||||
<!--/container--> |
||||
|
||||
</section> |
||||
<!--/main--> |
||||
|
||||
<footer class="main" role="complementary"> |
||||
<div class="container"> |
||||
<div class="row widgets"> |
||||
<div class="col-sm-4"> |
||||
<div class="footer-widget"> |
||||
<div class="widget-odd widget-first widget-1 pages widget"> |
||||
<h3 class="widget-title">{{lang "related"}}</h3> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
<section class="footer-copy"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 copy"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
<!--/row--> |
||||
</div> |
||||
<!--/container--> |
||||
</section> |
||||
</body> |
||||
|
||||
|
||||
|
||||
</html> |
File diff suppressed because one or more lines are too long
@ -0,0 +1,113 @@ |
||||
/** |
||||
* Plugin Name: TW Pagination |
||||
* Plugin URI: http://vuckovic.biz/wordpress-plugins/tw-pagination |
||||
* Description: A simple and flexible pagination plugin for WordPress posts and comments. |
||||
* Author: Igor Vu膷kovi膰 |
||||
* Author URI: http://vuckovic.biz |
||||
* Version: 1.0 |
||||
*/ |
||||
|
||||
/* P A G E S P A G I N A T I O N |
||||
----------------------------------------*/ |
||||
.tw-pagination { |
||||
padding: 5px; |
||||
margin: 0; |
||||
list-style: none; |
||||
} |
||||
|
||||
.tw-pagination li { |
||||
display: inline; |
||||
list-style: none; |
||||
} |
||||
|
||||
.tw-pagination a { |
||||
background: #e7e7e7; |
||||
border: 1px solid #d7d7d7; |
||||
color: #666666; |
||||
margin-right: 4px; |
||||
padding: 3px 6px; |
||||
text-align: center; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.tw-pagination a:hover,.tw-pagination a:active { |
||||
background: #d7d7d7; |
||||
color: #888888; |
||||
} |
||||
|
||||
.tw-pagination .title { |
||||
margin-right: 4px; |
||||
} |
||||
|
||||
.tw-pagination .gap { |
||||
color: #999999; |
||||
margin-right: 4px; |
||||
} |
||||
|
||||
.tw-pagination .current { |
||||
color: #666666; |
||||
background: #f7f7f7; |
||||
border: 1px solid #e7e7e7; |
||||
margin-right: 4px; |
||||
padding: 3px 6px; |
||||
} |
||||
|
||||
.tw-pagination .page { |
||||
|
||||
} |
||||
|
||||
.tw-pagination .prev,.tw-pagination .next { |
||||
|
||||
} |
||||
|
||||
/* C O M M E N T S P A G I N A T I O N |
||||
----------------------------------------*/ |
||||
.tw-pagination-comments { |
||||
padding: 5px; |
||||
margin: 0; |
||||
} |
||||
|
||||
.tw-pagination-comments li { |
||||
display: inline; |
||||
list-style: none; |
||||
} |
||||
|
||||
.tw-pagination-comments a { |
||||
background: #e7e7e7; |
||||
border: 1px solid #d7d7d7; |
||||
color: #666666; |
||||
margin-right: 4px; |
||||
padding: 3px 6px; |
||||
text-align: center; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.tw-pagination-comments a:hover,.tw-pagination-comments a:active { |
||||
background: #d7d7d7; |
||||
color: #888888; |
||||
} |
||||
|
||||
.tw-pagination-comments .title { |
||||
margin-right: 4px; |
||||
} |
||||
|
||||
.tw-pagination-comments .gap { |
||||
color: #999999; |
||||
margin-right: 4px; |
||||
} |
||||
|
||||
.tw-pagination-comments .current { |
||||
color: #666666; |
||||
background: #f7f7f7; |
||||
border: 1px solid #e7e7e7; |
||||
margin-right: 4px; |
||||
padding: 3px 6px; |
||||
} |
||||
|
||||
.tw-pagination-comments .page { |
||||
|
||||
} |
||||
|
||||
.tw-pagination-comments .prev,.tw-pagination-comments .next { |
||||
|
||||
} |
@ -0,0 +1,184 @@ |
||||
/* ======== GENERAL STYLES ======== */ |
||||
|
||||
ul { margin: 0; padding: 0; list-style: none; } |
||||
a { color: #C21515; } |
||||
a:hover, a:focus { text-decoration: none; color: #F44D4D; } |
||||
body { font-family: 'Open Sans'; background: #242424; } |
||||
section.main { background: #E5E5E5; padding: 30px 0; } |
||||
.container { max-width: 990px !important; } |
||||
img { max-width: 100%; height: auto; } |
||||
.btn { background: #C21515; color: #FFF; } |
||||
.btn:hover, .btn:focus { background: #F44D4D; color: #FFF; } |
||||
section#content { padding: 20px; background: #FFF; box-shadow: 3px 3px 3px rgba(160,160,160,0.3); } |
||||
|
||||
h1 { margin-top: 0; } |
||||
|
||||
/* ======== TOPBAR ======== */ |
||||
|
||||
.topbar { background: #F5F5F5; } |
||||
.topbar p { padding: 10px 0; margin: 0; font-size: 13px; } |
||||
p.contacts { float: left; color: #888; } |
||||
p.contacts a { color: #666; font-weight: 600; } |
||||
p.delivery { float: right; font-weight: 600; background: #68A617; color: #505050; padding: 0; } |
||||
p.delivery a { display: block; color: #FFF; font-size: 14px; padding: 10px 20px; text-transform: uppercase; } |
||||
p.delivery span.glyphicon { top: 1px; font-size: 12px; margin-right: 2px; } |
||||
p.delivery a:hover { background: #84C72D; } |
||||
/* ======== HEADER ======== */ |
||||
|
||||
header.main { padding: 20px 0; background: #FFF; } |
||||
|
||||
a.logo { display: block; } |
||||
|
||||
.form-search { border: 5px solid #EBEBEB !important; float: right; margin-top: 9px; width: 300px; max-width: 100%; } |
||||
.form-search form { position: relative; width: 100%; } |
||||
.form-search label { display: none; } |
||||
.form-search input#s { |
||||
border: 0; |
||||
color: #656565; |
||||
padding: 5px 30px 6px 12px; |
||||
background: #FAFAFA; |
||||
width: 100%; |
||||
} |
||||
|
||||
.form-search input#searchsubmit { |
||||
background: url(../img/search.png) no-repeat scroll -3px -6px rgba(0, 0, 0, 0); |
||||
border: none; |
||||
height: 27px; |
||||
margin: 0; |
||||
padding: 0; |
||||
position: absolute; |
||||
right: 2px; |
||||
text-indent: -99999px; |
||||
top: 3px; |
||||
z-index: 9999; |
||||
width: 27px; |
||||
} |
||||
|
||||
/* ======== TITLE ======== */ |
||||
|
||||
.page-title { background: #FFF; padding: 20px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } |
||||
.page-title h1 { font-weight: bold; font-size: 28px; } |
||||
.page-title h1 small { display: block; font-size: 60%; margin-top: 6px; } |
||||
|
||||
/* ======== BREADCRUMBS ======== */ |
||||
|
||||
.crumbs { background: #E5E5E5; padding: 10px 0; } |
||||
.crumbs p { margin: 0; font-weight: 600; font-size: 13px; } |
||||
.crumbs p span { margin: 0 3px; } |
||||
.crumbs p span:first-child { margin-left: 0; } |
||||
|
||||
/* ======== POSTS ======== */ |
||||
|
||||
.post { margin-bottom: 30px; } |
||||
.post article { padding: 15px; background: #FFF; box-shadow: 3px 3px 3px rgba(160,160,160,0.3); } |
||||
.post article h2 a { color: #C21515; font-weight: 600; font-size: 15px; display: block; text-transform: uppercase;} |
||||
.post article h2 a:hover { color: #F44D4D; } |
||||
.post article h2 { line-height: 20px; margin-top: 0; } |
||||
.post article p { font-size: 13px; } |
||||
.post article p.meta { font-size: 12px; color: #999; margin-top: -6px; } |
||||
.post article p.meta span.date { margin-right: 6px; } |
||||
.post article p.meta span.glyphicon { margin-right: 3px; } |
||||
.btn { border-radius: 0; font-size: 13px; box-shadow: inset 8px 0px #EAA5A5; padding-left: 20px; border: none; } |
||||
.post article p.meta span.cat a { color: #999; } |
||||
|
||||
.post article.home { padding:20px 30px 15px 30px; } |
||||
.post article.home h2 { margin:0 0 10px 0; line-height:1.25; font-size:24px; } |
||||
.post article.home p { margin:0 0 10px 0; line-height:1.5; } |
||||
|
||||
div.post-thumbnail-border { padding: 5px; background: #FFF; border: 1px solid #DDD; margin-bottom: 10px; } |
||||
div.post-thumbnail { |
||||
width: 100%; |
||||
height: 100px; |
||||
background-size: cover; |
||||
background-position: center center; |
||||
} |
||||
|
||||
/* ========= SINGLE ======== */ |
||||
|
||||
header.single { float: left; margin-bottom: 20px;} |
||||
header.single h1 { font-weight: bold; font-size: 28px; } |
||||
.cresta-share-icon .sbutton { margin-top: 0 !important; margin-bottom: 0 !important; } |
||||
.single p.meta { margin-bottom: 0; font-size: 12px; font-weight: 600; line-height: 22px; color: #666; text-transform: uppercase; box-shadow: inset 6px 0 #CC212A; padding-left: 14px; } |
||||
.single p.meta > span { margin-right: 2px; } |
||||
|
||||
/* ======== NAV ======== */ |
||||
|
||||
nav.main { background: #242424; overflow: hidden; } |
||||
nav.main ul li { display: block; float: left; } |
||||
nav.main ul > li > a { padding: 16px 14px; font-size: 14px; display: block; color: #FFFFFF; } |
||||
|
||||
nav.main ul > li > a:focus, nav.main ul > li > a:hover { background: #444; } |
||||
|
||||
nav.main ul > li > a { border-right: 1px solid #444444; } |
||||
nav.main ul > li:last-of-type > a { border-right: none; } |
||||
|
||||
div.mobile-dropdown { |
||||
display: none !important; |
||||
background: #242424; |
||||
padding: 8px 14px; |
||||
font-size: 14px; |
||||
display: block; |
||||
color: #FFFFFF; |
||||
overflow: hidden; |
||||
cursor: hand; |
||||
cursor: pointer; |
||||
-webkit-transition: background 0.6s ease; |
||||
-moz-transition: background 0.6s ease; |
||||
-ms-transition: background 0.6s ease; |
||||
-o-transition: background 0.6s ease; |
||||
transition: background 0.6s ease; |
||||
} |
||||
div.mobile-dropdown.darken { |
||||
background: #161616; |
||||
} |
||||
.mobile-dropdown p { |
||||
display: block; |
||||
float: left; |
||||
font-size: 14px; |
||||
letter-spacing: 2px; |
||||
margin: 7px 0 0 0; |
||||
font-weight: 600; |
||||
text-transform: uppercase; |
||||
} |
||||
.navbar-toggle { |
||||
margin: 0; |
||||
} |
||||
.navbar-toggle .icon-bar { background : #FFF; } |
||||
/* ======== SIDEBAR ======== */ |
||||
|
||||
aside .widget { background: #FFF; box-shadow: 3px 3px 3px rgba(160,160,160,0.3); margin-bottom: 15px; } |
||||
aside .widget h3 { margin: 0; font-weight: bold; font-size: 18px; padding: 15px; background: #242424; color: #FFF; } |
||||
aside .widget div, aside .widget ul { padding: 15px; } |
||||
aside .widget ul li a { background: url(../img/bullet-light.png) no-repeat scroll left 0 top 6px rgba(0, 0, 0, 0); |
||||
padding: 0 0 0 15px; |
||||
display: block;} |
||||
aside .widget:last-child { margin: 0; } |
||||
aside .widget.latest-posts span.post-date { font-size: 11px; color: #242424; display: block; margin-bottom: 10px; } |
||||
|
||||
/* ======== FOOTER ======== */ |
||||
|
||||
footer.main { padding: 30px 0 0; background: #242424; } |
||||
|
||||
footer .footer-widget { background: #2B2B2B; padding: 20px; color: #999; margin-bottom: 30px; } |
||||
footer .footer-widget .widget { margin-bottom: 15px; } |
||||
footer .footer-widget .widget:last-child { margin-bottom: 0; } |
||||
footer .widget h3 { margin-top: 0; font-size: 16px; font-weight: 600; color: #F5F5F5; } |
||||
footer .widget.pages a { |
||||
background: url(../img/bullet-light.png) no-repeat scroll left 0 top 6px rgba(0, 0, 0, 0); |
||||
padding: 0 0 0 15px; |
||||
display: block; |
||||
} |
||||
|
||||
footer .widget a { color: #D53232; } |
||||
footer .widget a:focus, footer .widget a:hover { color: #F05F5F; } |
||||
div.fetch-tweets-body p.fetch-tweets-text { font-size: 13px; } |
||||
|
||||
.widget.latest-posts a { background: transparent; padding: 0; } |
||||
.widget.tags a { background: transparent; display: inline; padding: 0 2px; margin: 0; font-size: 40%; } |
||||
.widget.latest-posts span.post-date { font-size: 11px; color: #FFF; display: block; margin-bottom: 10px; } |
||||
|
||||
.copy { text-align: center; padding: 20px 0; } |
||||
.copy p { color: #999; margin: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } |
||||
section.footer-copy { background: #1F1F1F; } |
||||
|
||||
.tw-pagination { text-align: center; } |
@ -0,0 +1,39 @@ |
||||
/* Large Devices, Wide Screens */ |
||||
@media only screen and (max-width : 1199px) { |
||||
|
||||
} |
||||
|
||||
/* Medium Devices, Desktops */ |
||||
@media only screen and (max-width : 991px) { |
||||
aside.col-md-4 { padding: 0; margin-top: 15px; } |
||||
nav.main ul > li > a { font-size: 12px; } |
||||
} |
||||
|
||||
/* Small Devices, Tablets */ |
||||
@media only screen and (max-width : 767px) { |
||||
.form-search { float: none; margin: 10px auto 0; } |
||||
a.logo { text-align: center; margin-bottom: 20px; } |
||||
nav.main ul li { float: none; } |
||||
nav.main ul > li > a { border: none; border-bottom: 1px solid #444; } |
||||
.navigation { padding: 0; } |
||||
div.mobile-dropdown { display: block !important; } |
||||
#menu-primary-menu { display: none; } |
||||
nav.main ul > li > a { font-size: 13px; } |
||||
} |
||||
|
||||
@media only screen and (max-width : 560px) { |
||||
#crestashareiconincontent { float: none !important; clear: both; } |
||||
#crestashareiconincontent .sbutton:first-child { margin-left: 0 !important; } |
||||
header.single { margin-bottom: 15px; } |
||||
} |
||||
|
||||
/* Extra Small Devices, Phones */ |
||||
@media only screen and (min-width : 768px) { |
||||
#menu-primary-menu { display: block !important; } |
||||
} |
||||
} |
||||
|
||||
/* Custom, iPhone Retina */ |
||||
@media only screen and (max-width : 319px) { |
||||
|
||||
} |
@ -0,0 +1,173 @@ |
||||
<!DOCTYPE html> |
||||
|
||||
<html lang="en-GB" prefix="og: http://ogp.me/ns#"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<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 type="text/css" rel="stylesheet" href="{{staticFile "css/bootstrap.min.css"}}" /> |
||||
<link rel="stylesheet" href="{{staticFile "css/index.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "css/main.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "css/responsive.css"}}"> |
||||
</head> |
||||
|
||||
<body class="home blog"> |
||||
<header class="main" role="banner"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-sm-6"> |
||||
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a> |
||||
</div> |
||||
</div> |
||||
<!--/row--> |
||||
</div> |
||||
<!--/container--> |
||||
</header> |
||||
|
||||
<nav class="main"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 navigation"> |
||||
<div class="menu-primary-menu-container"> |
||||
<ul id="menu-primary-menu" class="menu"> |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
<!--/nav--> |
||||
|
||||
|
||||
<section class="main"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div id="breadcrumb"> |
||||
<a href="{{.IndexUrl}}">{{lang "home"}}</a> |
||||
<span>\ {{.Title}}</span> |
||||
</div> |
||||
<div id="article-head"> |
||||
<h2 id="title">{{.Title}}</h2> |
||||
<div> |
||||
<span>{{timeFormat .PublishTime}}</span> |
||||
<span> / </span> |
||||
<span>{{.Views}} {{lang "views"}}</span> |
||||
</div> |
||||
</div> |
||||
<div class="d-lg-flex"> |
||||
<div id="article-container" class="col-lg-12 col-md-12" style="padding: 0 20px;"> |
||||
<!-- 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%" style="padding: 0 20px;" 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> |
||||
</div> |
||||
<!--/row--> |
||||
|
||||
</div> |
||||
<!--/container--> |
||||
|
||||
</section> |
||||
<!--/main--> |
||||
|
||||
<footer class="main" role="complementary"> |
||||
<div class="container"> |
||||
<div class="row widgets"> |
||||
<div class="col-sm-4"> |
||||
<div class="footer-widget"> |
||||
<div class="widget-odd widget-first widget-1 pages widget"> |
||||
<h3 class="widget-title">{{lang "related"}}</h3> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
<section class="footer-copy"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 copy"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
<!--/row--> |
||||
</div> |
||||
<!--/container--> |
||||
</section> |
||||
</body> |
||||
|
||||
|
||||
|
||||
</html> |
@ -0,0 +1,181 @@ |
||||
<!DOCTYPE html> |
||||
|
||||
<html lang="en-GB" prefix="og: http://ogp.me/ns#"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<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 type="text/css" rel="stylesheet" href="{{staticFile "css/bootstrap.min.css"}}" /> |
||||
<link rel="stylesheet" href="{{staticFile "css/index.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "css/main.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "css/responsive.css"}}"> |
||||
</head> |
||||
|
||||
<body class="home blog"> |
||||
<header class="main" role="banner"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-sm-6"> |
||||
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a> |
||||
</div> |
||||
</div> |
||||
<!--/row--> |
||||
</div> |
||||
<!--/container--> |
||||
</header> |
||||
|
||||
<nav class="main"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 navigation"> |
||||
<div class="menu-primary-menu-container"> |
||||
<ul id="menu-primary-menu" class="menu"> |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
<!--/nav--> |
||||
|
||||
<section class="page-title"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-md-12"> |
||||
<h1>{{lang "latest"}}</h1> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
|
||||
<section class="main"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<section class="col-md-12" role="main"> |
||||
<div class="row"> |
||||
|
||||
{{ range .Articles }} |
||||
<div class="col-sm-6 col-md-4 post"> |
||||
<article> |
||||
<a href="{{.Url}}"> |
||||
<div class="post-thumbnail-border"> |
||||
<div class="post-thumbnail" |
||||
style="background-image: url({{getCover .Cover}});"> |
||||
</div> |
||||
</div> |
||||
</a> |
||||
<h2 style="overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
display:-webkit-box; |
||||
-webkit-box-orient:vertical; |
||||
-webkit-line-clamp:2;"><a href="{{.Url}}">{{.Title}}</a></h2> |
||||
<p class="meta"> |
||||
<span class="glyphicon glyphicon-time" aria-hidden="true"></span><span class="date">{{timeFormat .PublishTime}}</span> |
||||
<span class="glyphicon glyphicon-folder-open"></span><span class="cat"> <a href="{{.Url}}" rel="category tag">{{.Views}} {{lang "views"}}</a></span> |
||||
</p> |
||||
<p style="overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;">{{.Summary}}</p> |
||||
<a class="btn" href="{{.Url}}">Read More</a> |
||||
</article> |
||||
</div> |
||||
{{end}} |
||||
</div> |
||||
</section> |
||||
<!--/content--> |
||||
<section id="pagination" class="col-md-12"> |
||||
<div class="row"> |
||||
<div class="navigation"> |
||||
<ol class="tw-pagination"> |
||||
{{$pulen := len .PrevUrl}} |
||||
{{ if ne $pulen 0 }} |
||||
<li><a href="{{.PrevUrl}}" class="prev">«</a></li> |
||||
{{ end }} |
||||
{{$nulen := len .NextUrl}} |
||||
{{ if ne $nulen 0 }} |
||||
<li><a href="{{.NextUrl}}" class="next">»</a></li> |
||||
{{ end }} |
||||
</ol> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
|
||||
</div> |
||||
<!--/row--> |
||||
|
||||
</div> |
||||
<!--/container--> |
||||
|
||||
</section> |
||||
<!--/main--> |
||||
|
||||
<footer class="main" role="complementary"> |
||||
<div class="container"> |
||||
<div class="row widgets"> |
||||
<div class="col-sm-4"> |
||||
<div class="footer-widget"> |
||||
<div class="widget-odd widget-first widget-1 pages widget"> |
||||
<h3 class="widget-title">{{lang "related"}}</h3> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
<section class="footer-copy"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 copy"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
<!--/row--> |
||||
</div> |
||||
<!--/container--> |
||||
</section> |
||||
</body> |
||||
|
||||
|
||||
|
||||
</html> |
@ -0,0 +1,129 @@ |
||||
<!DOCTYPE html> |
||||
|
||||
<html lang="en-GB" prefix="og: http://ogp.me/ns#"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8" /> |
||||
<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 type="text/css" rel="stylesheet" href="{{staticFile "css/bootstrap.min.css"}}" /> |
||||
<link rel="stylesheet" href="{{staticFile "css/index.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "css/main.css"}}"> |
||||
<link rel="stylesheet" href="{{staticFile "css/responsive.css"}}"> |
||||
</head> |
||||
|
||||
<body class="home blog"> |
||||
<header class="main" role="banner"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-sm-6"> |
||||
<a href="{{.IndexUrl}}" class="logo"><img src="{{replaceImage .Logo}}" alt="logo" /></a> |
||||
</div> |
||||
</div> |
||||
<!--/row--> |
||||
</div> |
||||
<!--/container--> |
||||
</header> |
||||
|
||||
<nav class="main"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 navigation"> |
||||
<div class="menu-primary-menu-container"> |
||||
<ul id="menu-primary-menu" class="menu"> |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.IndexUrl}}">{{ lang "home"}}</a> |
||||
</li> |
||||
{{if .HasAbout }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.AboutUrl}}">{{ lang "about" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.ContactUrl}}">{{ lang "contact" }}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"> |
||||
<a class="nav-link" href="{{.PolicyUrl}}">{{ lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
<!--/nav--> |
||||
|
||||
|
||||
<section class="main"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<h1 id="page-title">{{lang "policy"}}</h1> |
||||
<div> |
||||
{{.Policy}} |
||||
</div> |
||||
</div> |
||||
<!--/row--> |
||||
|
||||
</div> |
||||
<!--/container--> |
||||
|
||||
</section> |
||||
<!--/main--> |
||||
|
||||
<footer class="main" role="complementary"> |
||||
<div class="container"> |
||||
<div class="row widgets"> |
||||
<div class="col-sm-4"> |
||||
<div class="footer-widget"> |
||||
<div class="widget-odd widget-first widget-1 pages widget"> |
||||
<h3 class="widget-title">{{lang "related"}}</h3> |
||||
<div class="menu-footer-menu-container"> |
||||
<ul id="menu-footer-menu" class="menu"> |
||||
{{if .HasAbout }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.AboutUrl}}">{{lang "about"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasContact }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.ContactUrl}}">{{lang "contact"}}</a> |
||||
</li> |
||||
{{end}} |
||||
{{if .HasPolicy }} |
||||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4887"> |
||||
<a href="{{.PolicyUrl}}">{{lang "policy"}}</a> |
||||
</li> |
||||
{{end}} |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</footer> |
||||
|
||||
<section class="footer-copy"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-12 copy"> |
||||
<p>{{.Copyright}}</p> |
||||
</div> |
||||
</div> |
||||
<!--/row--> |
||||
</div> |
||||
<!--/container--> |
||||
</section> |
||||
</body> |
||||
|
||||
|
||||
|
||||
</html> |
Loading…
Reference in new issue