├── .gitignore ├── layouts ├── shortcodes │ ├── clear.html │ ├── twitter.html │ └── img.html ├── partials │ ├── pagination.html │ ├── meta.html │ ├── share.html │ ├── single_meta.html │ ├── single_json_ld.html │ └── styles.css ├── 404.html └── _default │ ├── list.html │ ├── terms.html │ ├── single.html │ ├── li_sm.html │ ├── li.html │ ├── summary.html │ └── baseof.html ├── images ├── tn.png ├── .DS_Store ├── amp-valid.png ├── responsive.png ├── screenshot.png ├── taxonomy.png └── include-images.png ├── static └── images │ └── default.jpg ├── theme.toml ├── LICENSE.md └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | public/ 2 | -------------------------------------------------------------------------------- /layouts/shortcodes/clear.html: -------------------------------------------------------------------------------- 1 |
2 | -------------------------------------------------------------------------------- /images/tn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dim0627/hugo_theme_aglaus/HEAD/images/tn.png -------------------------------------------------------------------------------- /images/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dim0627/hugo_theme_aglaus/HEAD/images/.DS_Store -------------------------------------------------------------------------------- /images/amp-valid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dim0627/hugo_theme_aglaus/HEAD/images/amp-valid.png -------------------------------------------------------------------------------- /images/responsive.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dim0627/hugo_theme_aglaus/HEAD/images/responsive.png -------------------------------------------------------------------------------- /images/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dim0627/hugo_theme_aglaus/HEAD/images/screenshot.png -------------------------------------------------------------------------------- /images/taxonomy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dim0627/hugo_theme_aglaus/HEAD/images/taxonomy.png -------------------------------------------------------------------------------- /images/include-images.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dim0627/hugo_theme_aglaus/HEAD/images/include-images.png -------------------------------------------------------------------------------- /static/images/default.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dim0627/hugo_theme_aglaus/HEAD/static/images/default.jpg -------------------------------------------------------------------------------- /layouts/shortcodes/twitter.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /layouts/partials/pagination.html: -------------------------------------------------------------------------------- 1 | {{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }} 2 | 10 | {{ end }} 11 | -------------------------------------------------------------------------------- /layouts/404.html: -------------------------------------------------------------------------------- 1 | {{ define "title" }}{{ .Title }} - {{ end }} 2 | 3 | {{ define "main" }} 4 |
5 |
6 |

{{ .Title }}

7 |

You are looking for articles could not be found.

8 |
9 | 10 | 13 |
14 | {{ end }} 15 | 16 | -------------------------------------------------------------------------------- /layouts/_default/list.html: -------------------------------------------------------------------------------- 1 | {{ define "title" }}{{ if not .IsHome }}{{ .Title }} - {{ end }}{{ end }} 2 | 3 | {{ define "main" }} 4 |
5 | {{ if not .IsHome }} 6 |
7 |

{{ .Title }}

8 |
9 | {{ end }} 10 | 11 | 14 |
15 | 16 | {{ partial "pagination.html" . }} 17 | {{ end }} 18 | 19 | -------------------------------------------------------------------------------- /theme.toml: -------------------------------------------------------------------------------- 1 | name = "Aglaus" 2 | license = "MIT" 3 | licenselink = "https://github.com/dim0627/hugo_theme_aglaus/blob/master/LICENSE.md" 4 | description = "Theme for Hugo that supports the Accelerated Mobile Pages Project(AMP)." 5 | homepage = "https://github.com/dim0627/hugo_theme_aglaus" 6 | tags = ["blog", "amp"] 7 | features = ["amp", "responsive", "seo", "thumbnail", "share button", "structured data", "ogp", "twitter cards"] 8 | min_version = 0.42.2 9 | 10 | [author] 11 | name = "Daisuke Tsuji" 12 | homepage = "https://yet.unresolved.xyz/" 13 | 14 | -------------------------------------------------------------------------------- /layouts/shortcodes/img.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{ if .Get "caption" }} 4 |
5 | {{ if .Get "href" }} 6 | {{ .Get "caption" }} 7 | {{ else }} 8 | {{ .Get "caption" }} 9 | {{ end }} 10 |
11 | {{ end }} 12 | 13 | -------------------------------------------------------------------------------- /layouts/partials/meta.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{ with .Site.Params.contact }}{{ end }} 6 | {{ .Hugo.Generator }} 7 | 8 | 9 | {{ with .RSSLink }}{{ end }} 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /layouts/_default/terms.html: -------------------------------------------------------------------------------- 1 | {{ define "title" }}{{ .Title }} - {{ end }} 2 | 3 | {{ define "main" }} 4 |
5 |
6 |

