Skip to content

Commit 7b9b4d4

Browse files
Alban BaillyGitHub Enterprise
Alban Bailly
authored and
GitHub Enterprise
committed
Merge pull request linode#61 from abailly/design-qa
Design QA
2 parents 168fa80 + 32c83d1 commit 7b9b4d4

File tree

7 files changed

+33
-26
lines changed

7 files changed

+33
-26
lines changed

‎themes/dlc/layouts/_default/guides.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{{ define "main" }}
22

33
<div class="mx-auto text-center max-w-lg my-8 pb-4">
4-
<h2 class="font-light text-BaseGreenDark">API Guides</h2>
4+
<h2 class="font-normal text-BaseGreenDark">API Guides</h2>
55
</div>
66

77
<div class="max-w-xl mx-auto pb-4">
@@ -34,7 +34,7 @@ <h3 class="mt-0 text-2xl font-normal"><a href="{{ .Params.external_url }}" class
3434
<article class="w-full md:w-1/2 px-4 mb-4 md:mb-8">
3535
<div class="p-8 h-full flex flex-col justify-center">
3636
<header>
37-
<h2 class="mt-0 font-light text-BaseGreenDark">Want more help?</h2>
37+
<h2 class="mt-0 font-normal text-BaseGreenDark">Want more help?</h2>
3838
</header>
3939
<p class="text-xl mt-2 font-light">Find answers, ask questions, and help others.</p>
4040
<a href="https://linode.com/community/questions" target="_blank" class="btn mt-4">Join our Community</a>
@@ -44,7 +44,7 @@ <h2 class="mt-0 font-light text-BaseGreenDark">Want more help?</h2>
4444

4545
<div class="my-8 -mx-4 pb-4">
4646
<div class="text-center my-4">{{ partial "0_svgs/divider.svg" }}</div>
47-
<h2 class="text-center mx-auto font-light text-BaseGreenDark">Get started in the Linode cloud today.</h2>
47+
<h2 class="text-center mx-auto font-normal text-BaseGreenDark">Get started in the Linode cloud today.</h2>
4848
<div class="flex justify-center">
4949
<a href="https://manager.linode.com/session/signup" target="_blank" class="btn mt-4 mr-2">Create an Account</a>
5050
<a href="https://www.linode.com/linodes" target="_blank" class="btn mt-4 ml-2">Learn More</a>

‎themes/dlc/layouts/_default/libraries-tools.html

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@
55
<div class="w-full sm:w-1/4 md:w-1/5 px-4 flex flex-wrap">
66
<div id="filters" class="button-group filters-group sm:py-4 sm:mt-4">
77
<div class="flex flex-wrap sm:block">
8-
<div class="md:my-4 invisible sm:visible text-center">{{ partial "0_svgs/divider.svg" (dict "width" 170) }}</div>
9-
<h4 class="uppercase mb-4 w-full md:text-center">Created By</h4>
8+
<div class="md:mt-4 invisible sm:visible text-center">{{ partial "0_svgs/divider.svg" (dict "width" 170) }}</div>
9+
<h4 class="uppercase mt-2 mb-4 w-full md:text-center">Created By</h4>
1010
{{ partial "1_atoms/radio.html" (dict "ID" "linode" "Name" "created" "Value" ".linode" "Label" "Linode") . }}
1111
{{ partial "1_atoms/radio.html" (dict "ID" "community" "Name" "created" "Value" ".community" "Label" "Community") . }}
1212
</div>
@@ -27,18 +27,18 @@ <h4 class="uppercase mb-4 w-full community-header">Want More Help?</h4>
2727
<div class="w-full sm:w-3/4 md:w-4/5 px-4">
2828
<div class="my-4 md:mt-12 md:mt-8 max-w-3xl">
2929
<div class="mb-4 mt-8 sm:hidden text-center">{{ partial "0_svgs/divider.svg" (dict "width" 170) }}</div>
30-
<h2>Tools</h2>
30+
<h2 class="font-normal text-BaseGreenDark">Tools</h2>
3131
<div class="flex -mx-4 md:items-center flex-col-reverse md:flex-row mb-2">
3232
<div class="px-4 flex flex-wrap">
3333
<div style="width: 300px;">
3434
{{ partial "2_molecules/code-box.html" }}
3535
</div>
36-
<div class="mt-4 md:hidden flex w-full"><a href="https://www.linode.com/cli" target="_blank" class="btn btn-small">Linode CLI on GitHub</a></div>
36+
<div class="mt-4 md:hidden flex w-full"><a href="https://www.linode.com/cli" target="_blank" class="btn text-sm">Linode CLI on GitHub</a></div>
3737
</div>
3838
<div class="px-4">
39-
<h3 class="md:text-2xl mt-0">Linode CLI</h3>
40-
<div class="md:text-lg my-3">An easy way to get up and running with the Linode API.</div>
41-
<div class="pt-3 hidden hidden md:block"><a href="https://www.linode.com/cli" target="_blank" class="btn btn-small">Linode CLI on GitHub</a></div>
39+
<h3 class="md:text-2xl mt-0 font-normal text-BaseGreenDark">Linode CLI</h3>
40+
<div class="md:text-lg my-3 text-light">An easy way to get up and running with the Linode API.</div>
41+
<div class="pt-3 hidden hidden md:block"><a href="https://www.linode.com/cli" target="_blank" class="btn text-sm">Linode CLI on GitHub</a></div>
4242
</div>
4343
</div>
4444
<div class="flex flex-wrap mt-8 md:mb-4 -mx-4">
@@ -74,14 +74,15 @@ <h3 class="mt-0"><a class="text-black tile-link" href="https://github.com/kahkha
7474
</article>
7575
</div>
7676
</div>
77-
<h2>Libraries</h2>
77+
<h2 class="font-normal text-BaseGreenDark">Libraries</h2>
7878
<div class="flex flex-wrap md:mt-8 md:mb-4 -mx-4 grid">
7979
<div id="noResultsContainer" class="visually-hidden">
8080
<div class="px-4">No results</div>
8181
</div>
8282
{{ range .Paginator.Pages }}
8383
<article class="item lib-item w-full md:w-1/2 px-4 mb-4 md:mb-8 {{ range .Params.languages }}{{ lower (replace . "." "-") }} {{ end }}{{ .Params.origin }}">
8484
<div class="p-8 h-full bg-ThemeCell tile">
85+
<div class="origin mb-2 text-xs uppercase font-semibold {{ if eq .Params.origin "linode" }}text-BaseGreen{{ end }}">{{ .Params.origin }}</div>
8586
<header>
8687
<h3 class="mt-0"><a class="text-black tile-link" href="{{ .Params.external_url }}" target="_blank">{{ .Title | markdownify }}</a></h3>
8788
</header>

