Commit 503c1fcb authored by Connor Shea's avatar Connor Shea 🏄

Tags page

parent af872c08
GEM
remote: https://rubygems.org/
specs:
celluloid (0.16.0)
celluloid (0.16.1)
timers (~> 4.0.0)
colorator (0.1)
ffi (1.9.10)
......@@ -22,7 +22,7 @@ GEM
jekyll-watch (1.2.1)
listen (~> 2.7)
kramdown (1.8.0)
liquid (3.0.3)
liquid (3.0.6)
listen (2.10.1)
celluloid (~> 0.16.0)
rb-fsevent (>= 0.9.3)
......@@ -34,7 +34,7 @@ GEM
rouge (1.9.1)
safe_yaml (1.0.4)
sass (3.4.16)
timers (4.0.1)
timers (4.0.2)
hitimes
PLATFORMS
......
......@@ -14,11 +14,8 @@
</a>
<div class="trigger">
{% for page in site.pages %}
{% if page.title %}
<a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
{% endif %}
{% endfor %}
<a class="page-link" href="{{ '/blog/' | prepend: site.baseurl }}">Blog</a>
<a class="page-link" href="{{ '/portfolio/' | prepend: site.baseurl }}">Portfolio</a>
</div>
</nav>
......
......@@ -4,16 +4,16 @@ layout: default
{% assign post = page %}
{% if post.tags.size > 0 %}
{% for post_tag in post.tags %}
{% assign tag = site.data.tags[post_tag] %}
{% assign data_tag_slug = tag[0] %}
{% if tag %}
{% capture tags_content_temp %}{{ tags_content }}
<span><a href="/blog/tag/{{ tag.slug }}/">{{ tag.name }}</a></span>
{% endcapture %}
{% assign tag = site.data.tags[post_tag] %}
{% assign data_tag_slug = tag[0] %}
{% if tag %}
{% capture tags_content_temp %}{{ tags_content }}
<span><a href="/blog/tags/{{ tag.slug }}/">{{ tag.name }}</a></span>
{% endcapture %}
{% assign tags_content = tags_content_temp %}
{% endif %}
{% assign tags_content = tags_content_temp %}
{% endif %}
{% endfor %}
{% endif %}
......@@ -36,7 +36,7 @@ layout: default
<aside class="about-the-author">
<hr>
<p><span>Connor Shea</span> is a User Interface Designer and Developer from Highlands Ranch, Colorado. He particularly likes Valve games, typography, GIFs, and centering elements vertically with CSS.</p>
<p><span>Connor Shea</span> is a User Interface Designer &amp; Developer from Highlands Ranch, Colorado. He particularly likes video games, typography, GIFs, and centering elements vertically with CSS.</p>
</aside>
</div>
......@@ -5,6 +5,7 @@ layout: default
<div class="page">
<header class="page-header">
<p class="post-backlink"><a href="{{ '/blog/tags' | prepend: site.baseurl }}">Tags</a></p>
<h1 class="page-title">{{ page.tag }}</h1>
</header>
......
......@@ -5,7 +5,9 @@ tags: [css, scss]
published: True
---
If you've ever done web development, or worked with web developers, you've probably heard that CSS is the bane of web developers. I've actually begun to really enjoy using CSS, but it took a lot of figuring my way around things.
_Make writing CSS infinitely easier with this one weird trick. Web developers hate him!_
If you've ever done web development, or worked with web developers, you've probably heard that CSS is the bane of our existance. To the contrary, I've actually begun to really enjoy using CSS, it just took a lot of figuring my way around things.
{% include image.html url="/images/posts/css-life-hacks/css-in-a-nutshell.gif" caption="Most people's experience with CSS."%}
......@@ -96,6 +98,9 @@ The point I'm trying to make is that the `float` property tends to cause unneces
### Avoid using `!important` at all costs.
### Wrapping up
I want to note that I'm not saying CSS is infallible and some great style language. It should have sensible defaults, but it doesn't for backwards compatibility reasons. Ideally it shouldn't require expertise in every property to throw together a relatively simple website, but I'd challenge anyone to develop a stylesheet language that works for both simple and complex use-cases, while not adding complexity to the "simple" use-case.
[sass-lang]: http://sass-lang.com
......
......@@ -152,6 +152,35 @@
}
}
.tag-list {
margin-left: 0;
list-style: none;
> li {
display: inline-block;
border: 1px solid #aaaab2;
border-radius: 3px;
margin-right: 5px;
transition: 200ms border-color;
&:hover {
border-color: #333;
}
a {
display: block;
padding: 6px 12px;
opacity: 0.7;
transition: 200ms opacity;
&:hover {
text-decoration: none;
opacity: 1;
}
}
}
}
.post-meta {
font-size: $small-font-size;
color: transparentize($text-color, 0.7);
......@@ -171,6 +200,12 @@
margin-right: 5px;
cursor: pointer;
display: inline-block;
opacity: 0.6;
transition: 200ms opacity;
&:hover {
opacity: 1;
}
a {
display: block;
......
---
layout: tag
tag: css
permalink: /blog/tag/css/
permalink: /blog/tags/css/
---
\ No newline at end of file
---
layout: tag
tag: i18n
permalink: /blog/tag/i18n/
permalink: /blog/tags/i18n/
---
\ No newline at end of file
---
layout: page
title: Tags
permalink: /blog/tags/
---
<ul class="tag-list">
{% for tag in site.data.tags %}
<li>
{% capture tag_url %}/blog/tags/{{tag[1].slug}}{% endcapture %}
<a class="post-link" href="{{ tag_url | prepend: site.baseurl }}">{{ tag[1].name }}</a>
</li>
{% endfor %}
</ul>
---
layout: tag
tag: rails
permalink: /blog/tag/rails/
permalink: /blog/tags/rails/
---
\ No newline at end of file
---
layout: tag
tag: react
permalink: /blog/tag/react/
permalink: /blog/tags/react/
---
\ No newline at end of file
---
layout: tag
tag: scss
permalink: /blog/tag/scss/
permalink: /blog/tags/scss/
---
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment