diff options
| -rw-r--r-- | config.toml | 6 | ||||
| -rw-r--r-- | layouts/_default/baseof.html | 1 | ||||
| -rw-r--r-- | layouts/_default/single.html | 4 | ||||
| -rw-r--r-- | layouts/index.html | 2 | ||||
| -rw-r--r-- | layouts/partials/header.html | 14 | ||||
| -rw-r--r-- | layouts/partials/postlist.html | 22 | ||||
| -rw-r--r-- | static/css/custom.css | 100 |
7 files changed, 70 insertions, 79 deletions
diff --git a/config.toml b/config.toml index 47f85f4..1dfa880 100644 --- a/config.toml +++ b/config.toml @@ -23,14 +23,14 @@ enableGitInfo = false [[menu.main]] identifier = "blog" name = "blog" - title = "~/blog" + title = "blog" url = "/blog/" weight = 110 [[menu.main]] identifier = "notes" name = "notes" - title = "~/notes" + title = "notes" url = "/notes/" weight = 120 @@ -45,7 +45,7 @@ enableGitInfo = false lineNos = false lineNumbersInTable = false noClasses = true - style = "manni" + style = "pygments" tabWidth = 4 [mediaTypes."application/atom"] diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 410e2bc..0c72fb1 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -6,6 +6,5 @@ <main> {{ block "main" . }}{{ end }} </main> - {{- partial "footer.html" . -}} </body> </html> diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 7a85a05..da0a3e5 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -13,9 +13,9 @@ {{- $mod = .Page.GitInfo.CommitDate.Format "Jan 2, 2006" -}} {{ end -}} {{ if eq $pub $mod }} - <div id="meta_date">published {{ $pub }}</div> + <div id="meta_date">posted on {{ $pub }}</div> {{ else }} - <div id="meta_date">published {{ $pub }} - last modified {{ $mod }}</div> + <div id="meta_date">posted on {{ $pub }} - last modified {{ $mod }}</div> {{ end }} {{ if .Params.tags }} <div> diff --git a/layouts/index.html b/layouts/index.html index 494239b..4ac472d 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -6,6 +6,8 @@ <p>My general interests are in building sustainable teams, improving the management and operation of large infrastructure, and work with different teams to implement best practices around reliability and security.</p> + <p>You can reach out to me at <a href="mailto:franck@fcuny.net" title="franck@fcuny.net">franck@fcuny.net</a>.</p> + </article> {{ end }} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index f34d372..580ce04 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,10 +1,12 @@ <header> <nav class="navbar"> - <a class="nav-bold" href="{{ .Site.BaseURL }}">~/</a> - <ul class="nav-links"> - {{ range .Site.Menus.main }} - <li class="nav-item"><a class="nav-bold" href="{{ absURL .URL }}">{{ .Title }}</a></li> - {{ end }} - </ul> + <h2><a rel="author" href="{{ .Site.BaseURL }}">franck cuny</a></h2> + {{ range .Site.Menus.main }} + <a class="nav-bold" href="{{ absURL .URL }}">{{ .Title }}</a> + <span class="bar">|</span> + {{ end }} + <a class="nav-bold" href="https://github.com/fcuny" title="github" target="_blank">github</a> + <span class="bar">|</span> + <a class="nav-bold" href="/feed.xml" title="atom feed">feed</a> </nav> </header> diff --git a/layouts/partials/postlist.html b/layouts/partials/postlist.html index 3d5cf04..575f0b8 100644 --- a/layouts/partials/postlist.html +++ b/layouts/partials/postlist.html @@ -1,12 +1,10 @@ -{{ range .GroupByDate "2006" }} - <h2>{{ .Key }}</h2> - <ul> - {{ range .Pages.ByDate.Reverse }} - <li> - <div> - <a href="{{ .Permalink }}">{{ .Title }}</a> - </div> - </li> - {{ end }} - </ul> -{{ end }} +<ul class="list-content"> + {{ range .GroupByDate "2006" }} + {{ range .Pages.ByDate.Reverse }} + <li> + <span class="content-title"><strong><a href="{{ .Permalink }}">{{ .Title }}</a></strong></span> + <span class="content-date"><em>posted on {{ .Date.Format "Jan 2, 2006" }}</em></span> + </li> + {{ end }} + {{ end }} +</ul> diff --git a/static/css/custom.css b/static/css/custom.css index 10e437f..59db681 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -1,41 +1,30 @@ body { font-size: 1em; - color: #111; + color: #444; margin: 1em auto; padding: 0 0.55em; max-width: 49rem; font-family: "arial"; + line-height: 1.4em; + background-color: #f7f7f7; } h1,h2,h3,h4 { font-family: monospace; + color: #2a3439; } h1 { - color: #0e0e0b; font-size: 1.4rem; margin-top: 1em; margin-bottom: 0.34em; } -h2, h3 { - text-decoration: underline; - text-decoration-style: solid; - text-decoration-color: #ffc832; - text-decoration-thickness: 0.2rem; - text-underline-position: under; - text-underline-offset: from-font; - font-style: italic; -} h2 { - margin-top: 1.25em; - margin-bottom: 0.41em; - font-size: 1.4rem; + font-size: 1.2rem; } h3 { - margin-top: 1.5em; - margin-bottom: 0.5em; - font-size: 1.2rem; + font-size: 1.1rem; } hr{ @@ -46,7 +35,7 @@ hr{ } a { - color:black; + color: #4d76ae; } a:link, @@ -61,16 +50,21 @@ span.published, span.updated { font-style: oblique; } +span.content-date { + float: right; + font-style: oblique; +} + code { font-family: monospace; padding-left: 0.2em; padding-right: 0.2em; - border-radius: 4px; } p code { color: black; - background-color: #eee; + background-color: #f7f7f2; + border: 1px solid #e0deca; padding: 0 0.2rem; font-size: 1.1em; } @@ -82,9 +76,9 @@ pre { word-wrap: normal; padding: 0.8em; overflow-x: auto; - border: 1px solid #eee; + border: 1px solid #e0deca; border-radius: 3px; - background-color: #eee; + background-color: #f7f7f2; } #meta { @@ -94,7 +88,7 @@ pre { #meta_tags { padding: 0 .5rem; font-size: 0.9rem; - border: 2px solid #eee; + border: 1px solid #ccc; } #meta_tags a { @@ -112,6 +106,11 @@ table { width: 100%; border-spacing: 0px; outline: none; + word-break: normal; + word-break: keep-all; + margin-left: auto; + margin-right: auto; + font-family: monospace; } td{ @@ -120,16 +119,18 @@ td{ padding-bottom: 0.4em; padding-left: : 0.7em; } + thead { color: #000; font-style: bold; text-align: left; } + table, th, td { - font-family: monospace; - border: 1px solid; border-collapse: collapse; color: #000; + border: 1px solid #cdcdcd; + padding: 6px 13px; } blockquote { @@ -142,19 +143,17 @@ blockquote { nav { font-size: 1.4em; - display: flex; font-family: monospace; - justify-content: space-between; - align-items: center; + margin-top: 20px; + margin-bottom: 30px; + line-height: 0.6rem; } -.nav-links { - list-style: none; - display: flex; -} - -.nav-item { - margin-left: 10px; +nav .bar { + color: #aaa; + vertical-align: bottom; + padding-left: 1px; + padding-right: 1px; } .navbar a { @@ -162,14 +161,24 @@ nav { text-decoration: none; } +nav h2 a { + color: #3873ad; +} + .navbar a:hover { - color: #000000; text-decoration: none; } .nav-bold { font-weight: 700; text-decoration: none; + color: #2a3439; +} + +ul.list-content { + list-style: none; + padding: 0; + line-height: 2em; } article { @@ -186,22 +195,3 @@ article { font-weight: 400; font-size: 1.1em; } - -footer { - border-top: 2px solid #eee; - margin-top: 2em; - display: flex; - flex-direction: row; - justify-content: left; - align-items: left; -} - -footer a, footer a:link, footer a:focus, footer a:active, footer a:hover { - color: black; - text-decoration: none; - padding: 5px; -} - -footer a:not(:first-child) { - margin-left: 15px; -} |