Skip to content

Commit 99a46ca

Browse files
Alban BaillyGitHub Enterprise
Alban Bailly
authored and
GitHub Enterprise
committed
Merge pull request linode#8 from jsager/changelog-page
Design of changelog page
2 parents 7f45641 + 7a9b47f commit 99a46ca

File tree

6 files changed

+251
-2
lines changed

6 files changed

+251
-2
lines changed

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

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
{{ partial "0_utilities/htmlHead.html" . }}
2+
3+
{{ if .Site.Params.dev.enable}}
4+
{{ partial "1_atoms/cssinfo.html" . }}
5+
{{ end }}
6+
7+
<div class="content">
8+
<div class="header-wrapper bg-light-black">
9+
<header class="header max-w-4xl mx-auto p-4 flex flex-wrap items-center justify-between">
10+
{{ block "header" . }}
11+
{{ partial "3_organisms/header.html" . }}
12+
{{ end }}
13+
</header>
14+
</div>
15+
16+
<div class="main-wrapper max-w-4xl mx-auto p-4">
17+
<main class="main">
18+
{{ block "main" . }}
19+
{{ partial "3_organisms/content.html" . }}
20+
{{ end }}
21+
</main>
22+
</div>
23+
24+
<div class="footer-nav-wrapper mx-auto p-4 items-center justify-between">
25+
<div class="footer-nav">
26+
{{ block "footer-nav" . }}
27+
{{ partial "3_organisms/footer-nav.html" . }}
28+
{{ end }}
29+
</div>
30+
</div>
31+
</div>
32+
33+
<div class="footer-wrapper bg-black">
34+
<footer class="footer max-w-4xl mx-auto py-8 px-4 text-white">
35+
{{ block "footer" . }}
36+
{{ partial "3_organisms/footer.html" . }}
37+
{{ end }}
38+
</footer>
39+
</div>
40+
41+
{{ partial "0_utilities/scripts.html" . }}
42+
{{ partial "0_utilities/htmlFoot.html" . }}

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

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
{{ define "main" }}
2+
<div class="container mx-auto max-w-xl">
3+
4+
<div class="flex mb-4">
5+
<div class="w-full h-12 text-center">
6+
<h1>{{ .Title }}</h1>
7+
<h2>Latest updates from the Linode team</h2>
8+
</div>
9+
</div>
10+
11+
<div class="flex mb-4">
12+
<div class="w-1/4 p-4">
13+
<a href="/changelog/catgeories/APIv4" class="header-category">APIv4</a>
14+
</div>
15+
<div class="w-1/4 p-4">
16+
<a href="/changelog/categories/community" class="header-category">Community</a>
17+
</div>
18+
<div class="w-1/4 p-4">
19+
<a href="/changelog/categories/manager" class="header-category">Manager</a>
20+
</div>
21+
</div>
22+
23+
<div class="flex mb-4">
24+
<div class="w-full h-12">
25+
<p>
26+
Our Changelog follows semantic versioning according to the
27+
<a href="https://semver.org" target="_blank">Semantic
28+
Versioning 2.0.0 Guidelines</a>.
29+
</p>
30+
</div>
31+
</div>
32+
33+
{{ range .Paginator.Pages }}
34+
<div class="flex mb-4">
35+
<div class="w-1/4 p-4 text-right">
36+
<p>{{ .Date.Format "January 1, 2006" }}</p>
37+
{{ if .Params.version }}
38+
<p>version {{ .Params.version }}</p>
39+
{{ end }}
40+
</div>
41+
<div class="w-3/4 p-4">
42+
<h3>
43+
{{ .Title | markdownify }}
44+
</h3>
45+
<p>
46+
{{ .Content | markdownify }}
47+
</p>
48+
</div>
49+
</div>
50+
{{ end }}
51+
52+
{{ partial "2_molecules/paginator" . }}
53+
</div>
54+
{{ end }}

