revamps styles and layouts
This commit is contained in:
Huy Tran
parent
bb990c4380
commit
3a0a7dcd3f
31 changed files with 1954 additions and 697 deletions
|
|
@ -1,54 +1,57 @@
|
|||
<div class="portfolio-content portfolio-container">
|
||||
<span class="section__title">{{ .Title }}</span>
|
||||
{{ range where .Data.Pages "Params.featured" "==" "true" }}
|
||||
<section class="latest section">
|
||||
<span class="section__title">{{ .Title }}</span>
|
||||
<div class="portfolio__content">
|
||||
{{ range first 1 (where .Data.Pages "Params.featured" "==" "true") }}
|
||||
<section class="portfolio__featured-project">
|
||||
<div class="section-inner">
|
||||
<div class="portfolio_content">
|
||||
<div class="item featured text-center">
|
||||
<h3 class="title">
|
||||
<span class="project__title">
|
||||
<a href="{{ .Params.Link }}" target="_blank">{{ .Title }}</a>
|
||||
</h3>
|
||||
<p class="summary">{{ .Params.description }}</p>
|
||||
<div class="featured-image">
|
||||
</span>
|
||||
<p class="project__subtitle-big">
|
||||
<sup><i class="fa fa-quote-left" aria-hidden="true"></i></sup>
|
||||
{{ .Params.description }}
|
||||
<sup><i class="fa fa-quote-right" aria-hidden="true"></i></sup>
|
||||
</p>
|
||||
<div class="project__featured-image">
|
||||
<img src="{{ .Params.screenshot }}" alt="{{ .Title }}">
|
||||
<div class="ribbon">
|
||||
<div class="text">New</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="desc text-left">
|
||||
<div class="project__summary">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
<!--//desc-->
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- inner -->
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
<section>
|
||||
<div class="section-inner">
|
||||
<div class="portfolio_content">
|
||||
<hr class="divider">
|
||||
{{ range (where .Data.Pages "Params.featured" "<>" "true").ByDate.Reverse }}
|
||||
<!-- item -->
|
||||
<div class="item row">
|
||||
<a class="col-md-4 col-sm-4 col-xs-12" href="{{ .Params.link }}"
|
||||
target="_blank">
|
||||
<img class="img-responsive project-image" src="{{ .Params.screenshot }}" alt="{{ .Title }}">
|
||||
</a>
|
||||
<div class="desc col-md-8 col-sm-8 col-xs-12">
|
||||
<h3 class="title">
|
||||
<a href="{{ .Params.link }}" target="_blank">{{ .Title }}</a>
|
||||
</h3>
|
||||
<p class="summary">{{ .Params.description }}</p>
|
||||
<p>{{ .Content }}</p>
|
||||
</div>
|
||||
<div class="portfolio_content">
|
||||
<hr class="divider">
|
||||
{{ range (where .Data.Pages "Params.featured" "!=" "true").ByDate.Reverse }}
|
||||
<div class="row">
|
||||
<a class="col-md-4 col-sm-4 col-xs-12" href="{{ .Params.link }}"
|
||||
target="_blank">
|
||||
<img class="img-responsive project-image" src="{{ .Params.screenshot }}" alt="{{ .Title }}">
|
||||
</a>
|
||||
<div class="desc col-md-8 col-sm-8 col-xs-12">
|
||||
<span class="project__title">
|
||||
<a href="{{ .Params.link }}" target="_blank">{{ .Title }}</a>
|
||||
</span>
|
||||
<span class="project__subtitle-small">
|
||||
<sup><i class="fa fa-quote-left" aria-hidden="true"></i></sup>
|
||||
{{ .Params.description }}
|
||||
<sup><i class="fa fa-quote-right" aria-hidden="true"></i></sup>
|
||||
</span>
|
||||
<span class="project__summary">
|
||||
{{ .Content }}
|
||||
</span>
|
||||
</div>
|
||||
<!--// item -->
|
||||
{{ end }}
|
||||
</div>
|
||||
<!--//content-->
|
||||
<div class="row-space"> </div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<!--//section-inner-->
|
||||
</section>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,49 +0,0 @@
|
|||
<head>
|
||||
<link href="http://gmpg.org/xfn/11" rel="profile">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
{{ "<!-- Enable responsiveness on mobile devices -->" | safeHTML }}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||
{{ with .Site.Params.meta.description -}}<meta name="description" content="{{ . }}">{{- end }}
|
||||
{{ with .Site.Params.meta.keywords -}}<meta name="keywords" content="{{.}}">{{- end }}
|
||||
{{ .Hugo.Generator }}
|
||||
{{ if .IsHome -}}
|
||||
<title>{{ .Site.Title }}</title>
|
||||
{{- else }}
|
||||
<title>{{ .Title }} · {{ .Site.Title }}</title>
|
||||
{{- end }}
|
||||
<meta content="{{ $isHomePage := eq .Title .Site.Title }}{{ .Title }}{{ if eq $isHomePage false }} - {{ .Site.Title }}{{ end }}" property="og:title">
|
||||
<meta content="{{ $isHomePage := eq .Title .Site.Title }}{{ .Site.Params.meta.description }}{{ if eq $isHomePage false }} - {{ .Description }}{{ end }}" property="og:description">
|
||||
{{ "<!-- CSS -->" | safeHTML }}
|
||||
<link rel="dns-prefetch" href="//fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,600,700|Source+Code+Pro:400,400i" rel="stylesheet">
|
||||
<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/print.min.css" media="print">
|
||||
<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/poole.min.css">
|
||||
<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/hyde.min.css">
|
||||
{{ "<!-- Font-Awesome -->" | safeHTML }}
|
||||
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js" integrity="sha384-xymdQtn1n3lH2wcu0qhcdaOpQwyoarkgLVxC/wZ5q7h9gHtxICrpcaSUfygqZGOe" crossorigin="anonymous"></script>
|
||||
{{ if .Site.Params.highlightjs -}}
|
||||
{{ "<!-- highlight.js-->" | safeHTML }}
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/{{ .Site.Params.highlightjsstyle | default "default" }}.min.css">
|
||||
{{- end }}
|
||||
{{ if .Site.Params.PygmentsUseClasses -}}
|
||||
{{ "<!-- Pygments Syntax -->" | safeHTML }}
|
||||
<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/syntax.css">
|
||||
{{- end }}
|
||||
{{- "<!-- Customised CSS -->" | safeHTML }}
|
||||
<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/hyde-hyde.css"/>
|
||||
<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/portfolio.css"/>
|
||||
{{ `<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->` | safeHTML }}
|
||||
{{ "<!-- Icons -->" | safeHTML }}
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png">
|
||||
<link rel="shortcut icon" href="/favicon.png">
|
||||
{{ if .RSSLink -}}
|
||||
{{ "<!-- RSS -->" | safeHTML }}
|
||||
<link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
|
||||
<link href="{{ .RSSLink }}" rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" />
|
||||
{{- end }}
|
||||
</head>
|
||||
Loading…
Add table
Add a link
Reference in a new issue