Skip to content

Commit

Permalink
Improve layout and style
Browse files Browse the repository at this point in the history
  • Loading branch information
Vinh Nguyen committed Aug 5, 2018
1 parent 0a0e8ac commit ea3865c
Show file tree
Hide file tree
Showing 3 changed files with 48 additions and 21 deletions.
12 changes: 12 additions & 0 deletions themes/yeo/assets/css/main.css
View file
Expand Up @@ -41,6 +41,18 @@ a {
background: #fff;
}

.issue-link a {
text-decoration: none;
border-bottom-width: 1px !important;
border-bottom-color: #ddd !important;
border-bottom-style: solid !important;
}

.issue-link p {
display: inline;
color: #666;
}

@media screen and (max-width: 1000px) {
.issue-links {
margin: 0;
Expand Down
32 changes: 22 additions & 10 deletions themes/yeo/email.tmpl
View file
Expand Up @@ -18,6 +18,7 @@ body {

a {
color: #f36c3d;
text-decoration: none;
}

.section {
Expand Down Expand Up @@ -61,7 +62,15 @@ a {
padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.issue-link a {
text-decoration: none;
border-bottom-width: 1px !important;
border-bottom-color: #ddd !important;
border-bottom-style: solid !important;
}

.issue-link p {
display: inline;
color: #333;
font-weight: 300;
margin: 0;
Expand Down Expand Up @@ -164,13 +173,13 @@ a {
{{ if $link.IsSponsor }}
<div class="issue-sponsor">
<a style="font-size: 1.2rem; font-weight: 400; text-decoration: underline;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a> <span style="color: #f36c3d;">(SPONSOR)</span>
<p class="issue-description">{{ $link.Description }}</p>
<p>{{ $link.Description }}</p>
{{ if $link.Action }}<a class='sponsor-action' href ="{{ $link.URI }}" target='_blank'>{{ $link.Action }}</a>{{ end }}
</div>
{{ else }}
<div class="issue-link">
<a style="font-size: 1.2rem; font-weight: 400; text-decoration: underline;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>
{{ $link.Description }}
<a style="font-size: 1.2rem; font-weight: 400;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>
<p>{{ $link.Description }}</p>
</div>
{{ end }}

Expand All @@ -182,7 +191,8 @@ a {
<h3 class="subtitle"><strong>Brief</strong></h3>
{{ range $key, $link := .Briefs }}
<div style="padding: 0 0 1rem 0" class="issue-link">
<a class="codereads" style="font-size: 1.1rem; text-decoration: underline;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>{{ range $ci, $category := .Category }}<span class='tag'>{{ $category }}</span>{{ end }}<br>
<a class="codereads" style="font-size: 1.1rem;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>
<p>{{ $link.Description }}</p>{{ range $ci, $category := .Category }}<span class='tag'>{{ $category }}</span>{{ end }}<br>
</div>
{{ end }}
</div>
Expand All @@ -193,7 +203,8 @@ a {
<h3 class="subtitle"><strong>Code to read</strong></h3>
{{ range $key, $link := .CodeToRead }}
<div style="padding: 0 0 1rem 0" class="issue-link">
<a class="codereads" style="font-size: 1.1rem; text-decoration: underline;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>{{ range $ci, $category := .Category }}<span class='tag'>{{ $category }}</span>{{ end }}<br>
<a class="codereads" style="font-size: 1.1rem;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>
<p>{{ $link.Description }}</p>{{ range $ci, $category := .Category }}<span class='tag'>{{ $category }}</span>{{ end }}<br>
</div>
{{ end }}
</div>
Expand All @@ -204,7 +215,8 @@ a {
<h3 class="subtitle"><strong>Video</strong></h3>
{{ range $key, $link := .Videos }}
<div style="padding: 0 0 1rem 0" class="issue-link">
<a class="codereads" style="font-size: 1.1rem; text-decoration: underline;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>{{ range $ci, $category := .Category }}<span class='tag'>{{ $category }}</span>{{ end }}<br>
<a class="codereads" style="font-size: 1.1rem;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>
<p>{{ $link.Description }}</p>{{ range $ci, $category := .Category }}<span class='tag'>{{ $category }}</span>{{ end }}<br>
</div>
{{ end }}
</div>
Expand All @@ -216,13 +228,15 @@ a {
{{ range $key, $link := .Tools }}
{{ if $link.IsSponsor }}
<div class="issue-sponsor">
<a style="font-size: 1.2rem; font-weight: 400; text-decoration: underline;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a> <span style="color: #f36c3d;">(SPONSOR)</span>
<a style="font-size: 1.2rem; font-weight: 400;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a> <span style="color: #f36c3d;">(SPONSOR)</span>
<p class="issue-description">{{ $link.Description }}</p>
{{ if $link.Action }}<a class='sponsor-action' href ="{{ $link.URI }}" target='_blank'>{{ $link.Action }}</a>{{ end }}
</div>
{{ else }}
<div style="padding: 0 0 1rem 0" class="issue-link">
<a class="tools" style="font-size: 1.1rem; text-decoration: underline;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>{{ range $ci, $category := .Category }}<span class='tag'>{{ $category }}</span>{{ end }}<br>
<a class="tools" style="font-size: 1.1rem;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>
<p>{{ $link.Description }}</p>
{{ range $ci, $category := .Category }}<span class='tag'>{{ $category }}</span>{{ end }}<br>
</div>
{{ end }}
{{ end }}
Expand All @@ -247,6 +261,4 @@ a {
</div>
</div>
</div>


{{ end }}
25 changes: 14 additions & 11 deletions themes/yeo/layout.tmpl
View file
Expand Up @@ -150,17 +150,15 @@
{{ range $key, $link := .Links }}
{{ if $link.IsSponsor }}
<div class="issue-sponsor">
<a style="font-size: 1.3rem; text-decoration: underline;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a> <span style="color: #f36c3d;">(SPONSOR)</span>
<article class="issue-description">{{ $link.Description }}</article>
<a style="font-size: 1.3rem;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a> <span style="color: #f36c3d;">(SPONSOR)</span>
<p class="issue-description">{{ $link.Description }}</p>
{{ if $link.Action }}<a class='sponsor-action' href ="{{ $link.URI }}" target='_blank'>{{ $link.Action }}</a>{{ end }}

</div>
{{ else }}
<div style="padding: 1.5rem 1.5rem 0rem 1.5rem;" class="issue-link">
<p>
<a style="font-size: 1.3rem; text-decoration: underline;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a><br>
<span style="color: #666;">{{ $link.Description }}</span>
</p>
<a style="font-size: 1.3rem;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>
<p>{{ $link.Description }}</p>
</div>
{{ end }}
{{ end }}
Expand All @@ -170,7 +168,9 @@
<h3 class="subtitle"><strong>Brief</strong></h3>
{{ range $key, $link := .Briefs }}
<div style="padding: 0 0 1rem 0" class="issue-link">
<a class="codereads" style="font-size: 1.1rem; text-decoration: underline;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>{{ range $ci, $category := .Category }}<span class='tag'>{{ $category }}</span>{{ end }}<br>
<a class="codereads" style="font-size: 1.1rem;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>
<p>{{ $link.Description }}</p>
{{ range $ci, $category := .Category }}<span class='tag'>{{ $category }}</span>{{ end }}<br>
</div>
{{ end }}
</div>
Expand All @@ -181,7 +181,8 @@
<h3 class="subtitle"><strong>Code to read</strong></h3>
{{ range $key, $link := .CodeToRead }}
<div style="padding: 0 0 0.5rem 0" class="issue-link">
<a style="font-size: 1rem; text-decoration: underline;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>
<a style="font-size: 1rem;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>
<p>{{ $link.Description }}</p>
{{ range $ci, $category := .Category }}<span class='tag'>{{ $category }}</span>{{ end }}
<br>
</div>
Expand All @@ -194,7 +195,9 @@
<h3 class="subtitle"><strong>Video</strong></h3>
{{ range $key, $link := .Videos }}
<div style="padding: 0 0 1rem 0" class="issue-link">
<a class="codereads" style="font-size: 1.1rem; text-decoration: underline;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>{{ range $ci, $category := .Category }}<span class='tag'>{{ $category }}</span>{{ end }}<br>
<a class="codereads" style="font-size: 1.1rem;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>
<p>{{ $link.Description }}</p>
{{ range $ci, $category := .Category }}<span class='tag'>{{ $category }}</span>{{ end }}
</div>
{{ end }}
</div>
Expand All @@ -205,9 +208,9 @@
<h3 class="subtitle"><strong>Tools</strong></h3>
{{ range $key, $link := .Tools }}
<div style="padding: 0 0 0.5rem 0" class="issue-link">
<a style="font-size: 1rem; text-decoration: underline;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>
<a style="font-size: 1rem;" href="{{ $link.URI }}" target="_blank">{{ $link.Title }}</a>
<p>{{ $link.Description }}</p>
{{ range $ci, $category := .Category }}<span class='tag'>{{ $category }}</span>{{ end }}
<br>
</div>
{{ end }}
</div>
Expand Down

0 comments on commit ea3865c

Please sign in to comment.