gaiety/portfolio
gaiety/portfolio
1
1
Fork 0
Code Activity

Fully styled tags

Browse source
This commit is contained in:
Joe Wroten 2019-01-06 20:53:56 -06:00
parent 3bc7d40431
commit 624fea9a91
2 changed files with 34 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/assets/stylesheet.css
View file

@ -65,14 +65,22 @@ a {
.tag {
padding: 0 .3em;
border-radius: 3px;
margin-bottom: .25em;
margin-right: .5em;
box-shadow: 0px 5px 5px rgba(0, 0, 0, .1);
color: #1A323E;
background: #F3EDFF;
text-decoration: none;
display: inline-block;
}
.-volunteer .tag {
background: #F3EDFF;
}
.-git .tag {
background: #F0FFED;
}
.index .tag {
margin-bottom: 1rem;
}
@ -83,6 +91,14 @@ a {
color: white;
}
.interior-info {
display: flex;
}
.interior-link {
white-space: nowrap;
}
.index-interiorlinks {
list-style-type: none;
margin: 0;

32
src/templates/interior.hbs
View file

@ -13,7 +13,7 @@
<meta name="keywords" content="developer,designer,engineer,web,portfolio">
<meta name="viewport" content="width=device-width; height=device-height; maximum-scale=1.4; initial-scale=1.0; user-scalable=yes">
</head>
<body>
<body class="interior -{{pageType}}">
<header class="interior-header">
<div class="interior-topbar -pad-h -pad-v">
<a href="/">
@ -37,20 +37,22 @@
<h2 class="interior-description">
{{description}}
</h2>
<span class="-right">
<a href={{url}}>
{{#if organization}}
{{organization}}
{{else}}
Github Repo
{{/if}}
</a>
</span>
<ul class="-left tags">
{{#each repositoryTopics.edges}}
<li><a href="#" class="tag">{{this.node.topic.name}}</a>
{{/each}}
</ul>
<div class="interior-info">
<ul class="tags interior-tags">
{{#each repositoryTopics.edges}}
<li class="-left"><a href="#" class="tag">{{this.node.topic.name}}</a>
{{/each}}
</ul>
<div class="interior-link">
<a href={{url}}>
{{#if organization}}
{{organization}}
{{else}}
Github Repo
{{/if}}
</a>
</div>
</div>
</header>
{{{readme.html}}}
</article>