‎themes/dlc/layouts/partials/3_organisms/footer-nav.html

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
<div class="container mx-auto max-w-xl">
2+
<div class="flex mb-4">
3+
<div class="flex-1 h-12">
4+
<h5><a href="https://linode.com/linodes">Overview</a></h5>
5+
<ul>
6+
<li><a href="https://linode.com/pricing">Plans &amp; Pricing</a></li>
7+
<li><a href="https://linode.com/linodes">Features</a></li>
8+
<li><a href="https://linode.com/addons">Add-Ons</a></li>
9+
<li><a href="https://linode.com/managed">Managed</a></li>
10+
<li><a href="https://linode.com/professional-services">Professional Services</a></li>
11+
</ul>
12+
</div>
13+
<div class="flex-1 h-12">
14+
<h5><a href="https://linode.com/docs">Resources</a></h5>
15+
<ul>
16+
<li><a href="https://linode.com/docs">Guides &amp; Tutorials</a></li>
17+
<li><a href="https://linode.com/speedtest">Speed Test</a></li>
18+
<li><a href="https://linode.com/community">Community</a></li>
19+
<li><a href="https://linode.com/chat">Chat</a></li>
20+
<li><a href="http://status.linode.com/">System Status</a></li>
21+
</ul>
22+
</div>
23+
<div class="flex-1 h-12">
24+
<h5><a href="https://linode.com/about">Company</a></h5>
25+
<ul>
26+
<li><a href="https://linode.com/about">About Us</a></li>
27+
<li><a href="https://blog.linode.com">Blog</a></li>
28+
<li><a href="https://linode.com/press">Press</a></li>
29+
<li><a href="https://linode.com/referrals">Referral System</a></li>
30+
<li><a href="https://linode.com/careers">Careers</a></li>
31+
</ul>
32+
</div>
33+
<div class="flex-1 h-12">
34+
<h5><a href="https://linode.com/agreement">Legal</a></h5>
35+
<ul>
36+
<li><a href="https://linode.com/agreement">Customer Agreement</a></li>
37+
<li><a href="https://linode.com/tos">Terms of Service</a></li>
38+
<li><a href="https://linode.com/privacy">Privacy Policy</a></li>
39+
<li><a href="https://linode.com/aup">Acceptable Use Policy</a></li>
40+
</ul>
41+
</div>
42+
<div class="flex-1 h-12">
43+
<h5><a href="https://linode.com/contact">Contact Us</a></h5>
44+
<ul>
45+
<li><a href="tel:+18554546633">855-4-LINODE</a></li>
46+
<li><a href="tel:+18554546633">(855-454-6633)</a></li>
47+
<li><a href="tel:+16093807100">Intl.: +1 609-380-7100</a></li>
48+
<li><a href="mailto:[email protected]">Email us</a></li>
49+
<li>
50+
<br />
51+
<a target="_blank" href="https://facebook.com/linode"><i class="fa fa-facebook-square"></i></a>
52+
<a target="_blank" href="https://twitter.com/linode"><i class="fa fa-twitter-square"></i></a>
53+
<a target="_blank" href="https://plus.google.com/+linode/"><i class="fa fa-google-plus-square"></i></a>
54+
<a target="_blank" href="https://linkedin.com/company/linode"><i class="fa fa-linkedin-square"></i></a>
55+
<a target="_blank" href="https://github.com/linode/"><i class="fa fa-github-square"></i></a>
56+
</li>
57+
</ul>
58+
</div>
59+
</div>
60+
</div>

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

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<div class="container mx-auto max-w-xl">
2+
<div class="flex -mx-2">
3+
<div class="w-1/3 px-2 text-center">
4+
<div class="h-12">
5+
&copy; {{ now.Year }} Linode, LLC
6+
</div>
7+
</div>
8+
<div class="w-1/3 px-2 text-center">
9+
<div class="h-12">
10+
<a href="https://www.linode.com/security" target="_blank">Security</a>
11+
</div>
12+
</div>
13+
<div class="w-1/3 px-2 text-center">
14+
<div class="h-12">
15+
<a href="https://www.linode.com/compliance" target="_blank">Standards &amp; Compliance</a>
16+
</div>
17+
</div>
18+
</div>
19+
</div>

