├── .gitignore
├── exampleSite
    ├── static
    │   └── .gitkeep
    ├── content
    │   ├── project
    │   │   └── project_sample.md
    │   └── post
    │   │   └── post_sample.md
    └── config.toml
├── images
    ├── tn.png
    └── screenshot.png
├── static
    ├── favicon.ico
    ├── images
    │   ├── logo.png
    │   └── post-title-icon.png
    ├── js
    │   └── custom.js
    └── css
    │   ├── custom.css
    │   └── styles.css
├── archetypes
    └── default.md
├── layouts
    ├── partials
    │   ├── footer.html
    │   ├── pagination.html
    │   ├── header.html
    │   ├── comments.html
    │   └── post.html
    ├── index.html
    ├── _default
    │   ├── list.html
    │   ├── summary.html
    │   └── single.html
    ├── 404.html
    ├── tags
    │   └── terms.html
    └── categories
    │   └── terms.html
├── theme.toml
├── LICENSE.md
└── README.md


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | 


--------------------------------------------------------------------------------
/exampleSite/static/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/images/tn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mogeko/hugo-hello-programmer-theme/master/images/tn.png


--------------------------------------------------------------------------------
/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mogeko/hugo-hello-programmer-theme/master/static/favicon.ico


--------------------------------------------------------------------------------
/images/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mogeko/hugo-hello-programmer-theme/master/images/screenshot.png


--------------------------------------------------------------------------------
/static/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mogeko/hugo-hello-programmer-theme/master/static/images/logo.png


--------------------------------------------------------------------------------
/static/images/post-title-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mogeko/hugo-hello-programmer-theme/master/static/images/post-title-icon.png


--------------------------------------------------------------------------------
/archetypes/default.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: "{{ replace .Name "-" " " | title }}"
3 | date: {{ .Date }}
4 | categories: []
5 | tags: []
6 | draft: true
7 | ---
8 | 
9 | 


--------------------------------------------------------------------------------
/layouts/partials/footer.html:
--------------------------------------------------------------------------------
1 | <footer class="footer">
2 |   COPYRIGHT (C) <a href="https://blog.lulab.net">MOGEKO</a>. ALL RIGHTS RESERVED.
3 | </footer>
4 | 
5 | </body>
6 | </html>
7 | 


--------------------------------------------------------------------------------
/layouts/index.html:
--------------------------------------------------------------------------------
 1 | {{ partial "header.html" . }}
 2 | 
 3 | {{ range .Paginator.Pages }}
 4 |   {{ .Render "summary"}}
 5 |   <hr class="summary-sep" />
 6 | {{ end }}
 7 | 
 8 | {{ partial "pagination.html" . }}
 9 | 
10 | {{ partial "footer.html" . }}
11 | 


--------------------------------------------------------------------------------
/static/js/custom.js:
--------------------------------------------------------------------------------
1 | $(document).ready(function () {
2 |     $(window).scroll(function(){
3 |       $(".top-scroll-bar").attr("style", "width: " + ($(this).scrollTop() / ($(document).height() - $(this).height()) * 100) + "%; display: block;");
4 |     });
5 |   });


--------------------------------------------------------------------------------
/layouts/_default/list.html:
--------------------------------------------------------------------------------
 1 | {{ partial "header.html" . }}
 2 | 
 3 | {{ range .Paginator.Pages }}
 4 |   {{ .Render "summary"}}
 5 |   <hr class="summary-sep" />
 6 | {{ end }}
 7 | 
 8 | {{ partial "pagination.html" . }}
 9 | 
10 | {{ partial "footer.html" . }}
11 | 


--------------------------------------------------------------------------------
/layouts/404.html:
--------------------------------------------------------------------------------
1 | {{ partial "header.html" . }}
2 | <div style="text-align: center;">
3 |   <p>Sorry! It's nobody in here.</p>
4 |   <h1>404 Not Found</h1>
5 |   <p>---</p>
6 |   <p><a href="{{ "/" | relURL }}">Go to home</a></p>
7 | </div>
8 | {{ partial "footer.html" . }}
9 | 


--------------------------------------------------------------------------------
/exampleSite/content/project/project_sample.md:
--------------------------------------------------------------------------------
 1 | +++
 2 | date = "2016-10-19T22:35:00+09:00"
 3 | title = "Project Name"
 4 | description = "Project Description"
 5 | categories = [
 6 |     "project",
 7 | ]
 8 | tags = [
 9 |     "project",
10 |     "tag"
11 | ]
12 | 
13 | +++
14 | 
15 | Write your content.