‎themes/dlc/layouts/index.html

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{{ define "main" }}
22
<div class="row-full relative -mt-2 px-2">
33
<section class="header max-w-3xl mx-auto px-4 md:px-8 py-12 relative z-10">
4-
<h2 class="text-center font-light text-BaseGreenDark">Manage your Account with the Linode CLI</h2>
4+
<h2 class="text-center font-normal text-BaseGreenDark">Manage your Account with the Linode CLI</h2>
55
<div class="text-2xl my-3 text-center font-light">All of the functionality of the Manager from the command line.</div>
66
{{ partial "2_molecules/code-box.html" }}
77
<div class="mt-6 text-center"><a href="https://www.linode.com/cli" target="_blank" class="btn mt-3">Get Started with the Linode CLI</a></div>
@@ -12,31 +12,31 @@ <h2 class="text-center font-light text-BaseGreenDark">Manage your Account with t
1212
<article class="w-full md:w-1/2 px-4 mb-4 md:mb-8">
1313
<div class="px-8 py-20 h-full bg-ThemeCell tile flex flex-col justify-center items-center">
1414
<h2 class="mt-0 font-normal text-center"><a href="https://developers.linode.com/" class="text-black tile-link">API Documentation</a></h3>
15-
<p class="text-xl mt-2 text-center">Reference Documentation for the Linode API</p>
15+
<p class="text-xl mt-2 text-center font-light">Reference Documentation for the Linode API</p>
1616
</div>
1717
</article>
1818
<article class="w-full md:w-1/2 px-4 mb-4 md:mb-8">
1919
<div class="p-8 py-20 h-full bg-ThemeCell tile flex flex-col justify-center items-center">
2020
<h2 class="mt-0 font-normal text-center"><a href="/guides/" class="text-black tile-link">Guides</a></h3>
21-
<p class="text-xl mt-2 text-center">How-to’s and Examples Using the Linode API</p>
21+
<p class="text-xl mt-2 text-center font-light">How-to’s and Examples Using the Linode API</p>
2222
</div>
2323
</article>
2424
<article class="w-full md:w-1/2 px-4 mb-4 md:mb-8">
2525
<div class="p-8 py-20 h-full bg-ThemeCell tile flex flex-col justify-center items-center">
2626
<h2 class="mt-0 font-normal text-center"><a href="/libraries-tools/" class="text-black tile-link">Libraries &amp; Tools</a></h3>
27-
<p class="text-xl mt-2 text-center">Jumpstart Your API Integration</p>
27+
<p class="text-xl mt-2 text-center font-light">Jumpstart Your API Integration</p>
2828
</div>
2929
</article>
3030
<article class="w-full md:w-1/2 px-4 mb-4 md:mb-8">
3131
<div class="p-8 py-20 h-full bg-ThemeCell tile flex flex-col justify-center items-center">
3232
<h2 class="mt-0 font-normal text-center"><a href="https://www.linode.com/community/" target="_blank" class="text-black tile-link">Community Questions</a></h3>
33-
<p class="text-xl mt-2 text-center">Questions and Answers from the Linode Community</p>
33+
<p class="text-xl mt-2 text-center font-light">Questions and Answers from the Linode Community</p>
3434
</div>
3535
</article>
3636
</div>
3737

3838
<div class="mx-auto text-center max-w-lg my-8">
39-
<h2 class="font-light text-BaseGreenDark">Events</h2>
39+
<h2 class="text-BaseGreenDark font-normal">Events</h2>
4040
<div class="text-2xl my-3 font-light">Catch us on the road at conferences, meetups, and job fairs.</div>
4141
</div>
4242
<div class="my-8 -mx-4 pb-8">
@@ -47,11 +47,11 @@ <h2 class="font-light text-BaseGreenDark">Events</h2>
4747
<article class="w-full md:w-1/3 px-4 mb-4 md:mb-8">
4848
<div class="p-8 h-full bg-ThemeCell tile">
4949
<header>
50-
<h3 class="mt-0 mb-4"><a href="{{ .Params.event_url }}" class="text-black tile-link" target="_blank">{{ .Title | markdownify }}</a></h3>
50+
<h3 class="mt-0 mb-4 font-normal"><a href="{{ .Params.event_url }}" class="text-black tile-link" target="_blank">{{ .Title | markdownify }}</a></h3>
5151
</header>
5252
<section>
53-
<div><strong>{{ .Params.location }}</strong></div>
54-
<div><strong>{{ dateFormat "Jan 2, 2006" .Params.start_date }}</strong></div>
53+
<div>{{ .Params.location }}</div>
54+
<div>{{ dateFormat "Jan 2, 2006" .Params.start_date }}</div>
5555
<p>{{ .Content }}</p>
5656
</section>
5757
</div>
@@ -64,8 +64,8 @@ <h3 class="mt-0 mb-4"><a href="{{ .Params.event_url }}" class="text-black tile-l
6464

6565
<div class="relative row-full pb-8 home-cubes">
6666
<div class="mx-auto text-center max-w-lg my-8">
67-
<h2 class="font-light text-BaseGreenDark">Careers at Linode</h2>
68-
<div class="text-2xl mt-4 font-light">Help us create the platform of tomorrow.</div>
67+
<h2 class="font-normal text-BaseGreenDark">Careers at Linode</h2>
68+
<div class="text-2xl mt-2 font-light">Help us create the platform of tomorrow.</div>
6969
<a class="btn block mx-auto mt-6" href="https://www.linode.com/careers" target="_blank">View Opportunities</a>
7070
</div>
7171
</div>

‎themes/dlc/layouts/partials/2_molecules/changelogs.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="flex flex-wrap mb-4 py-4">
1+
<div class="flex flex-wrap">
22
<div class="w-full md:w-1/4 py-2 md:p-6 md:text-right mt-1 flex items-center md:block">
33
<div class="timeago mr-4 md:mr-0" datetime='{{ .Date.Format "2006-01-02T15:04:05-07:00" }}'>{{ .Date }}</div>
44
{{ if .Params.version }}

‎themes/dlc/layouts/partials/3_organisms/banner.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<div class="bg-BaseGreen">
22
<header class="header max-w-3xl mx-auto px-4 md:px-8 py-8 text-white">
3-
<div class="text-4xl">{{ .Title }}</div>
3+
<div class="text-4xl leading-none font-semibold">{{ .Title }}</div>
44
<div class="text-3xl font-light">
55
{{ .Subtitle }}
66
</div>

‎themes/dlc/srcCSS/components/2_molecules/tile.css

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,16 @@
1414
height: 100%;
1515
}
1616

17-
.tile section {
17+
.tile section,
18+
.tile .origin {
1819
transition: color 225ms ease-in-out;
1920
}
2021

2122
.tile-link:hover {
2223
@apply text-BaseGreen;
2324
}
25+
26+
27+
.tile:hover .origin {
28+
@apply text-BaseGreenDark;
29+
}

‎themes/dlc/tailwind.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
const config = require('../linode-hugo-theme/tailwind');
22

3-
config.colors['ThemeCell'] = '#EBEFF0';
3+
config.colors['ThemeCell'] = '#F4F4F4';
44
config.colors['ThemeBeige'] = '#ECECEC';
55
config.colors['ThemeTagGrey'] = '#E1E8EC';
66

0 commit comments

Comments
 (0)