‎themes/dlc/static/assets/css/main.css

Lines changed: 75 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -381,6 +381,7 @@ html {
381381
h1,
382382
h2,
383383
h3,
384+
h5,
384385
p {
385386
margin: 0;
386387
}
@@ -483,6 +484,34 @@ button,
483484
cursor: pointer;
484485
}
485486

487+
.container {
488+
width: 100%;
489+
}
490+
491+
@media (min-width: 576px) {
492+
.container {
493+
max-width: 576px;
494+
}
495+
}
496+
497+
@media (min-width: 768px) {
498+
.container {
499+
max-width: 768px;
500+
}
501+
}
502+
503+
@media (min-width: 992px) {
504+
.container {
505+
max-width: 992px;
506+
}
507+
}
508+
509+
@media (min-width: 1200px) {
510+
.container {
511+
max-width: 1200px;
512+
}
513+
}
514+
486515
.bg-black {
487516
background-color: #22292f;
488517
}
@@ -543,6 +572,16 @@ button,
543572
justify-content: space-between;
544573
}
545574

575+
.flex-1 {
576+
-webkit-box-flex: 1;
577+
-ms-flex: 1;
578+
flex: 1;
579+
}
580+
581+
.h-12 {
582+
height: 3rem;
583+
}
584+
546585
.h-full {
547586
height: 100%;
548587
}
@@ -581,6 +620,10 @@ button,
581620
max-width: 50rem;
582621
}
583622

623+
.max-w-xl {
624+
max-width: 60rem;
625+
}
626+
584627
.max-w-2xl {
585628
max-width: 70rem;
586629
}
@@ -589,6 +632,11 @@ button,
589632
max-width: 90rem;
590633
}
591634

635+
.-mx-2 {
636+
margin-left: -0.5rem;
637+
margin-right: -0.5rem;
638+
}
639+
592640
.-mx-4 {
593641
margin-left: -1rem;
594642
margin-right: -1rem;
@@ -602,6 +650,11 @@ button,
602650
padding: 2rem;
603651
}
604652

653+
.px-2 {
654+
padding-left: .5rem;
655+
padding-right: .5rem;
656+
}
657+
605658
.px-4 {
606659
padding-left: 1rem;
607660
padding-right: 1rem;
@@ -624,6 +677,10 @@ button,
624677
text-align: center;
625678
}
626679

680+
.text-right {
681+
text-align: right;
682+
}
683+
627684
.text-white {
628685
color: #fff;
629686
}
@@ -638,6 +695,18 @@ button,
638695
white-space: nowrap;
639696
}
640697

698+
.w-1\/3 {
699+
width: 33.33333%;
700+
}
701+
702+
.w-1\/4 {
703+
width: 25%;
704+
}
705+
706+
.w-3\/4 {
707+
width: 75%;
708+
}
709+
641710
.w-full {
642711
width: 100%;
643712
}
@@ -676,7 +745,8 @@ body {
676745

677746
h1,
678747
h2,
679-
h3 {
748+
h3,
749+
h5 {
680750
font-family: Lato, sans-serif;
681751
font-weight: var(--heading-font-weight);
682752
line-height: var(--heading-line-height);
@@ -707,6 +777,10 @@ h3 {
707777
font-size: var(--h3);
708778
}
709779

780+
h5 {
781+
font-size: var(--h5);
782+
}
783+
710784
a {
711785
color: #1ab15c;
712786
text-decoration: none;

‎themes/linode-hugo-base-theme/layouts/partials/3_organisms/footer.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
&copy; {{ now.Year }} {{ .Site.Title }}
1+
&copy; {{ now.Year }} {{ .Site.Title }}

0 commit comments

Comments
 (0)