--------------------------------------------------------------------------------
/exampleSite/content/post/post_sample.md:
--------------------------------------------------------------------------------
 1 | +++
 2 | date = "2016-10-19T23:35:00+09:00"
 3 | title = "Post title"
 4 | description = "Post Description"
 5 | categories = [
 6 |     "programming",
 7 |     "golang",
 8 | ]
 9 | tags = [
10 |     "hugo",
11 |     "theme"
12 | ]
13 | 
14 | +++
15 | 
16 | Write your post.


--------------------------------------------------------------------------------
/exampleSite/config.toml:
--------------------------------------------------------------------------------
 1 | baseurl = "your-site-address"
 2 | title = "your-site-name"
 3 | languageCode = "ko-KR"
 4 | 
 5 | theme = "hugo-hello-programmer-theme"
 6 | themesdir = "../.."
 7 | 
 8 | paginate = 2
 9 | 
10 | disqusShortname = "XXXX"
11 | googleAnalytics = "UA-XXXXXXXX-X"
12 | 
13 | [author]
14 |     name = "your-name"
15 |     email = "your-email"
16 | 


--------------------------------------------------------------------------------
/layouts/partials/pagination.html:
--------------------------------------------------------------------------------
 1 | <div class="paging">
 2 |   {{ if .Paginator.HasPrev }}
 3 |   <a href="{{ .Paginator.Prev.URL }}" rel="prev">
 4 |     <i class="fa fa-caret-left" aria-hidden="true"></i>
 5 |   </a>
 6 |   {{ end }}
 7 |   PAGE {{ .Paginator.PageNumber }} / {{ .Paginator.TotalPages }}
 8 |   {{ if .Paginator.HasNext }}
 9 |   <a href="{{ .Paginator.Next.URL }}" rel="next">
10 |     <i class="fa fa-caret-right" aria-hidden="true"></i>
11 |   </a>
12 |   {{ end }}
13 | </div>


--------------------------------------------------------------------------------
/layouts/_default/summary.html:
--------------------------------------------------------------------------------
 1 | <a href="{{ .Permalink }}">
 2 |   <div class="post-title">
 3 |     <img src="{{ "/images/post-title-icon.png" | relURL }}" />
 4 |     <div class="post-meta">
 5 |       <time>{{ .Date.Format "02 Jan 2006, 15:04" }}</time>
 6 |       <h1>{{ .Title }}</h1>
 7 |     </div>
 8 |   </div>
 9 | </a>
10 | <div class="summary-content">
11 |   {{ .Summary }}
12 |   {{ if .Truncated }}
13 |   <a href="{{ .RelPermalink }}" class="summary-more">READ MORE</a>
14 |   {{ end }}
15 | </div>


--------------------------------------------------------------------------------
/theme.toml:
--------------------------------------------------------------------------------
 1 | # theme.toml template for a Hugo theme
 2 | 
 3 | name = "Hello Programmer"
 4 | license = "MIT"
 5 | licenselink = "https://github.com/lubang/hugo-hello-programmer-theme/blob/master/LICENSE.md"
 6 | description = "Hugo Blog theme for a programmer"
 7 | homepage = "https://github.com/lubang/hugo-hello-programmer-theme/"
 8 | tags = ["blog", "hugo", "lulab", "donggeun", "bang"]
 9 | features = ["blog", "simple", "programmer"]
10 | min_version = 0.15
11 | 
12 | [author]
13 |   name = "DONGGEUN, BANG"
14 |   homepage = "http://blog.lulab.net"
15 | 


--------------------------------------------------------------------------------
/layouts/tags/terms.html:
--------------------------------------------------------------------------------
 1 | {{ partial "header" . }}
 2 | 
 3 | <div class="post-title">
 4 |   <img src="{{ "/images/post-title-icon.png" | relURL }}" />
 5 |   <div class="post-meta">
 6 |     <time>#tags</time>
 7 |     <h1>TAGS</h1>
 8 |   </div>
 9 | </div>
