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

18
src/templates/interior.hbs
View file

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