Browse Source

Beginning site restyle and homepage redesign

master
Annika Backstrom 7 months ago
parent
commit
506f0c0b67
Signed by: Annika Backstrom <annika@sixohthree.com> GPG Key ID: 1FB1723D467863F4

+ 1
- 5
assets/css/_components.scss View File

@@ -6,8 +6,6 @@
font-size: 95%;
font-style: italic;
color: $gray-light;
padding-top: 1em;
border-top: 1px solid $light-border;

a {
color: $gray-light;
@@ -25,9 +23,7 @@

.article-tag {
display: inline-block;
background-color: $well-bg;
padding: 3px 5px;
@include border-radius(5px);
margin-right: 1ex;
}

.right {

+ 10
- 0
assets/css/_content.scss View File

@@ -20,4 +20,14 @@
max-width: 100%;
height: auto;
}

article h1 {
margin-bottom: 0;
}

.subheading {
font-style: italic;
color: #999;
margin: 1ex 0;
}
}

+ 1
- 1
assets/css/_footer.scss View File

@@ -1,7 +1,7 @@
footer {
border-top: 1px dotted #D6D6D6;

margin-top: 1rem;
margin-top: 3rem;
padding: 1rem 0;

font-size: 0.8em;

+ 14
- 34
assets/css/_header.scss View File

@@ -1,45 +1,25 @@
header {
display: flex;

line-height: 2em;
text-transform: lowercase;

margin-bottom: 3em;

h1 {
margin: 0;
padding: 0;
color: default;
flex: 1;
font-size: 1em;
line-height: inherit;
font-size: 36px;
font-weight: bold;

@include media("<tablet") {
display: none;
@include media(">tablet") {
font-size: 48px;
}
}

a {
text-decoration: none;
}

nav {
text-align: right;
flex: 1;
}

ul {
display: flex;
justify-content: flex-end;

@extend .list-unstyled;
a {
text-decoration: none;
}
}

li {
margin: 0 1em;
nav > ul {
list-style: none;
margin: 0;
padding: 0;

&:last-child {
margin-right: 0;
> li {
display: inline;
text-transform: lowercase;
}
}
}

+ 29
- 29
assets/css/_home.scss View File

@@ -1,20 +1,36 @@
body.index .content {
display: flex;
}

.profile-photo {
flex: 1;
padding: 0 1em;
}
body.index {
.content {
h2 {
display: inline;
border: none;
text-transform: lowercase;

&:after {
content: ":";
}
}
}

.profile-about {
flex: 3;
nav.pages {
display: inline;
clear: right;

ul {
margin: 0;
padding: 0;
list-style: none;
display: inline;

li {
margin: 0;
padding: 0;
display: inline;
}
}
}
}

.social-icons {
display: flex;
justify-content: center;
flex-direction: row;
margin: 1em 0;
padding: 0;

@@ -33,22 +49,6 @@ body.index .content {
}
}

.headshot {
width: 100%;
padding-bottom: 100%;

margin: 0 auto;

@include border-radius(50%);

background-image: url(/theme/images/headshot.1456006614.jpg);
background-size: contain;

> h1 {
display: none;
}
}

@include media("<tablet") {
body.index .content {
display: block;

+ 2
- 3
assets/css/_layout.scss View File

@@ -1,5 +1,4 @@
body {
max-width: 900px;
margin: 0 auto;
padding: 1em;
margin: 1em;
max-width: 800px;
}

+ 2
- 2
assets/css/main.scss View File

@@ -10,8 +10,8 @@ $green: #40c517;
$link-color: hsl(205, 75%, 52%);
$link-color-alt: $text-color;

$body-font: Palatino, serif;
$heading-font: Palatino, serif;
$body-font: sans-serif;
$heading-font: sans-serif;
$code-font: "Ubuntu Mono", Monaco, monospace;
$font-size-base: 1.2em;


+ 11
- 29
content/pages/home.md View File

@@ -1,37 +1,19 @@
Title: sixohthree.com
Title: sixohthree.com - Annika Backstrom
Date: 2017-08-09 23:21
Updated: 2018-07-21 13:57
Template: home
URL:
save_as: index.html

Hi, I'm Annika Backstrom. This is my Internet website where I
prove to myself that I exist.
Hi, I'm Annika Backstrom. This is my Internet website where I prove to myself
that I exist. Sometimes I [write](/blog) about things like
[Ansible](/tag/ansible) and [Docker](/tag/docker). I also keep a running list of
[people and organizations I donate to](/giving), and [games I've played or would
like to play](/games).

Professionally speaking, I'm a remote Software Engineer based in New
Hampshire, US, which is somewhere around here:
Professionally speaking, I'm a Software Engineer based in New Hampshire, US. I
work remotely for [Etsy, Inc.](https://www.etsy.com), creating cool tools for
Etsy employees. I'm also involved in [MyTransHealth](http://mytranshealth.com/),
a resource connecting trans\* folx with qualified health care professionals.

![Map of the United States][map]

I work for [Etsy, Inc.][etsy] on the Customer Resolutions team,
creating cool tools for Etsy employees. Before Etsy I did web stuff for
[Plymouth State University][psu], and before *that* I did database,
engineering, and web stuff for [Stonewall Cable][stonewallcable].

I'm also involved in [MyTransHealth][mytranshealth], a resource connecting trans\* folx with
qualified health care professionals.

Recently, I've written about [Docker][docker] and [Ansible][ansible]
in [my blog][blog]. I also keep a running list of [people and organizations I
donate to][giving], and [games I've played or would like to play][games].

[map]: /media/sixohthree.com/map.png "A map of the United States, with a pin over New Hampshire on the east side of the map"
[etsy]: https://www.etsy.com/
[psu]: https://www.plymouth.edu/
[stonewallcable]: http://www.stonewallcable.com/
[blog]: /blog
[mytranshealth]: http://mytranshealth.com/
[giving]: /giving
[docker]: /tag/docker
[ansible]: /tag/ansible
[games]: /games
You can find me on Mastodon at [@annika@xoxo.zone](https://xoxo.zone/@annika).

+ 1
- 1
pelicanconf.py View File

@@ -44,7 +44,7 @@ PATH_METADATA = '(?P<content_path>.*)'
BLOG_VERSION = check_output(['git', 'rev-parse', '--short', 'HEAD']).strip().decode('utf-8')

TIMEZONE = 'America/New_York'
DEFAULT_DATE_FORMAT = '%B %-d %Y'
DEFAULT_DATE_FORMAT = '%-d %B %Y'

# Don't parse html files
READERS = {'html': None}

+ 2
- 2
themes/histrionic/templates/archives.html View File

@@ -5,8 +5,8 @@
{% endblock %}

{% block content %}
<div class="row">
<div class="cute-12-tablet">
<div>
<div>
<h1>Archives for {{ SITENAME }}</h1>

<ul class="list-unstyled">

+ 3
- 3
themes/histrionic/templates/article.html View File

@@ -30,11 +30,11 @@
{% endblock %}

{% block content %}
<div class="row">
<article class="cute-12-tablet">
<div>
<article>
<h1>{{ article.title }}</h1>
<div class="subheading">by <address class="vcard author">{{ article.author }}</address> in <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>, on {{ article.locale_date }}</div>
{{ article.content }}
{% include 'metadata.inc.html' %}
</article>
</div>
{% endblock %}

+ 2
- 11
themes/histrionic/templates/base.html View File

@@ -29,28 +29,19 @@

<body class="{% block body_classes %}{% endblock %}">

{% if HEADER_PAGES %}
<header role="banner">
<h1>
<a href="{{ SITEURL|default("/") }}">sixohthree.com</a>
</h1>
<nav class="pages">
<ul class="p-0 m-0">
{% for page_title, page_url in HEADER_PAGES %}
<li><a href="{{ SITEURL }}/{{ page_url }}">{{ page_title }}</a></li>
{% endfor %}
</ul>
</nav>
</header>
{% endif %}

<div role="main" class="content">
{% block content %}{% endblock %}
</div>

<footer>
<div class="row">
<div class="cute-12-tablet">
<div>
<div>
<p role="contentinfo">
Unless otherwise noted, content on this site was created by Annika Backstrom and is licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>. Powered by <a href="https://blog.getpelican.com/">Pelican</a>.
Feeds: <a href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" rel="alternate">atom</a>.

+ 10
- 4
themes/histrionic/templates/category.html View File

@@ -6,13 +6,19 @@
<meta name="robots" value="noindex,follow">
{% endblock %}

{% block body_classes %}archive{% endblock %}

{% block content %}

<h1>Posts categorized under: {{ category }}</h1>
<h1>Posts categorized &ldquo;{{ category }}&rdquo;</h1>

{% for article in articles_page.object_list %}
{% include 'article_summary.inc.html' %}
{% endfor %}
<ol>
{% for article in articles_page.object_list %}
<li>
{% include 'article_link.inc.html' %}
</li>
{% endfor %}
</ol>

{% include 'pagination.inc.html' %}


+ 1
- 18
themes/histrionic/templates/home.html View File

@@ -5,24 +5,7 @@
{% block title %}{{ page.title }}{% endblock %}

{% block content %}
<div class="profile-photo">
<div class="headshot">
<h1>Annika Backstrom</h1>
</div>
<ul class="social-icons">
{% for title, url, svg in SOCIAL %}
<li>
<a href="{{ url }}" title="{{ title }}" rel="me">
{% set svg_file = 'svg/' + svg %}
{% include svg_file ignore missing without context %}
</a>
</li>
{% endfor %}
</ul>
</div>
<div class="profile-about">
{{ page.content }}
</div>
{{ page.content }}
{% endblock %}

{# set:filetype=jinja #}

+ 2
- 2
themes/histrionic/templates/page.html View File

@@ -5,8 +5,8 @@
{% block title %}{{ page.title }} - {{ SITENAME }}{% endblock %}

{% block content %}
<div class="row">
<div class="cute-12-tablet">
<div>
<div>
<h1>{{ page.title }}</h1>

{{ page.content }}

+ 10
- 6
themes/histrionic/templates/tag.html View File

@@ -6,14 +6,18 @@
<meta name="robots" value="noindex,follow">
{% endblock %}

{% block content %}
{% block body_classes %}archive{% endblock %}

<h1>Post tagged: {{ tag }}</h1>
{% block content %}

{% for article in articles_page.object_list %}
{% include 'article_summary.inc.html' %}
{% endfor %}
<h1>Post tagged &ldquo;{{ tag }}&rdquo;</h1>

{% include 'pagination.inc.html' %}
<ol>
{% for article in articles_page.object_list %}
<li>
{% include 'article_link.inc.html' %}
</li>
{% endfor %}
</ol>

{% endblock %}

Loading…
Cancel
Save