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

Blocking out index

Browse source
This commit is contained in:
Joe Wroten 2019-01-03 09:18:50 -06:00
parent b270af38c0
commit 90dbe4ae00
3 changed files with 39 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/assets/stylesheet.css
View file

@ -68,8 +68,29 @@ a {
text-decoration: none;
}
.index,
.interior-header {
background: #15202C;
color: white;
}
.index-interiorlinks {
list-style-type: none;
margin: 0;
padding: 0;
}
.index-interiorlink-wrapper {
margin: 1rem 0;
}
.index-interiorlink {
display: block;
width: 100%;
padding: 1rem;
color: white;
text-decoration: none;
box-sizing: border-box;
}
.interior-topbar {
@ -83,9 +104,9 @@ a {
top: -.5rem;
}
.interior-headline {
.index-interiorlink.-volunteer,
.interior-headline.-volunteer {
background: linear-gradient(90deg, rgba(235, 181, 242, .3), rgba(128, 95, 132, .3));
color: white;
}
.interior-headline svg {
@ -125,13 +146,13 @@ a {
overflow: auto;
}
.interior-tags {
.tags {
list-style: none;
margin: 0;
padding: 0;
}
.interior-tags li {
.tags li {
display: inline-block;
}

16
src/templates/index.hbs
View file

@ -12,10 +12,20 @@
<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>
<ol>
<body class="index">
<ol class="index-interiorlinks">
{{#each this}}
<li><a href="./{{this.name}}.html">{{this.name}}</a>
<li class="index-interiorlink-wrapper">
<a class="index-interiorlink -volunteer" href="./{{this.name}}.html">
<h3>{{this.name}}</h3>
<p>{{this.description}}</p>
<ul class="tags">
{{#each this.repositoryTopics.edges}}
<li class="tag">{{this.node.topic.name}}
{{/each}}
</ul>
</a>
</li>
{{/each}}
</ol>
</body>

2
src/templates/interior.hbs
View file

@ -46,7 +46,7 @@
{{/if}}
</a>
</span>
<ul class="-left interior-tags">
<ul class="-left tags">
{{#each repositoryTopics.edges}}
<li><a href="#" class="tag">{{this.node.topic.name}}</a>
{{/each}}