{{ .Title }}

7 |
8 | 9 | 19 |
20 | {{ end }} 21 | 22 | -------------------------------------------------------------------------------- /layouts/_default/single.html: -------------------------------------------------------------------------------- 1 | {{ define "title" }}{{ .Title }} - {{ end }} 2 | 3 | {{ define "meta" }} 4 | {{ partial "single_meta.html" . }} 5 | {{ partial "single_json_ld.html" . }} 6 | {{ end }} 7 | 8 | {{ define "main" }} 9 |
10 | {{ .Render "summary" }} 11 | 12 | {{ $recent_articles := (where (where .Site.RegularPages ".Source.Path" "!=" .Source.Path) "IsPage" true) }} 13 | {{ if ne 0 (len $recent_articles) }} 14 |
15 |
Latests
16 |
    17 | {{ range first ($.Site.Params.latestSize | default 3) $recent_articles }}
  • {{ .Render "li_sm" }}
    • {{ end }} 18 |
19 |
20 | {{ end }} 21 |
22 | 23 | {{ end }} 24 | -------------------------------------------------------------------------------- /layouts/partials/share.html: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /layouts/_default/li_sm.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 |
5 |
6 |

{{ .Title }}

7 |
    8 |
    • 9 | {{ with .Section }}
  • {{ . }}
    • {{ end }} 10 | {{ if eq (getenv "HUGO_ENV") "DEV" }} 11 |
  • {{ .WordCount }} Words
    • 12 | {{ if .IsDraft }}
  • DRAFT
    • {{ end }} 13 | {{ end }} 14 |
15 |
16 |
17 |
18 |
19 | -------------------------------------------------------------------------------- /layouts/_default/li.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 |
5 |
6 |

{{ .Title }}

7 |
    8 |
    • 9 | {{ with .Section }}
  • {{ . }}
    • {{ end }} 10 | {{ if eq (getenv "HUGO_ENV") "DEV" }} 11 |
  • {{ .WordCount }} Words
    • 12 | {{ if .IsDraft }}
  • DRAFT
    • {{ end }} 13 | {{ end }} 14 |
15 |
16 |
17 |
18 |
{{ .Summary }}
19 | 20 |
21 | -------------------------------------------------------------------------------- /layouts/partials/single_meta.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /layouts/partials/single_json_ld.html: -------------------------------------------------------------------------------- 1 | 35 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 Daisuke Tsuji 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of 6 | this software and associated documentation files (the "Software"), to deal in 7 | the Software without restriction, including without limitation the rights to 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of 9 | the Software, and to permit persons to whom the Software is furnished to do so, 10 | 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, FITNESS 17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR 18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER 19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN 20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 21 | -------------------------------------------------------------------------------- /layouts/_default/summary.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 |
5 |
6 |

{{ .Title }}

7 |
    8 |
    • 9 | {{ with .Section }}
  • {{ . }}
    • {{ end }} 10 | {{ if eq (getenv "HUGO_ENV") "DEV" }} 11 |
  • {{ .WordCount }} Words
    • 12 | {{ if .IsDraft }}
  • DRAFT
    • {{ end }} 13 | {{ end }} 14 |
15 |
16 |
17 |
18 | 19 | {{ partial "share.html" . }} 20 | 21 |
{{ .Content }}
22 | 23 | {{ partial "share.html" . }} 24 | 25 |
26 |
27 |
    28 |
  1. {{ .Site.Title }}
    2. 29 | {{ with .Section }} 30 |
    3. 31 | {{ end }} 32 |
  3. {{ .Title }}
    4. 33 |
34 | 35 | {{ $params := .Params }} 36 | {{ range $key, $value := $.Site.Taxonomies }} 37 | {{ if isset $params $key }} 38 |
    39 |
  • 40 |
    {{ $key }}
    41 |
      42 | {{ range (index $params $key) }} 43 |
    • {{ . }}
      • 44 | {{ end }} 45 |
    46 |
    • 47 |
