Skip to content

Commit fef56c7

Browse files
Josh SagerAlban Bailly
Josh Sager
authored and
Alban Bailly
committed
Design of changelog page
Includes a new footer-nav.html to match mockups
1 parent 7f45641 commit fef56c7

File tree

5 files changed

+145
-1
lines changed

5 files changed

+145
-1
lines changed

‎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/static/assets/css/main.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<<<<<<< HEAD
12
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
23

34
/* Document
@@ -870,3 +871,6 @@ a.active {
870871
width: 33.33333%;
871872
}
872873
}
874+
=======
875+
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}h1{font-size:2em;margin:.67em 0}main{display:block}a{-webkit-text-decoration-skip:objects;background-color:transparent}img{border-style:none}/* 1 */ [type=reset],[type=submit],html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/* 1 */[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}h1,h2,h3,p{margin:0}[tabindex="-1"]:focus{outline:none!important}*,:after,:before{border:0 solid #dae1e7}img{border-style:solid}[type=button],[type=reset],[type=submit]{border-radius:0}img{max-width:100%}[role=button]{cursor:pointer}.container{width:100%}@media (min-width:576px){.container{max-width:576px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:992px){.container{max-width:992px}}@media (min-width:1200px){.container{max-width:1200px}}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.h-12{height:3rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.max-w-xl{max-width:60rem}.p-4{padding:1rem}.text-center{text-align:center}.text-right{text-align:right}.w-1{width:.25rem}.w-3{width:.75rem}.w-full{width:100%}
876+
>>>>>>> Design of changelog page

‎themes/linode-hugo-base-theme/layouts/_default/baseof.html

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,14 @@
2020
{{ end }}
2121
</main>
2222
</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>
2331
</div>
2432

2533
<div class="footer-wrapper bg-black">

‎themes/linode-hugo-base-theme/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/linode-hugo-base-theme/layouts/partials/3_organisms/footer.html

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,19 @@
1-
&copy; {{ now.Year }} {{ .Site.Title }}
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>

0 commit comments

Comments
 (0)