10 | 
11 | <div class="tags">
12 |   {{ $baseurl := .Site.BaseURL }}
13 |   {{ $data := .Data }}
14 |   {{ range $key,$value := .Data.Terms.Alphabetical }}
15 |   <div class="tag">
16 |     <a href="{{ $baseurl }}{{ $data.Plural }}/{{ $value.Name | urlize }}">
17 |       {{ humanize $value.Name }}
18 |     </a>
19 |   </div>
20 |   {{ end }}   
21 | </div>
22 | 
23 | {{ partial "footer" . }}
24 | 


--------------------------------------------------------------------------------
/layouts/_default/single.html:
--------------------------------------------------------------------------------
 1 | {{ partial "header.html" . }}
 2 | 
 3 | {{ partial "post.html" . }}
 4 | 
 5 | <div class="post-comment">
 6 |     <!-- Comments -->
 7 |     {{ partial "comments.html" . }}
 8 | </div>
 9 | 
10 | <div class="paging post-paging">
11 |   {{ if .Prev }}
12 |   <a class="left" href="{{ .Prev.Permalink }}" rel="prev">
13 |     <i class="fa fa-caret-left" aria-hidden="true"></i> <span>{{ .Prev.Title }}</span>
14 |   </a>
15 |   {{ end }}
16 |   {{ if .Next }}
17 |   <a class="right" href="{{ .Next.Permalink }}" rel="next">
18 |     <span>{{ .Next.Title }}</span> <i class="fa fa-caret-right" aria-hidden="true"></i>
19 |   </a>
20 |   {{ end }}
21 | </div>
22 | 
23 | {{ partial "footer.html" . }}
24 | 


--------------------------------------------------------------------------------
/layouts/categories/terms.html:
--------------------------------------------------------------------------------
 1 | {{ partial "header" . }}
 2 | 
 3 | <div class="post-title">
 4 |   <img src="{{ "/images/post-title-icon.png" | relURL }}" />
 5 |   <div class="post-meta">
 6 |     <time>#categories</time>
 7 |     <h1>CATEGORIES</h1>
 8 |   </div>
 9 | </div>
10 | 
11 | <div class="categories">
12 |   <ul>
13 |     {{ $baseurl := .Site.BaseURL }}
14 |     {{ $data := .Data }}
15 |     {{ range $key,$value := .Data.Terms.Alphabetical }}
16 |     <li>
17 |       <a href="{{ $baseurl }}{{ $data.Plural }}/{{ $value.Name | urlize }}">
18 |         <i class="fa fa-angle-right icon" aria-hidden="true"></i>
19 |         {{ humanize $value.Name }}
20 |         <div class="count">{{ $value.Count }} posts</div>
21 |       </a>
22 |     </li>
23 |     {{ end }}
24 |   </ul>  
25 | </div>
26 | 
27 | {{ partial "footer" . }}
28 | 