48 | {{ end }} 49 | {{ end }} 50 |
51 |
52 |
53 | 54 | -------------------------------------------------------------------------------- /layouts/_default/baseof.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{ partial "meta.html" . }} 5 | {{ with .Site.Params.googlefonts }} 6 | 7 | {{ else }} 8 | 9 | {{ end }} 10 | {{ block "title" . }}{{ end }}{{ .Site.Title }} 11 | 12 | 13 | {{ if .Site.GoogleAnalytics }}{{ end }} 14 | {{ with .Site.Params.ampscripts }}{{ . | safeHTML }}{{ end }} 15 | {{ block "meta" . }}{{ end }} 16 | 21 | 22 | 23 | 24 | {{ if ne (getenv "HUGO_ENV") "DEV" }} 25 | {{ with .Site.GoogleAnalytics }} 26 | 27 | 40 | 41 | {{ end }} 42 | {{ end }} 43 | 44 |
45 |
46 | 49 |
50 |
51 | 52 |
53 | {{ block "main" . }}{{ end }} 54 |
55 | 56 | {{ block "footer_before" . }}{{ end }} 57 | 58 | 67 | 68 | 69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ``` 2 | This theme is no longer maintained. 3 | ``` 4 | 5 | 6 | # What is this. 7 | 8 | This is the theme for Hugo that supports the [Accelerated Mobile Pages Project](https://www.ampproject.org/). 9 | 10 | [Hugo :: A fast and modern static website engine](https://gohugo.io/) 11 | 12 | ## PC View 13 | 14 | ![screenshot](https://raw.githubusercontent.com/dim0627/hugo_theme_aglaus/master/images/screenshot.png) 15 | 16 | ## SP View(Responsive) 17 | 18 | ![screenshot](https://raw.githubusercontent.com/dim0627/hugo_theme_aglaus/master/images/responsive.png) 19 | 20 | ## Article footer 21 | 22 | ![screenshot](https://raw.githubusercontent.com/dim0627/hugo_theme_aglaus/master/images/taxonomy.png) 23 | 24 | ## AMP supported 25 | 26 | ![screenshot](https://raw.githubusercontent.com/dim0627/hugo_theme_aglaus/master/images/amp-valid.png) 27 | 28 | # Features 29 | 30 | * [Accelerated Mobile Pages Project](https://www.ampproject.org/) a.k.a AMP supported 31 | * Responsive design 32 | * Google Analytics 33 | * Thumbnail 34 | * High score by Google Page Speed Insight. 35 | * Share button 36 | * Structured data(Article and Breadcrumb) 37 | * Twitter cards 38 | * OGP 39 | * Specializing in SEO 40 | 41 | ## Installation 42 | 43 | ``` 44 | $ cd themes 45 | $ git clone https://github.com/dim0627/hugo_theme_aglaus.git 46 | ``` 47 | 48 | [Hugo \- Installing Hugo](http://gohugo.io/overview/installing/) 49 | 50 | # `config.toml` example 51 | 52 | ``` 53 | baseurl = "https://example.com/" 54 | title = "SiteTitle" 55 | 56 | googleAnalytics = "UA-XXXXXXXX-XX" # Optional 57 | 58 | [params] 59 | dateformat = "Jan 2, 2006" # Optional 60 | latestSize = 4 # Optional 61 | ampscripts = """ # Optional, scripts for AMP. 62 | 63 | 64 | 65 | """ 66 | ``` 67 | 68 | # Frontmatter example 69 | 70 | ``` 71 | +++ 72 | date = "2016-09-28T17:00:00+09:00" 73 | title = "Article title here" 74 | thumbnail = "images/thumbnail.jpg" # Optional, referenced at `$HUGO_ROOT/static/images/thumbnail.jpg` 75 | +++ 76 | ``` 77 | 78 | # Shortcodes 79 | 80 | ## Iframe 81 | 82 | ``` 83 | {{% iframe src="https://www.youtube.com/embed/XXXXXXX" w="560" h="315" %}} 84 | ``` 85 | 86 | ## Image 87 | 88 | ``` 89 | {{% img src="images/image.jpg" w="600" h="400" %}} 90 | {{% img src="images/image.jpg" w="600" h="400" class="right" %}} 91 | {{% img src="images/image.jpg" w="600" h="400" class="left" %}} 92 | {{% img src="images/image.jpg" w="600" h="400" caption="Referenced from wikipedia." href="https://en.wikipedia.org/wiki/Lorem_ipsum" %}} 93 | ``` 94 | 95 | ![screenshot](https://raw.githubusercontent.com/dim0627/hugo_theme_aglaus/master/images/include-images.png) 96 | 97 | ## Clear 98 | 99 | Break float. 100 | 101 | ``` 102 | {{% img src="images/image.jpg" w="600" h="400" class="right" %}} 103 | 104 | brabrabra # Displayed left of the image. 105 | 106 | {{% clear %}} 107 | 108 | brabrabra # Displayed below of the image. 109 | ``` 110 | 111 | ## Twitter 112 | 113 | ``` 114 | {{% twitter tweetid="780599416621297xxx" %}} 115 | ``` 116 | 117 | # Development mode 118 | 119 | Supported development mode. 120 | 121 | ``` 122 | env HUGO_ENV="DEV" hugo server --watch --buildDrafts=true --buildFuture=true -t aglaus 123 | ``` 124 | 125 | This mode is 126 | 127 | * Not show Google Analytics tags. 128 | * Show `IsDraft`. 129 | * Show `WordCount`. 130 | 131 | And set `{{ if ne (getenv "HUGO_ENV") "DEV" }} Set elements here. {{ end }}` if you want to place only in a production environment. 132 | 133 | # Colorscheme 134 | 135 | * [Material Design Colors, Material Colors, Color Palette \| Material UI](https://www.materialui.co/colors) 136 | 137 | -------------------------------------------------------------------------------- /layouts/partials/styles.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-size: 18px; 3 | } 4 | 5 | @media (max-width: 768px) { 6 | html { 7 | font-size: 15px; 8 | } 9 | } 10 | 11 | body { 12 | font-family: Lato,'Hiragino Kaku Gothic Pro',メイリオ,Meiryo,sans-serif; 13 | font-size: inherit; 14 | margin: 0; 15 | color: #263238; 16 | } 17 | 18 | html, body { 19 | margin: 0; 20 | } 21 | 22 | a { 23 | text-decoration: none; 24 | color: #e91e63; 25 | } 26 | 27 | p { 28 | margin: 0; 29 | } 30 | 31 | ul,ol { 32 | margin: 0; 33 | padding: 0; 34 | } 35 | 36 | h1, h2, h3, h4, h5, h6 { 37 | margin: 0; 38 | font-weight: 700; 39 | } 40 | 41 | h1 { font-size: 1.8rem; line-height: 2rem; margin: 1.5rem 0; } 42 | h2 { font-size: 1.4rem; line-height: 2rem; margin: 1.5rem 0; } 43 | h3 { font-size: 1.2rem; line-height: 1.5rem; margin: 1.5rem 0; } 44 | h4, h5, h6 { font-size: 1rem; line-height: 1.5rem; margin: 1.5rem 0; } 45 | 46 | .clearfix::after { 47 | content: ''; 48 | display: block; 49 | clear: both; 50 | } 51 | 52 | main { 53 | display: block; 54 | } 55 | 56 | /* Layouts */ 57 | .l-header { 58 | padding: .5rem 0; 59 | margin-bottom: 2rem; 60 | border-bottom: 1px dashed #cfd8dc; 61 | text-align: center; 62 | } 63 | 64 | .l-footer { 65 | font-size: .8rem; 66 | padding: 1rem 0; 67 | border-top: 1px dashed #cfd8dc; 68 | } 69 | 70 | .l-container { 71 | max-width: 42rem; 72 | margin: 0 auto; 73 | padding: 0 1rem; 74 | } 75 | 76 | /* Parts:logo */ 77 | .p-logo { 78 | font-family: Lobster, cursive; 79 | } 80 | 81 | .p-logo a { 82 | color: #000; 83 | font-size: 1.6rem; 84 | line-height: 2rem; 85 | } 86 | 87 | /* Parts:section */ 88 | section { 89 | border-top: 2px solid #eceff1; 90 | padding: 1.5rem 0; 91 | } 92 | 93 | section>header { 94 | text-transform: uppercase; 95 | font-weight: 700; 96 | margin-bottom: 2rem; 97 | text-align: center; 98 | } 99 | 100 | section>header span { 101 | display: inline-block; 102 | background-color: #000; 103 | color: #fff; 104 | letter-spacing: 3px; 105 | font-size: .7rem; 106 | padding: .5rem .75rem; 107 | } 108 | 109 | /* Parts:facts */ 110 | .p-facts { 111 | list-style: none; 112 | font-size: .8rem; 113 | margin-bottom: 1rem; 114 | } 115 | 116 | .p-facts:last-child { 117 | margin-bottom: 0; 118 | } 119 | 120 | .p-facts li { 121 | display: inline-block; 122 | margin-right: .5rem; 123 | text-transform: uppercase; 124 | } 125 | 126 | .p-facts li header { 127 | margin-bottom: .25rem; 128 | font-weight: 700; 129 | } 130 | 131 | .p-facts li header a { 132 | color: #000; 133 | text-decoration: underline; 134 | } 135 | 136 | .p-facts li li { 137 | display: inline-block; 138 | margin-right: .5rem; 139 | } 140 | 141 | .p-facts li li::after { 142 | content: ','; 143 | } 144 | 145 | .p-facts li li:last-child::after { 146 | content: ''; 147 | } 148 | 149 | /* Parts:crumb */ 150 | .p-crumb { 151 | list-style: none; 152 | margin-bottom: 1rem; 153 | font-size: .8rem; 154 | text-transform: uppercase; 155 | white-space: nowrap; 156 | overflow: hidden; 157 | text-overflow: ellipsis; 158 | } 159 | 160 | .p-crumb:last-child { 161 | margin-bottom: 0; 162 | } 163 | 164 | .p-crumb li { 165 | display: inline; 166 | } 167 | 168 | .p-crumb li::after { 169 | content: '›'; 170 | margin: 0 .5rem; 171 | } 172 | 173 | .p-crumb li:last-child::after { 174 | content: ''; 175 | } 176 | 177 | /* Parts:page-title */ 178 | .p-page-title { 179 | margin-bottom: 2rem; 180 | } 181 | 182 | .p-page-title .title { 183 | margin-bottom: .5rem; 184 | } 185 | 186 | /* Parts:share */ 187 | .p-share { 188 | margin-bottom: 1.5rem; 189 | } 190 | 191 | .p-share a { 192 | display: inline-block; 193 | text-align: center; 194 | padding: .5rem .5rem; 195 | margin-right: .25rem; 196 | font-size: .6rem; 197 | background-color: #eceff1; 198 | font-weight: 700k 199 | } 200 | 201 | .p-share a.ht { color: #00a4de; } 202 | .p-share a.fb { color: #3b5998; } 203 | .p-share a.tw { color: #1da1f2; } 204 | .p-share a.gp { color: #dd4b39; } 205 | .p-share a.ln { color: #00c300; } 206 | 207 | .p-share a.ht::before { content: 'Hatena'; } 208 | .p-share a.fb::before { content: 'Facebook'; } 209 | .p-share a.tw::before { content: 'Twitter'; } 210 | .p-share a.gp::before { content: 'Google+'; } 211 | .p-share a.ln::before { content: 'LINE'; } 212 | 213 | /* Parts:terms */ 214 | .p-terms { 215 | padding-left: 2rem; 216 | } 217 | 218 | /* Parts:paginator */ 219 | .p-paginator { 220 | text-align: center; 221 | margin-bottom: 3rem; 222 | padding-top: 2rem; 223 | } 224 | 225 | .p-paginator a { 226 | display: inline-block; 227 | border: 2px solid #eceff1; 228 | color: #263238; 229 | line-height: 2rem; 230 | padding: 0 1rem; 231 | } 232 | 233 | /* Parts:article */ 234 | .p-articles { 235 | list-style: none; 236 | } 237 | 238 | .p-articles>li { 239 | margin-bottom: 1.5rem; 240 | padding-bottom: 1.5rem; 241 | border-bottom: 1px dashed #cfd8dc; 242 | } 243 | 244 | .p-articles>li:last-child { 245 | border-bottom: none; 246 | padding-bottom: 0; 247 | } 248 | 249 | .p-articles.thin>li { 250 | margin-bottom: 1rem; 251 | padding-bottom: 1rem; 252 | } 253 | 254 | article .article-header { 255 | display: table-cell; 256 | height: 6rem; 257 | vertical-align: middle; 258 | } 259 | 260 | article .title { 261 | margin: 0; 262 | margin-bottom: .5rem; 263 | font-size: 1.4rem; 264 | line-height: 2rem; 265 | } 266 | 267 | article .title a { 268 | color: #000; 269 | } 270 | 271 | article .header-wrapper { 272 | margin-bottom: 1.5rem; 273 | } 274 | 275 | article .thumbnail { 276 | display: block; 277 | background-position: center; 278 | background-size: cover; 279 | background-image: url({{ .Site.BaseURL }}images/default.jpg); 280 | width: 6rem; 281 | height: 6rem; 282 | border-radius: 50%; 283 | box-shadow: 0 0 3px 0 #333 inset; 284 | float: left; 285 | margin-right: 1rem; 286 | } 287 | 288 | article .summary { 289 | margin-bottom: 1.5rem; 290 | } 291 | 292 | article .readmore { 293 | text-align: center; 294 | } 295 | 296 | article .readmore a { 297 | font-size: .8rem; 298 | color: #000; 299 | text-decoration: underline; 300 | } 301 | 302 | article.li.sm .header-wrapper { 303 | margin-bottom: 0; 304 | } 305 | 306 | .article-body h2 { 307 | padding: 1rem 0; 308 | border-bottom: 2px solid #eceff1; 309 | } 310 | 311 | .article-body h2:first-child { margin-top: 0; } 312 | 313 | .article-body h3 { 314 | color: #cddc39; 315 | } 316 | 317 | .article-body h4 { 318 | border-left: solid .25rem #cddc39; 319 | padding: 0 .5rem; 320 | } 321 | 322 | .article-body p { 323 | margin: 1.5rem 0; 324 | line-height: 1.5rem; 325 | } 326 | 327 | .article-body a { 328 | text-decoration: underline; 329 | } 330 | 331 | .article-body ul, 332 | .article-body ol { 333 | padding-left: 1.5rem; 334 | } 335 | 336 | .article-body code { 337 | display: inline-block; 338 | font-family: Menlo, consolas, monospace; 339 | background-color: #eceff1; 340 | font-size: .8rem; 341 | padding: 0 .5rem; 342 | line-height: 1.5rem; 343 | } 344 | 345 | .article-body pre { 346 | margin: 1.5rem 0; 347 | padding: 1.5rem; 348 | font-size: .8rem; 349 | background-color: #263238; 350 | color: #fff; 351 | overflow: auto; 352 | } 353 | 354 | .article-body pre code { 355 | background-color: transparent; 356 | } 357 | 358 | .article-body blockquote { 359 | margin: 1.5rem 0; 360 | padding: .5rem 0; 361 | font-size: .8rem; 362 | border-top: 1px solid #eceff1; 363 | border-bottom: 1px solid #eceff1; 364 | color: #607d8b; 365 | } 366 | 367 | .article-body blockquote p { 368 | margin: .5rem 0; 369 | line-height: 1rem; 370 | } 371 | 372 | .article-body strong { 373 | box-shadow: 0 -.5rem 0 0 #f06292 inset; 374 | } 375 | 376 | .article-body em { 377 | font-style: normal; 378 | font-weight: 700; 379 | color: #ff5722; 380 | } 381 | 382 | .article-body figure { margin: 1.5rem -2rem; } 383 | .article-body figure.left, 384 | .article-body figure.right { 385 | width: 15rem; 386 | height: 12rem; 387 | margin-top: 0; 388 | margin-left: 0; 389 | margin-right: 0; 390 | } 391 | .article-body figure.left { float: left; margin-right: 1rem; margin-left: -2rem; } 392 | .article-body figure.right { float: right; margin-left: 1rem; margin-right: -2rem; } 393 | 394 | @media (max-width: 768px) { 395 | .article-body figure { margin: 1.5rem -1rem; } 396 | .article-body figure.left, 397 | .article-body figure.right { 398 | float: none; 399 | margin: 0 -1rem; 400 | width: auto; 401 | height: auto; 402 | } 403 | } 404 | 405 | .article-body figcaption { 406 | padding: .5rem 0; 407 | font-size: .8rem; 408 | text-align: center; 409 | } 410 | 411 | .article-body figcaption a { 412 | color: #263238; 413 | } 414 | 415 | --------------------------------------------------------------------------------