diff options
| author | Byeonggon Lee <gonny952@gmail.com> | 2018-11-12 19:46:28 +0300 |
|---|---|---|
| committer | Byeonggon Lee <gonny952@gmail.com> | 2018-11-12 19:46:28 +0300 |
| commit | c61ebebc7084b9eaff33c79c7b0179ffdbf19fd1 (patch) | |
| tree | 7dcf8fdf05739786d5dc20c70085d1e8e6734bb3 | |
| parent | 7bd0a71833b7304a7ffc4dff609b8b9063851e01 (diff) | |
Applied google fonts
| -rw-r--r-- | layouts/_default/baseof.html | 10 | ||||
| -rw-r--r-- | static/css/hugo-apps-theme.css | 56 | ||||
| -rw-r--r-- | static/css/hugo-apps-theme.scss | 27 |
3 files changed, 77 insertions, 16 deletions
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 1bed889..cb41a70 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -7,9 +7,13 @@ <link rel="stylesheet" href="/css/hugo-apps-theme.css"/> </head> <body> - <a href="{{ .Site.BaseURL }}"> - <h1> {{ .Site.Title }} </h1> - </a> + <div class="apps-title"> + <a href="../" style="float: left">Back</a> + <a href="{{ .Site.BaseURL }}" class="apps-title-title"> + {{ .Site.Title }} + </a> + <hr/> + </div> <div id="content"> {{- block "main" . }}{{- end }} </div> diff --git a/static/css/hugo-apps-theme.css b/static/css/hugo-apps-theme.css index 0904923..1b917b1 100644 --- a/static/css/hugo-apps-theme.css +++ b/static/css/hugo-apps-theme.css @@ -1,15 +1,47 @@ -.apps-app-item { display: inline-block; width: 10rem; vertical-align: top; margin-right: 1.5rem; } +@import url("https://fonts.googleapis.com/css?family=Press+Start+2P"); +.apps-title { + text-decoration: none; + text-align: center; + font-family: 'Press Start 2P', cursive; + color: black; } + .apps-title a { + text-decoration: none; } + .apps-title a:visited { + color: black; } + .apps-title a:hover { + text-decoration: underline; } + .apps-title hr { + border-bottom: 0rem; } + .apps-title .apps-title-title { + font-size: 2rem; } -.apps-app-icon { display: inline-block; border: 0.5rem solid silver; border-radius: 1.5rem; width: 100%; height: 100%; } +.apps-app-item { + display: inline-block; + width: 10rem; + vertical-align: top; + margin-right: 1.5rem; } -.apps-app-icon a { text-decoration: none; } +.apps-app-icon { + display: inline-block; + border: 0.5rem solid silver; + border-radius: 1.5rem; + width: 100%; + height: 100%; } + .apps-app-icon a { + text-decoration: none; } + .apps-app-icon img { + width: 10rem; + height: 10rem; } -.apps-app-icon img { width: 10rem; height: 10rem; } - -.apps-app-name { text-align: center; padding-top: 1rem; } - -.apps-app-name a { text-decoration: none; font-size: 1.2rem; color: black; } - -.apps-app-name a:visited { color: black; } - -.apps-app-name a:hover { text-decoration: underline; } +.apps-app-name { + text-align: center; + padding-top: 1rem; } + .apps-app-name a { + text-decoration: none; + font-size: 1rem; + font-family: 'Press Start 2P', cursive; + color: black; } + .apps-app-name a:visited { + color: black; } + .apps-app-name a:hover { + text-decoration: underline; } diff --git a/static/css/hugo-apps-theme.scss b/static/css/hugo-apps-theme.scss index 3a1ebeb..09f9357 100644 --- a/static/css/hugo-apps-theme.scss +++ b/static/css/hugo-apps-theme.scss @@ -1,3 +1,27 @@ +@import url('https://fonts.googleapis.com/css?family=Press+Start+2P'); + +.apps-title { + color: black; + font-family: 'Press Start 2P', cursive; + text-align: center; + a { + text-decoration: none; + + &:visited { + color: black; + } + &:hover { + text-decoration: underline; + } + } + hr { + border-bottom: 0rem; + } + .apps-title-title { + font-size: 2rem; + } +} + .apps-app-item { display: inline-block; width: 10rem; @@ -25,7 +49,8 @@ padding-top: 1rem; a { text-decoration: none; - font-size: 1.2rem; + font-size: 1rem; + font-family: 'Press Start 2P', cursive; color: black; &:visited { color: black; |