--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2016 DONGGEUN,BANG
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Hugo Hello Programmer Theme
 2 | 
 3 | Hello Programmer is a simple blog theme.
 4 | 
 5 | ![Hugo Hello Programmer Theme Screenshot](https://github.com/lubang/hugo-hello-programmer-theme/blob/master/images/screenshot.png)
 6 | 
 7 | ## Installation
 8 | 
 9 | Inside the folder of your Hugo site run:
10 | 
11 |     $ cd themes
12 |     $ git clone https://github.com/lubang/hugo-hello-programmer-theme
13 | 
14 | For more information read the official [setup guide](//gohugo.io/overview/installing/) of Hugo.
15 | 
16 | 
17 | ## Config
18 | 
19 | Modify your configuration:
20 | 
21 |     $ vi config.toml
22 | 
23 |     baseurl = "your-site-address"
24 |     title = "your-site-name"
25 |     languageCode = "ko-KR"
26 | 
27 |     theme = "hello-programmer"
28 | 
29 |     paginate = 2
30 | 
31 |     disqusShortname = "XXXX"
32 |     googleAnalytics = "UA-XXXXXXXX-X"
33 | 
34 |     [author]
35 |         name = "your-name"
36 |         email = "your-email"
37 | 
38 | Modify your theme image:
39 | 
40 |     static/images/logo@2X.png
41 |     static/images/post-title-icon.png
42 | 
43 | 
44 | ## License
45 | 
46 | This theme is released under the [MIT License](//github.com/lubang/hugo-hello-programmer-theme/blob/master/LICENSE.md).
47 | 


--------------------------------------------------------------------------------
/static/css/custom.css:
--------------------------------------------------------------------------------
 1 | /* 顶部阅读进度条 */
 2 | .top-scroll-bar {
 3 |     position: fixed;
 4 |     top: 0;
 5 |     left: 0;
 6 |     z-index: 9999;
 7 |     display: none;
 8 |     width: 0;
 9 |     height: 2px;
10 |     background: #00B2A0;
11 | }
12 | 
13 | /* 更好的侧边滚动条 */
14 | ::-webkit-scrollbar {
15 |   width: 10px;
16 |   height: 10px;
17 | }
18 | ::-webkit-scrollbar-button {
19 |   width: 0;
20 |   height: 0;
21 | }
22 | ::-webkit-scrollbar-button:start:increment,::-webkit-scrollbar-button:end:decrement {
23 |   display: none;
24 | }
25 | ::-webkit-scrollbar-corner {
26 |   display: block;
27 | }
28 | ::-webkit-scrollbar-thumb {
29 |   border-radius: 8px;
30 |   background-color: rgba(0,0,0,.2);
31 | }
32 | ::-webkit-scrollbar-thumb:hover {
33 |   border-radius: 8px;
34 |   background-color: rgba(0,0,0,.5);
35 | }
36 | ::-webkit-scrollbar-track,::-webkit-scrollbar-thumb {
37 |   border-right: 1px solid transparent;
38 |   border-left: 1px solid transparent;
39 | }
40 | ::-webkit-scrollbar-track:hover {
41 |   background-color: rgba(0,0,0,.15);
42 | }
43 | ::-webkit-scrollbar-button:start {
44 |   width: 10px;
45 |   height: 10px;
46 |   background: url(../images/scrollbar_arrow.png) no-repeat 0 0;
47 | }
48 | ::-webkit-scrollbar-button:start:hover {
49 |   background: url(../images/scrollbar_arrow.png) no-repeat -15px 0;
50 | }
51 | ::-webkit-scrollbar-button:start:active {
52 |   background: url(../images/scrollbar_arrow.png) no-repeat -30px 0;
53 | }
54 | ::-webkit-scrollbar-button:end {
55 |   width: 10px;
56 |   height: 10px;
57 |   background: url(../images/scrollbar_arrow.png) no-repeat 0 -18px;
58 | }
59 | ::-webkit-scrollbar-button:end:hover {
60 |   background: url(../images/scrollbar_arrow.png) no-repeat -15px -18px;
61 | }
62 | ::-webkit-scrollbar-button:end:active {
63 |   background: url(../images/scrollbar_arrow.png) no-repeat -30px -18px;
64 | }


--------------------------------------------------------------------------------
/layouts/partials/header.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |   {{ if .Site.GoogleAnalytics }}
 6 |   <script async src="https://www.googletagmanager.com/gtag/js?id={{ .Site.GoogleAnalytics }}"></script>
 7 |   <script>
 8 |     window.dataLayer = window.dataLayer || [];
 9 |     function gtag(){dataLayer.push(arguments);}
10 |     gtag('js', new Date());
11 |   
12 |     gtag('config', '{{ .Site.GoogleAnalytics }}');
13 |   </script>
14 |   {{ end }}
15 | 
16 |   <meta http-equiv="content-type" content="text/html; charset=utf-8">
17 |   <title>{{ .Title }} {{ if ne .Title .Site.Title }} &middot; {{ .Site.Title }}{{ end }}</title>
18 |   <link rel="icon" href="{{ "/favicon.ico" | relURL }}" type="image/x-icon">
19 |   <link rel="canonical" href="{{ .Permalink }}">
20 |   {{ if .RSSLink }}
21 |   <link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Title }}" />
22 |   {{ end }}
23 |   <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
24 |   <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/dracula.min.css">
25 |   <link rel="stylesheet" href="{{ "/css/styles.css" | relURL }}">
26 |   <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
27 |   <script>hljs.initHighlightingOnLoad();</script>
28 |   <!-- top-scroll-bar -->
29 |   <link rel="stylesheet" href="{{ "/css/custom.css" | relURL }}">
30 |   <script src="{{ "/js/jquery.js" | relURL }}"></script>
31 |   <script src="{{ "/js/custom.js" | relURL }}"></script>
32 | 
33 | </head>
34 | 
35 | <body>
36 |   <div class="top-scroll-bar"></div>
37 |   <div class="navbar">
38 |     <ul>
39 |       <li><a href="{{ "/" | relURL }}" class="logo-title">HELLO,WORLD!</a></li>
40 |       <li><a href="{{ "/categories" | relURL }}">CATEGORIES</a></li>
41 |       <li><a href="{{ "/tags" | relURL }}">TAGS</a></li>
42 |     </ul>
43 |   </div>
44 |   <div class="container">
45 |     <div class="title">
46 |       <a href="{{ "/" | relURL }}">
47 |         <img src="{{ "/images/logo.png" | relURL }}" width="260px" height="48px" />
48 |       </a>
49 |     </div>
50 | 


--------------------------------------------------------------------------------
/layouts/partials/comments.html:
--------------------------------------------------------------------------------
 1 |   <!-- gitment -->
 2 |   {{- if .Site.Params.gitment.owner -}}
 3 |     <div class="post bg-white">
 4 |       <div id="comments-gitment"></div>
 5 |       {{ if .Site.Params.publicCDN.enable -}}
 6 |         {{ .Site.Params.publicCDN.gitmentCSS | safeHTML }}
 7 |         {{ .Site.Params.publicCDN.gitmentJS | safeHTML }}
 8 |       {{- else -}}
 9 |         <link rel="stylesheet" href="{{ "lib/gitment/gitment-0.0.3.min.css" | relURL }}">
10 |         <script src="{{ "lib/gitment/gitment-0.0.3.min.js" | relURL }}"></script>
11 |       {{- end }}
12 |       <script type="text/javascript">
13 |       const gitment = new Gitment({
14 |         id: '{{ .File.LogicalName }}',
15 |         title: '{{ .Title }}',
16 |         link: decodeURI(location.href),
17 |         desc: '{{ .Summary }}',
18 |         owner: '{{ .Site.Params.gitment.owner }}',
19 |         repo: '{{ .Site.Params.gitment.repo }}',
20 |         oauth: {
21 |           client_id: '{{ .Site.Params.gitment.clientId }}',
22 |           client_secret: '{{ .Site.Params.gitment.clientSecret }}'
23 |         }
24 |       })
25 |       gitment.render('comments-gitment')
26 |       </script>
27 |       <noscript>Please enable JavaScript to view the <a href="https://github.com/imsun/gitment">comments powered by gitment.</a></noscript>
28 |     </div>
29 |   {{- end }}
30 | 
31 | <!-- gitalk -->
32 | {{- if .Site.Params.gitalk.owner -}}
33 | <div id="gitalk-container"></div>
34 | <link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
35 | <script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>
36 |   <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.js"></script>
37 |   <script type="text/javascript">
38 |     const gitalk = new Gitalk({
39 |       clientID: '{{.Site.Params.gitalk.clientID}}',
40 |       clientSecret: '{{.Site.Params.gitalk.clientSecret}}',
41 |       repo: '{{.Site.Params.gitalk.repo}}',
42 |       owner: '{{.Site.Params.gitalk.owner}}',
43 |       admin: '{{.Site.Params.gitalk.admin}}'.split(','),
44 |       pagerDirection: '{{.Site.Params.gitalk.pagerDirection}}',
45 |       id: md5(window.location.pathname),
46 |       // facebook-like distraction free mode
47 |       distractionFreeMode: false
48 |     })
49 |     gitalk.render('gitalk-container')
50 |   </script>
51 | {{- end }}


--------------------------------------------------------------------------------
/layouts/partials/post.html:
--------------------------------------------------------------------------------
 1 | <a href="{{ .Permalink }}">
 2 |   <div class="post-title">
 3 |     <img src="{{ "/images/post-title-icon.png" | relURL }}" />
 4 |     <div class="post-meta">
 5 |       <time>{{ .Date.Format "02 Jan 2006, 15:04" }}</time>
 6 |       <h1>{{ .Title }}</h1>
 7 |     </div>
 8 |   </div>
 9 | </a>
10 | 
11 | {{ if or .Params.toc (and .Site.Params.toc (ne .Params.toc false)) }}
12 | <div class="post-toc">
13 |   <span class="title">
14 |     Table of contents
15 |   </span>
16 |   {{ .TableOfContents }}
17 | </div>
18 | {{ end }}
19 | 
20 | <section class="post-content">
21 |   {{ .Content }}
22 | </section>
23 | 
24 | <div class="share">
25 |   <a href="http://www.facebook.com/sharer.php?src=bm&u={{ .Permalink }}&t={{ .Title }}" onclick="window.open(this.href, 'PCwindow', 'width=550, height=350, menubar=no, toolbar=no, scrollbars=yes'); return false;"><i class="fa fa-facebook"></i></a>
26 |   <a href="http://twitter.com/intent/tweet?url={{ .Permalink }}&text={{ .Title }}&tw_p=tweetbutton" onclick="window.open(this.href, 'PCwindow', 'width=550, height=350, menubar=no, toolbar=no, scrollbars=yes'); return false;"><i class="fa fa-twitter"></i></a>
27 |   <a href="https://plus.google.com/share?url={{ .Permalink }}" onclick="window.open(this.href, 'PCwindow', 'width=550, height=350, menubar=no, toolbar=no, scrollbars=yes'); return false;"><i class="fa fa-google-plus"></i></a>
28 |   <a href="http://getpocket.com/edit?url={{ .Permalink }}&title={{ .Title }}" onclick="window.open(this.href, 'PCwindow', 'width=550, height=350, menubar=no, toolbar=no, scrollbars=yes'); return false;"><i class="fa fa-get-pocket"></i></a>
29 | </div>
30 | 
31 | <div class="post-meta-code">
32 |   <div class="desc">
33 |     public string description() {
34 |     <div class="desc">val author = "
35 |     {{ with .Params.author }}
36 |         {{ . }}
37 |     {{ else }}
38 |         <a href="mailto:{{ .Site.Author.email }}">{{ .Site.Author.name }}</a>
39 |     {{ end }}";
40 |     </div>
41 |     {{ if isset .Params "categories" }}
42 |     <div class="desc">
43 |       val categories = [
44 |       {{ $baseUrl := .Site.BaseURL }}
45 |       {{ range .Params.categories }}
46 |       <a href="{{ $baseUrl }}/categories/{{ . | urlize }}">"{{ . }}"</a>
47 |       {{ end }}
48 |       ];
49 |     </div>
50 |     {{ end }}
51 |     }
52 |   </div>
53 |   <div class="desc">
54 |     public string tags() {
55 |       <div class="desc">
56 |         val tags = [
57 |         {{ with .Params.tags }}
58 |           {{ range . }}
59 |           <a href="{{ $.Site.BaseURL}}tags/{{ . | urlize }}">"{{ . }}"</a>
60 |           {{ end }}
61 |         {{ end }}
62 |         ];
63 |       </div>
64 |     }
65 |   </div>
66 | </div>
67 | 


--------------------------------------------------------------------------------
/static/css/styles.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | * HELLO-PROGRAMMER Theme CSS
  3 | */
  4 | @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
  5 | 
  6 | * {
  7 |   font-family: 'Nanum Gothic', 'Sans-serif';
  8 | }
  9 | 
 10 | html, body, h1, h2, h3, h4, h5 {
 11 |   margin: 0;
 12 |   padding: 0;
 13 | }
 14 | 
 15 | h1 {
 16 |   font-size: 27px;
 17 |   margin-top: 50px;
 18 |   margin-bottom: 10px;
 19 | }
 20 | 
 21 | h2 {
 22 |   font-size: 24px;
 23 |   margin-top: 50px;
 24 |   margin-bottom: 10px;
 25 | }
 26 | 
 27 | h3 {
 28 |   font-size: 21px;
 29 |   margin-top: 50px;
 30 |   margin-bottom: 10px;
 31 | }
 32 | 
 33 | h4 {
 34 |   font-size: 18px;
 35 |   margin-top: 50px;
 36 |   margin-bottom: 10px;
 37 | }
 38 | 
 39 | h5 {
 40 |   font-size: 15px;
 41 |   margin-top: 50px;
 42 |   margin-bottom: 10px;
 43 | }
 44 | 
 45 | a, a:visited {
 46 |   color: #00B2A0;
 47 |   text-decoration: none;
 48 | }
 49 | 
 50 | code {
 51 |   background-color: #F5F5F5;
 52 |   border-radius: 3px;
 53 |   padding: 3px;
 54 | }
 55 | 
 56 | blockquote {
 57 |   border-left: 7px solid #F5F5F5;
 58 |   padding-left: 10px;
 59 | }
 60 | 
 61 | dt {
 62 |   font-weight: bold;
 63 | }
 64 | 
 65 | img {
 66 |   max-width: 100%;
 67 | }
 68 | 
 69 | .seperator {
 70 |   clear: left;
 71 |   color: #717171;
 72 |   text-align: center;
 73 |   padding: 45px;
 74 | }
 75 | 
 76 | 
 77 | /*
 78 | * navbar
 79 | */
 80 | 
 81 | .navbar {
 82 |   position: absolute;
 83 |   top: 0;
 84 |   width: 100%;
 85 |   background: #4A4A4A;
 86 | }
 87 | 
 88 | .navbar ul {
 89 |   list-style-type: none;
 90 |   padding: 10px;
 91 |   margin: 0;
 92 | }
 93 | 
 94 | .navbar li {
 95 |   display: inline-block;
 96 |   padding: 0px 8px 0px 8px;
 97 |   letter-spacing: 1.5px;
 98 |   font-size: 12px;
 99 |   font-weight: bolder;
100 | }
101 | 
102 | .navbar li a {
103 |   color: #FFFFFF;
104 |   text-decoration: none;
105 | }
106 | 
107 | .navbar li a:hover {
108 |   color: #00B2A0;
109 | }
110 | 
111 | .navbar .logo-title {
112 |   font-weight: bold;
113 |   color: #cccccc;
114 |   padding-right: 10px;
115 | }
116 | 
117 | /*
118 | * container
119 | */
120 | 
121 | .container {
122 |   margin: auto;
123 |   max-width: 800px;
124 |   padding: 40px 30px 15px 30px;
125 |   font-size: 16px;
126 |   line-height: 1.65em;
127 |   color: #333e4c;
128 | }
129 | 
130 | .container .title {
131 |   text-align: center;
132 |   padding: 50px 0px 80px 0px;
133 | }
134 | 
135 | .post-list-item {
136 |   margin: 14px 0px 14px 0px;
137 | }
138 | 
139 | /*
140 | * summary
141 | */
142 | 
143 | .summary-sep {
144 |   border: 0;
145 |   height: 0;
146 |   border-top: 1px solid rgba(0, 0, 0, 0.1);
147 |   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
148 |   margin: 60px 0px 40px 0px;
149 | }
150 | 
151 | .summary-content {
152 |   color: #717171;
153 |   line-height: 1.6em;
154 | }
155 | 
156 | .summary-more, .summary-more:visited {
157 |   padding: 1px 5px 1px 5px;
158 |   border-radius: 5px;
159 |   background-color: #00B2A0;
160 |   font-size: 0.75em;
161 |   color: white;
162 | }
163 | 
164 | /*
165 | * Post
166 | */
167 | 
168 | .post-title a {
169 |   text-decoration: none;
170 | }
171 | 
172 | .post-title img {
173 |   float: left;
174 |   padding-top: 5px;
175 |   margin-right: 10px;
176 | }
177 | 
178 | .post-meta, .post-meta a, .post-meta a:visited {
179 |   display: block;
180 |   color: #4A4A4A;
181 |   font-size: 14px;
182 |   line-height: 1.7em;
183 | }
184 | 
185 | .post-meta h1 {
186 |   color: #00B2A0;
187 |   margin-top: 0px;
188 |   margin-bottom: 30px;
189 |   line-height: 1.2em;
190 | }
191 | 
192 | .post-meta time {
193 |   margin-bottom: 0px;
194 | }
195 | 
196 | .post-toc {
197 |   float: right;
198 |   margin-left: 20px;
199 |   padding: 20px 25px 20px 25px;
200 |   background-color: #f5f5f5;
201 |   font-size: .8rem;
202 |   line-height: 1.8em;
203 | }
204 | 
205 | .post-toc a, .post-toc a:visited {
206 |   color: #4A4A4A;
207 | }
208 | 
209 | .post-toc .title {
210 |   font-size: .8rem;
211 |   font-weight: bold;
212 |   padding: 10px 10px 10px 0px;
213 | }
214 | 
215 | .post-toc ul {
216 |   padding-left: 20px;
217 | }
218 | 
219 | .post-content {
220 |   margin-top: 20px;
221 | }
222 | 
223 | .post-content hr {
224 |   border: 0;
225 |   height: 0;
226 |   border-top: 1px solid rgba(0, 0, 0, 0.1);
227 |   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
228 |   margin: 60px 0px 40px 0px;
229 | }
230 | 
231 | .post-content img {
232 |   max-width: 100%;
233 | }
234 | 
235 | .post-meta-code {
236 |   background-color: #f5f5f5;
237 |   padding: 10px;
238 |   color: #A0A0A0;
239 |   font-size: 12px;
240 |   font-weight: 100;
241 |   line-height: 1.6em;
242 | }
243 | 
244 | .post-meta-code a, .post-meta-code a:visited {
245 |   color: #A0A0A0;
246 |   font-weight: 400;
247 | }
248 | 
249 | .post-meta-code .desc {
250 |   padding-left: 10px;
251 | }
252 | 
253 | .share {
254 |   margin: 2rem;
255 |   text-align: center;
256 | }
257 | 
258 | .share a {
259 |   display: inline-block;
260 |   width: 2.4rem;
261 |   line-height: 2.4rem;
262 |   font-size: 1.2rem;
263 |   color: #A0A0A0;
264 |   border-radius: 100%;
265 |   border: 1px solid #ccc;
266 |   margin: 0 .5rem;
267 | }
268 | 
269 | .share a:hover {
270 |   color: #00B2A0;
271 | }
272 | 
273 | .post-comment {
274 |   margin: 30px 0px 20px 0px;
275 | }
276 | 
277 | /*
278 | * Pagination
279 | */
280 | 
281 | .paging {
282 |   margin: 20px 0px 15px 0px;
283 |   color: #00B2A0;
284 |   font-size: 1.4rem;
285 |   text-align: center;
286 | }
287 | 
288 | .paging a, a:visited {
289 |   margin: 0px;
290 | }
291 | 
292 | .paging a, span {
293 |   font-size: 1.1rem;
294 | }
295 | 
296 | .paging .left {
297 |   float: left;
298 | }
299 | 
300 | .paging .right {
301 |   float: right;
302 | }
303 | 
304 | .post-paging {
305 |   margin-top: 15px;
306 |   height: 40px;
307 | }
308 | 
309 | /*
310 | * footer
311 | */
312 | 
313 | .footer {
314 |   padding-top: 5px;
315 |   font-size: 11px;
316 |   color: #C7C7C7;
317 |   text-align: center;
318 | }
319 | 
320 | .footer a {
321 |   color: #C7C7C7;
322 | }
323 | 
324 | /*
325 | * Categories
326 | */
327 | .categories {
328 |   padding: 0px 10px 0px 10px;
329 |   font-size: 1.2rem;
330 | }
331 | 
332 | .categories ul {
333 |   list-style-type: none;
334 |   margin: 0px;
335 | }
336 | 
337 | .categories li {
338 |   padding: 10px;
339 | }
340 | 
341 | .categories li:hover {
342 |   background-color: #e3e3e3;
343 | }
344 | 
345 | .categories .icon {
346 |   margin-right: 15px;
347 | }
348 | 
349 | .categories .count {
350 |   float: right;
351 | }
352 | 
353 | /*
354 | * Tags
355 | */
356 | .tags {
357 |   padding: 0px 30px 30px 30px;
358 | }
359 | 
360 | .tags .tag {
361 |   display: inline-block;
362 |   margin: 5px;
363 |   padding: 5px 10px 5px 10px;
364 |   border: 1px dashed #dddddd;
365 |   border-radius: 5px;
366 | }
367 | 
368 | .tags .tag:hover {
369 |   background-color: #eeeeee;
370 | }
371 | 
372 | /*
373 | * Projects
374 | */
375 | .project {
376 |   padding: 0px 5% 0px 5%;
377 | }
378 | 
379 | .project .item {
380 |   margin: 10px;
381 |   float: left;
382 |   -moz-border-radius: 5px;
383 |   -webkit-border-radius: 5px;
384 |   border-radius: 5px;
385 |   border: 1px solid #b3b3b3;
386 |   width: 280px;
387 |   height: 280px;
388 | }
389 | 
390 | .project .item h1 {
391 |   margin: 0;
392 |   padding: 10px;
393 | }
394 | 
395 | .project .item description {
396 |   padding: 0px 10px 0px 10px;
397 |   float: right;
398 |   color: #717171;
399 | }


--------------------------------------------------------------------------------