mirror of
https://github.com/MeiK2333/github-style.git
synced 2025-10-07 01:54:06 +00:00
完成基本样式
This commit is contained in:
MeiK
@@ -4,10 +4,14 @@
|
||||
|
||||
- 提交热力图的标签显示没有完全对齐
|
||||
- 多个可点击元素点击后会出现蓝色的边框
|
||||
- 移动端模式下点击热力图可能会导致样式错乱
|
||||
|
||||
TODO
|
||||
|
||||
- 移动端适配
|
||||
- SEO 优化
|
||||
- 评论
|
||||
- 自定义菜单
|
||||
- 更多链接平台支持
|
||||
|
||||
## Init hugo site
|
||||
|
||||
|
||||
27
layouts/partials/mobile-menus.html
Normal file
27
layouts/partials/mobile-menus.html
Normal file
@@ -0,0 +1,27 @@
|
||||
{{ $section := where .Site.RegularPages "Section" "in" (slice "post") }}
|
||||
{{ $section_count := len $section }}
|
||||
<div class="UnderlineNav user-profile-nav d-block d-md-none position-sticky top-0 pl-3 ml-n3 mr-n3 pr-3 bg-white"
|
||||
style="z-index:3;">
|
||||
<nav class="UnderlineNav-body">
|
||||
<a class="UnderlineNav-item {{ if .IsHome }} selected {{ end }}" href="{{ .Site.BaseURL }}">
|
||||
<svg class="octicon octicon-book UnderlineNav-octicon hide-sm" height="16" viewBox="0 0 16 16" version="1.1"
|
||||
width="16">
|
||||
<path fill-rule="evenodd"
|
||||
d="M0 1.75A.75.75 0 01.75 1h4.253c1.227 0 2.317.59 3 1.501A3.744 3.744 0 0111.006 1h4.245a.75.75 0 01.75.75v10.5a.75.75 0 01-.75.75h-4.507a2.25 2.25 0 00-1.591.659l-.622.621a.75.75 0 01-1.06 0l-.622-.621A2.25 2.25 0 005.258 13H.75a.75.75 0 01-.75-.75V1.75zm8.755 3a2.25 2.25 0 012.25-2.25H14.5v9h-3.757c-.71 0-1.4.201-1.992.572l.004-7.322zm-1.504 7.324l.004-5.073-.002-2.253A2.25 2.25 0 005.003 2.5H1.5v9h3.757a3.75 3.75 0 011.994.574z">
|
||||
</path>
|
||||
</svg>
|
||||
Overview
|
||||
</a>
|
||||
<a class='UnderlineNav-item {{ if .IsSection }} selected {{ end }}{{ if eq .Type "tags" }} selected {{ end }}'
|
||||
href="/post/">
|
||||
<svg class="octicon octicon-repo UnderlineNav-octicon hide-sm" height="16" viewBox="0 0 16 16" version="1.1"
|
||||
width="16">
|
||||
<path fill-rule="evenodd"
|
||||
d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z">
|
||||
</path>
|
||||
</svg>
|
||||
Posts
|
||||
<span class="Counter ">{{ $section_count}}</span>
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
@@ -8,147 +8,145 @@
|
||||
{{ $section = where .Site.RegularPages "Section" "in" (slice "post") }}
|
||||
{{ $section_title = "Popular posts" }}
|
||||
{{ end }}
|
||||
<div class="flex-shrink-0 col-12 col-md-9 mb-4 mb-md-0">
|
||||
<div>
|
||||
<div class="position-relative">
|
||||
{{ with .Site.GetPage "/readme" }}
|
||||
<div class="Box mt-4">
|
||||
<div class="Box-body p-4">
|
||||
<div class="d-flex flex-justify-between">
|
||||
<div class="text-mono text-small mb-3">
|
||||
<svg class="octicon octicon-octoface" viewBox="0 0 16 16" version="1.1" width="16" height="16">
|
||||
<path fill-rule="evenodd"
|
||||
d="M1.326 1.973a1.2 1.2 0 011.49-.832c.387.112.977.307 1.575.602.586.291 1.243.71 1.7 1.296.022.027.042.056.061.084A13.22 13.22 0 018 3c.67 0 1.289.037 1.861.108l.051-.07c.457-.586 1.114-1.004 1.7-1.295a9.654 9.654 0 011.576-.602 1.2 1.2 0 011.49.832c.14.493.356 1.347.479 2.29.079.604.123 1.28.07 1.936.541.977.773 2.11.773 3.301C16 13 14.5 15 8 15s-8-2-8-5.5c0-1.034.238-2.128.795-3.117-.08-.712-.034-1.46.052-2.12.122-.943.34-1.797.479-2.29zM8 13.065c6 0 6.5-2 6-4.27C13.363 5.905 11.25 5 8 5s-5.363.904-6 3.796c-.5 2.27 0 4.27 6 4.27z">
|
||||
</path>
|
||||
<path
|
||||
d="M4 8a1 1 0 012 0v1a1 1 0 01-2 0V8zm2.078 2.492c-.083-.264.146-.492.422-.492h3c.276 0 .505.228.422.492C9.67 11.304 8.834 12 8 12c-.834 0-1.669-.696-1.922-1.508zM10 8a1 1 0 112 0v1a1 1 0 11-2 0V8z">
|
||||
</path>
|
||||
</svg>
|
||||
README<span class="text-gray-light">.md</span>
|
||||
</div>
|
||||
<div>
|
||||
<div class="position-relative">
|
||||
{{ with .Site.GetPage "/readme" }}
|
||||
<div class="Box mt-4">
|
||||
<div class="Box-body p-4">
|
||||
<div class="d-flex flex-justify-between">
|
||||
<div class="text-mono text-small mb-3">
|
||||
<svg class="octicon octicon-octoface" viewBox="0 0 16 16" version="1.1" width="16" height="16">
|
||||
<path fill-rule="evenodd"
|
||||
d="M1.326 1.973a1.2 1.2 0 011.49-.832c.387.112.977.307 1.575.602.586.291 1.243.71 1.7 1.296.022.027.042.056.061.084A13.22 13.22 0 018 3c.67 0 1.289.037 1.861.108l.051-.07c.457-.586 1.114-1.004 1.7-1.295a9.654 9.654 0 011.576-.602 1.2 1.2 0 011.49.832c.14.493.356 1.347.479 2.29.079.604.123 1.28.07 1.936.541.977.773 2.11.773 3.301C16 13 14.5 15 8 15s-8-2-8-5.5c0-1.034.238-2.128.795-3.117-.08-.712-.034-1.46.052-2.12.122-.943.34-1.797.479-2.29zM8 13.065c6 0 6.5-2 6-4.27C13.363 5.905 11.25 5 8 5s-5.363.904-6 3.796c-.5 2.27 0 4.27 6 4.27z">
|
||||
</path>
|
||||
<path
|
||||
d="M4 8a1 1 0 012 0v1a1 1 0 01-2 0V8zm2.078 2.492c-.083-.264.146-.492.422-.492h3c.276 0 .505.228.422.492C9.67 11.304 8.834 12 8 12c-.834 0-1.669-.696-1.922-1.508zM10 8a1 1 0 112 0v1a1 1 0 11-2 0V8z">
|
||||
</path>
|
||||
</svg>
|
||||
README<span class="text-gray-light">.md</span>
|
||||
</div>
|
||||
<article class="markdown-body entry-content container-lg f5">
|
||||
{{- .Content -}}
|
||||
</article>
|
||||
</div>
|
||||
<article class="markdown-body entry-content container-lg f5">
|
||||
{{- .Content -}}
|
||||
</article>
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="mt-4">
|
||||
<div class="js-pinned-items-reorder-container">
|
||||
<h2 class="f4 mb-2 text-normal">
|
||||
{{ $section_title }}
|
||||
</h2>
|
||||
<ol class="d-flex flex-wrap list-style-none gutter-condensed mb-4 js-pinned-items-reorder-list">
|
||||
{{ range (first 6 $section) }}
|
||||
<li class="col-12 col-md-6 col-lg-6 mb-3 d-flex flex-content-stretch">
|
||||
<div
|
||||
class="Box pinned-item-list-item d-flex p-3 width-full js-pinned-item-list-item public source reorderable sortable-button-item">
|
||||
<div class="pinned-item-list-item-content">
|
||||
<div class="d-flex width-full flex-items-center position-relative">
|
||||
<svg class="octicon octicon-repo mr-2 text-gray flex-shrink-0" viewBox="0 0 16 16" version="1.1"
|
||||
width="16" height="16">
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="mt-4">
|
||||
<div class="js-pinned-items-reorder-container">
|
||||
<h2 class="f4 mb-2 text-normal">
|
||||
{{ $section_title }}
|
||||
</h2>
|
||||
<ol class="d-flex flex-wrap list-style-none gutter-condensed mb-4 js-pinned-items-reorder-list">
|
||||
{{ range (first 6 $section) }}
|
||||
<li class="col-12 col-md-6 col-lg-6 mb-3 d-flex flex-content-stretch">
|
||||
<div
|
||||
class="Box pinned-item-list-item d-flex p-3 width-full js-pinned-item-list-item public source reorderable sortable-button-item">
|
||||
<div class="pinned-item-list-item-content">
|
||||
<div class="d-flex width-full flex-items-center position-relative">
|
||||
<svg class="octicon octicon-repo mr-2 text-gray flex-shrink-0" viewBox="0 0 16 16" version="1.1"
|
||||
width="16" height="16">
|
||||
<path fill-rule="evenodd"
|
||||
d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z">
|
||||
</path>
|
||||
</svg>
|
||||
<a class="text-bold flex-auto min-width-0" href="{{ .Permalink }}">
|
||||
<span class="repo" title="{{ .Title }}">{{ .Title }}</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div name="summary" class="pinned-item-desc text-gray text-small d-block mt-2 mb-3">
|
||||
{{ .Summary | safeHTML }}
|
||||
</div>
|
||||
|
||||
<p class="mb-0 f6 text-gray">
|
||||
{{ with .Params.tags }}
|
||||
{{ range $tag := (first 5 .) }}
|
||||
<a href="{{ relURL (print "/tags/" . | urlize) }}" class="pinned-item-meta muted-link ">
|
||||
<svg class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="16" height="16">
|
||||
<path fill-rule="evenodd"
|
||||
d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z">
|
||||
d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z">
|
||||
</path>
|
||||
</svg>
|
||||
<a class="text-bold flex-auto min-width-0" href="{{ .Permalink }}">
|
||||
<span class="repo" title="{{ .Title }}">{{ .Title }}</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div name="summary" class="pinned-item-desc text-gray text-small d-block mt-2 mb-3">
|
||||
{{ .Summary | safeHTML }}
|
||||
</div>
|
||||
|
||||
<p class="mb-0 f6 text-gray">
|
||||
{{ with .Params.tags }}
|
||||
{{ range $tag := (first 5 .) }}
|
||||
<a href="{{ relURL (print "/tags/" . | urlize) }}" class="pinned-item-meta muted-link ">
|
||||
<svg class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="16" height="16">
|
||||
<path fill-rule="evenodd"
|
||||
d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z">
|
||||
</path>
|
||||
</svg>
|
||||
{{ $tag }}
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</p>
|
||||
</div>
|
||||
{{ $tag }}
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ $section := where .Site.RegularPages "Section" "in" (slice "post") }}
|
||||
<div class="mt-4 position-relative" id="contributions" data='[{{ range $index, $elem := $section }}
|
||||
{{ $section := where .Site.RegularPages "Section" "in" (slice "post") }}
|
||||
<div class="mt-4 position-relative" id="contributions" data='[{{ range $index, $elem := $section }}
|
||||
{
|
||||
"title": "{{ .Title }}",
|
||||
"link": "{{ .Permalink }}",
|
||||
"publishDate": "{{ .PublishDate.Format "2006-01-02 15:04:05" }}"
|
||||
"title": "{{ .Title }}",
|
||||
"link": "{{ .Permalink }}",
|
||||
"publishDate": "{{ .PublishDate.Format "2006-01-02 15:04:05" }}"
|
||||
}{{ if ne $index (sub (len $section) 1) }},{{ end }}
|
||||
{{ end }}]'>
|
||||
<div class="js-yearly-contributions">
|
||||
<div class="position-relative">
|
||||
<h2 class="f4 text-normal mb-2" id="posts-count"></h2>
|
||||
<div class="border py-2 graph-before-activity-overview">
|
||||
<div
|
||||
class="js-calendar-graph mx-md-2 mx-3 d-flex flex-column flex-items-end flex-xl-items-center overflow-hidden pt-1 is-graph-loading graph-canvas calendar-graph height-full text-center">
|
||||
<svg width="828" height="128" class="js-calendar-graph-svg">
|
||||
<g transform="translate(10, 20)" id="graph-svg">
|
||||
</g>
|
||||
</svg>
|
||||
<div class="js-yearly-contributions">
|
||||
<div class="position-relative">
|
||||
<h2 class="f4 text-normal mb-2" id="posts-count"></h2>
|
||||
<div class="border py-2 graph-before-activity-overview">
|
||||
<div
|
||||
class="js-calendar-graph mx-md-2 mx-3 d-flex flex-column flex-items-end flex-xl-items-center overflow-hidden pt-1 is-graph-loading graph-canvas calendar-graph height-full text-center">
|
||||
<svg width="828" height="128" class="js-calendar-graph-svg">
|
||||
<g transform="translate(10, 20)" id="graph-svg">
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="contrib-footer clearfix mt-1 mx-3 px-3 pb-1">
|
||||
<div class="float-left text-gray">
|
||||
</div>
|
||||
<div class="contrib-footer clearfix mt-1 mx-3 px-3 pb-1">
|
||||
<div class="float-left text-gray">
|
||||
</div>
|
||||
<div class="contrib-legend text-gray">
|
||||
Less
|
||||
<ul class="legend">
|
||||
<li style="background-color: var(--color-calendar-graph-day-bg)"></li>
|
||||
<li style="background-color: var(--color-calendar-graph-day-L1-bg)"></li>
|
||||
<li style="background-color: var(--color-calendar-graph-day-L2-bg)"></li>
|
||||
<li style="background-color: var(--color-calendar-graph-day-L3-bg)"></li>
|
||||
<li style="background-color: var(--color-calendar-graph-day-L4-bg)"></li>
|
||||
</ul>
|
||||
More
|
||||
</div>
|
||||
<div class="contrib-legend text-gray">
|
||||
Less
|
||||
<ul class="legend">
|
||||
<li style="background-color: var(--color-calendar-graph-day-bg)"></li>
|
||||
<li style="background-color: var(--color-calendar-graph-day-L1-bg)"></li>
|
||||
<li style="background-color: var(--color-calendar-graph-day-L2-bg)"></li>
|
||||
<li style="background-color: var(--color-calendar-graph-day-L3-bg)"></li>
|
||||
<li style="background-color: var(--color-calendar-graph-day-L4-bg)"></li>
|
||||
</ul>
|
||||
More
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="activity-listing contribution-activity">
|
||||
<div class="d-none d-lg-block">
|
||||
<div class="js-profile-timeline-year-list bg-white float-right col-2 pl-5 is-placeholder"
|
||||
style="visibility: hidden; display: none; height: 210px;"></div>
|
||||
<div style="top: 74px; position: static;"
|
||||
class="js-profile-timeline-year-list bg-white js-sticky float-right col-2 pl-5">
|
||||
<ul class="filter-list small" id="year-list">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="f4 text-normal mt-4 mb-3">
|
||||
Post activity
|
||||
</h2>
|
||||
|
||||
<div id="posts-activity">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="pinned-items-modal-wrapper"></div>
|
||||
<div class="activity-listing contribution-activity">
|
||||
<div class="d-none d-lg-block">
|
||||
<div class="js-profile-timeline-year-list bg-white float-right col-2 pl-5 is-placeholder"
|
||||
style="visibility: hidden; display: none; height: 210px;"></div>
|
||||
<div style="top: 74px; position: static;"
|
||||
class="js-profile-timeline-year-list bg-white js-sticky float-right col-2 pl-5">
|
||||
<ul class="filter-list small" id="year-list">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="f4 text-normal mt-4 mb-3">
|
||||
Post activity
|
||||
</h2>
|
||||
|
||||
<div id="posts-activity">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="pinned-items-modal-wrapper"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="svg-tip" class="svg-tip svg-tip-one-line" style="pointer-events: none; display: none;">
|
||||
</div>
|
||||
{{ end }}
|
||||
@@ -1,82 +1,80 @@
|
||||
{{ define "posts" }}
|
||||
<div class="flex-shrink-0 col-12 col-md-9 mb-4 mb-md-0">
|
||||
<div>
|
||||
<div class="position-relative">
|
||||
<div>
|
||||
{{ if eq .Type "tags" }}
|
||||
<div class="TableObject border-bottom border-gray-light py-3">
|
||||
<div class="user-repo-search-results-summary TableObject-item TableObject-item--primary v-align-top">
|
||||
<strong>{{ len .Pages }}</strong>
|
||||
results
|
||||
for <strong>{{ .Params.title }}</strong>
|
||||
</div>
|
||||
<div class="TableObject-item text-right v-align-top">
|
||||
<a class="issues-reset-query text-normal d-inline-block ml-3" href="/post/">
|
||||
<svg class="octicon octicon-x issues-reset-query-icon mt-1" viewBox="0 0 16 16" version="1.1" width="16"
|
||||
height="16">
|
||||
<path fill-rule="evenodd"
|
||||
d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z">
|
||||
</path>
|
||||
</svg>
|
||||
Clear filter
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<div class="position-relative">
|
||||
<div>
|
||||
{{ if eq .Type "tags" }}
|
||||
<div class="TableObject border-bottom border-gray-light py-3">
|
||||
<div class="user-repo-search-results-summary TableObject-item TableObject-item--primary v-align-top">
|
||||
<strong>{{ len .Pages }}</strong>
|
||||
results
|
||||
for <strong>{{ .Params.title }}</strong>
|
||||
</div>
|
||||
{{ end }}
|
||||
<ul>
|
||||
{{ range .Paginator.Pages }}
|
||||
<li class="col-12 d-flex width-full py-4 border-bottom color-border-secondary public source">
|
||||
<div class="col-10 col-lg-9 d-inline-block">
|
||||
<div class="d-inline-block mb-1">
|
||||
<h3 class="wb-break-all">
|
||||
<a href="{{ .Permalink }}">{{ .Title }}</a>
|
||||
</h3>
|
||||
</div>
|
||||
<div class="TableObject-item text-right v-align-top">
|
||||
<a class="issues-reset-query text-normal d-inline-block ml-3" href="/post/">
|
||||
<svg class="octicon octicon-x issues-reset-query-icon mt-1" viewBox="0 0 16 16" version="1.1" width="16"
|
||||
height="16">
|
||||
<path fill-rule="evenodd"
|
||||
d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z">
|
||||
</path>
|
||||
</svg>
|
||||
Clear filter
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
<ul>
|
||||
{{ range .Paginator.Pages }}
|
||||
<li class="col-12 d-flex width-full py-4 border-bottom color-border-secondary public source">
|
||||
<div class="col-10 col-lg-9 d-inline-block">
|
||||
<div class="d-inline-block mb-1">
|
||||
<h3 class="wb-break-all">
|
||||
<a href="{{ .Permalink }}">{{ .Title }}</a>
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="col-9 d-inline-block text-gray mb-2 pr-4">
|
||||
{{ .Summary | safeHTML }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="f6 text-gray mt-2">
|
||||
{{ with .Params.tags }}
|
||||
{{ range $tag := (first 5 .) }}
|
||||
<a class="muted-link mr-3" href="{{ relURL (print "/tags/" . | urlize) }}">
|
||||
<svg class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="16" height="16">
|
||||
<path fill-rule="evenodd"
|
||||
d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z">
|
||||
</path>
|
||||
</svg>
|
||||
{{ $tag }}
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
Created
|
||||
<relative-time datetime="{{ .PublishDate.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}" class="no-wrap"
|
||||
title="{{ .PublishDate.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}">
|
||||
{{ .PublishDate.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}
|
||||
</relative-time>
|
||||
<div>
|
||||
<div class="col-9 d-inline-block text-gray mb-2 pr-4">
|
||||
{{ .Summary | safeHTML }}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<div class="paginate-container">
|
||||
<div class="BtnGroup">
|
||||
{{ if .Paginator.HasPrev }}
|
||||
<a rel="nofollow" class="btn btn-outline BtnGroup-item" href="{{ .Paginator.Prev.URL }}">Previous</a>
|
||||
{{ else }}
|
||||
<button class="btn btn-outline BtnGroup-item" disabled="disabled">Previous</button>
|
||||
{{ end }}
|
||||
{{ if .Paginator.HasNext }}
|
||||
<a rel="nofollow" class="btn btn-outline BtnGroup-item" href="{{ .Paginator.Next.URL }}">Next</a>
|
||||
{{ else }}
|
||||
<button class="btn btn-outline BtnGroup-item" disabled="disabled">Next</button>
|
||||
{{ end }}
|
||||
|
||||
|
||||
<div class="f6 text-gray mt-2">
|
||||
{{ with .Params.tags }}
|
||||
{{ range $tag := (first 5 .) }}
|
||||
<a class="muted-link mr-3" href="{{ relURL (print "/tags/" . | urlize) }}">
|
||||
<svg class="octicon octicon-tag" viewBox="0 0 16 16" version="1.1" width="16" height="16">
|
||||
<path fill-rule="evenodd"
|
||||
d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z">
|
||||
</path>
|
||||
</svg>
|
||||
{{ $tag }}
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
Created
|
||||
<relative-time datetime="{{ .PublishDate.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}" class="no-wrap"
|
||||
title="{{ .PublishDate.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}">
|
||||
{{ .PublishDate.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}
|
||||
</relative-time>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<div class="paginate-container">
|
||||
<div class="BtnGroup">
|
||||
{{ if .Paginator.HasPrev }}
|
||||
<a rel="nofollow" class="btn btn-outline BtnGroup-item" href="{{ .Paginator.Prev.URL }}">Previous</a>
|
||||
{{ else }}
|
||||
<button class="btn btn-outline BtnGroup-item" disabled="disabled">Previous</button>
|
||||
{{ end }}
|
||||
{{ if .Paginator.HasNext }}
|
||||
<a rel="nofollow" class="btn btn-outline BtnGroup-item" href="{{ .Paginator.Next.URL }}">Next</a>
|
||||
{{ else }}
|
||||
<button class="btn btn-outline BtnGroup-item" disabled="disabled">Next</button>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -117,11 +117,15 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ if .IsHome }}
|
||||
{{ block "overview" . }}{{ end }}
|
||||
{{ else }}
|
||||
{{ block "posts" . }}{{ end }}
|
||||
{{ end }}
|
||||
|
||||
<div class="flex-shrink-0 col-12 col-md-9 mb-4 mb-md-0">
|
||||
{{ partial "mobile-menus.html" . }}
|
||||
{{ if .IsHome }}
|
||||
{{ block "overview" . }}{{ end }}
|
||||
{{ else }}
|
||||
{{ block "posts" . }}{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
||||
@@ -112,13 +112,20 @@ body {
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.mobile-none {
|
||||
display: none!important;
|
||||
.Header {
|
||||
padding-left: 24px!important;
|
||||
padding-right: 24px!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.Header {
|
||||
padding-left: 16px!important;
|
||||
padding-right: 16px!important;
|
||||
}
|
||||
.mobile-none {
|
||||
display: none!important;
|
||||
}
|
||||
.Header-search {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user