diff options
| -rw-r--r-- | content/_index.md | 6 | ||||
| -rw-r--r-- | static/css/custom.css | 20 | ||||
| -rw-r--r-- | templates/base.html | 10 | ||||
| -rw-r--r-- | templates/page.html | 13 |
4 files changed, 24 insertions, 25 deletions
diff --git a/content/_index.md b/content/_index.md index 8ed24b7..6c76dec 100644 --- a/content/_index.md +++ b/content/_index.md @@ -2,12 +2,10 @@ title: "home" --- -My name is Franck Cuny and this is my little corner on the web. +👋 My name is Franck Cuny and this is my little corner on the web. I currently work as a [Site Reliability Engineer](https://en.wikipedia.org/wiki/Site_reliability_engineering) (SRE) at [Roblox](https://www.roblox.com). Previously, I worked as a SRE at [Twitter](https://twitter.com/TwitterEng). My focus is on Platform and large infrastructure. I'm interested in building sustainable teams, improving the management and operation of large infrastructure, and to work with different teams to implement best practices around reliability and security. -## Contact - -Email: <a href="mailto:franck@fcuny.net">franck@fcuny.net</a> +The simplest way to contact me is via <a href="mailto:franck@fcuny.net">email</a>. Some of my code is hosted <a href="https://git.fcuny.net">there</a>. diff --git a/static/css/custom.css b/static/css/custom.css index 20e8b23..57cf620 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -9,9 +9,10 @@ body { } main { - max-width: 46rem; + max-width: 50rem; margin: 0 auto; padding: 0 1em; + padding-top: 2em; } /* Typography */ @@ -49,6 +50,17 @@ a:active { text-decoration: underline; } +div.metadata { + font-size: 90%; + margin-bottom: 0.4em; +} + +span.tag { +} + +span.date { +} + /* Lists */ ul { display: block; @@ -61,7 +73,8 @@ p code { font-size: 90%; border-radius: 0.3rem; padding: 0.025rem 0.3rem; - border: 2px solid #52576f; + border: 1px solid #52576f; + background-color: #eeeaaa; } pre { @@ -76,7 +89,6 @@ pre > code { } p > code { - background: #f5f5f5; padding: 0.1em 0.3em; } @@ -125,12 +137,10 @@ blockquote { } .post-list a { - color: black; max-width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - text-decoration: none; } .post-list a:hover { diff --git a/templates/base.html b/templates/base.html index 71d81b3..ba2afdb 100644 --- a/templates/base.html +++ b/templates/base.html @@ -16,17 +16,7 @@ </head> <body> - <main> - <nav class="main-nav"> - <ul> - <li><a href="/">Home</a></li> - <li><a href="/blog">Blog</a></li> - <li><a href="/notes">Notes</a></li> - <li><a href="https://git.fcuny.net">Code</a></li> - </ul> - </nav> - {% block content %}{% endblock content %} </main> </body> diff --git a/templates/page.html b/templates/page.html index 3474a07..94b39ac 100644 --- a/templates/page.html +++ b/templates/page.html @@ -5,16 +5,17 @@ {% block content -%} <h1>{{ page.title }}</h1> -{% if page.taxonomies.tags %} -<div class="tags"> - {% for tag in page.taxonomies.tags %} - <a href="{{ get_taxonomy_url(kind="tags", name=tag) }}">#{{ tag }}</a> +<div class="metadata"> + <span class="date">{{ page.date | date(format="%Y-%m-%d") }}</span> + {%- if page.taxonomies.tags -%} + / {% for tag in page.taxonomies.tags %} + <span class="tag"><a href="{{ get_taxonomy_url(kind="tags", name=tag) }}">#{{ tag }}</a></span> {% endfor %} + {%- endif -%} </div> -{% endif %} {{ page.content | safe -}} -<p class="date">{{ page.date | date(format="%B %d, %Y") }}</p> +<a href="/">☝️ back home</a> {%- endblock content %} |