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; text-decoration: none;
} }
.index,
.interior-header { .interior-header {
background: #15202C; 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 { .interior-topbar {
@ -83,9 +104,9 @@ a {
top: -.5rem; top: -.5rem;
} }
.interior-headline { .index-interiorlink.-volunteer,
.interior-headline.-volunteer {
background: linear-gradient(90deg, rgba(235, 181, 242, .3), rgba(128, 95, 132, .3)); background: linear-gradient(90deg, rgba(235, 181, 242, .3), rgba(128, 95, 132, .3));
color: white;
} }
.interior-headline svg { .interior-headline svg {
@ -125,13 +146,13 @@ a {
overflow: auto; overflow: auto;
} }
.interior-tags { .tags {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.interior-tags li { .tags li {
display: inline-block; 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="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="index">
<ol> <ol class="index-interiorlinks">
{{#each this}} {{#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}} {{/each}}
</ol> </ol>
</body> </body>

2
src/templates/interior.hbs
View file

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