baseof.html starter

This commit is contained in:
Heydon Pickering 2017-06-12 19:05:48 +08:00
parent db12ddad58
commit 9c6be0cf25
8 changed files with 1424 additions and 1667 deletions

View File

@ -8,3 +8,5 @@ wcag = ["1-1-1"]
{{% principles include="add value" %}} {{% principles include="add value" %}}
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit <em>amet tellus</em> nec mi gravida posuere non <a href='#'>pretium magna</a>. Nulla vel magna sit amet dui lobortis commodo vitae vel nulla sit amet ante hendrerit tempus. Donec tempus tempus tellus, ac <abbr title='Hypertext Markup Language'>HTML</abbr> lacinia turpis mattis ac. Suspendisse potenti. Nunc iaculis risus vel orci ornare dignissim sed vitae nulla. Donec a congue leo? Fusce ac sodales <abbr title='Cascading Style Sheets'>CSS</abbr> magna. </p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit <em>amet tellus</em> nec mi gravida posuere non <a href='#'>pretium magna</a>. Nulla vel magna sit amet dui lobortis commodo vitae vel nulla sit amet ante hendrerit tempus. Donec tempus tempus tellus, ac <abbr title='Hypertext Markup Language'>HTML</abbr> lacinia turpis mattis ac. Suspendisse potenti. Nunc iaculis risus vel orci ornare dignissim sed vitae nulla. Donec a congue leo? Fusce ac sodales <abbr title='Cascading Style Sheets'>CSS</abbr> magna. </p>
{{% wcag include="1.1.1" %}}

File diff suppressed because it is too large Load Diff

View File

@ -1,15 +1,10 @@
{{ partial "header.html" . }} {{ define "title" }}
<main id="main"> {{ .Title }}
<h1>{{ .Title }}</h1> {{ end }}
{{ .Content }}
{{ if .Params.wcag }} {{ define "main" }}
<h2>Relevant WCAG References</h2> <main id="main">
<ul class="wcag"> <h1>{{ .Title }}</h1>
{{ range .Params.wcag }} {{ .Content }}
<li>{{ partial (printf "wcag/%s.html" .) }}</li> </main>
{{ end }} {{ end }}
</ul>
{{ end }}
</main>
{{ partial "footer.html" . }}

View File

@ -1,3 +1,6 @@
<footer role="contentinfo">By Heydon Pickering</footer>
</div>
</div>
<script src="/js/prism.js"></script> <script src="/js/prism.js"></script>
<script src="/js/dom-scripts.js"></script> <script src="/js/dom-scripts.js"></script>
</body> </body>

View File

@ -1,55 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="canonical" href="{{ .Permalink }}">
{{ if .RSSLink }}
<link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Title }}" />
{{ end }}
<link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700&text=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz%26" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
<link rel="stylesheet" href="/css/prism.css" />
<link rel="stylesheet" type="text/css" href="/css/styles.css">
<title>{{ .Title }} | {{ .Site.Title }}</title>
</head>
<body>
<nav aria-label="library">
<div id="sidebar" class="nav-collapse">
<!-- sidebar menu start-->
<ul class="sidebar-menu">
{{ $currentNode := . }}
{{ range .Site.Menus.main }}
{{ if .HasChildren }}
<li class="sub-menu{{if $currentNode.HasMenuCurrent "main" . }} active{{end}}">
<a href="javascript:;" class="">
{{ .Pre }}
<!--<i class="icon_desktop"></i>-->
<span>{{ .Name }}</span>
<span class="menu-arrow fa {{if $currentNode.HasMenuCurrent "main" . }}fa-angle-down{{else}}fa-angle-right{{end}}"></span>
</a>
<ul class="sub{{if $currentNode.HasMenuCurrent "main" . }} open{{end}}">
{{ range .Children }}
<li{{if $currentNode.IsMenuCurrent "main" . }} class="active"{{end}}><a href="{{.URL}}">{{ .Name }}</a> </li>
{{ end }}
</ul>
{{else}}
<li>
<a class="" href="{{.URL}}">
{{ .Pre }}
<!--<i class="icon_house_alt"></i>-->
<span>{{ .Name }}</span>
</a>
{{end}}
</li>
{{end}}
<li> <a href="https://github.com/spf13/hugo/issues" target="blank"><i class='fa fa-life-ring'></i> <span>Issues & Help</span></a> </li>
{{ if .IsPage }}
{{ $File := .File }} {{with $File.Path }}<li><a href="https://github.com/spf13/hugo/edit/master/docs/content/{{ $File.Dir }}{{ $File.LogicalName }}" target="blank"><i class='fa fa-edit'></i> Refine this Page</a> </li>{{end}}
{{ end }}
</ul>
<!-- sidebar menu end-->
</div>
</nav>

View File

@ -1 +0,0 @@
<strong>1.1.1</strong> This is the description of 1.1.1

View File

@ -1,9 +1,8 @@
{{ $JSON := $.Site.Data.principles }} {{ $JSON := $.Site.Data.principles }}
{{ $included := split (.Get "include") ", " }} {{ $included := split (.Get "include") ", " }}
<ul> <ul class="principles">
{{ range $JSON.principles }} {{ range $JSON.principles }}
{{ $title := lower .title }} {{ if in $included (lower .title) }}
{{ if in $included $title }}
<li> <li>
<strong><a href="https://inclusivedesignprinciples.org#{{ .title | urlize }}">{{ .title }}</a>:</strong> {{ .strapline }} <strong><a href="https://inclusivedesignprinciples.org#{{ .title | urlize }}">{{ .title }}</a>:</strong> {{ .strapline }}
</li> </li>

View File

@ -73,7 +73,7 @@ h1, h2, h3, h4 {
} }
h1 { h1 {
font-size: 2.25rem; font-size: 2rem;
} }
h2 { h2 {
@ -103,6 +103,20 @@ code {
font-size: 0.85rem; font-size: 0.85rem;
} }
/* List */
main ul {
margin-left: 2.25rem;
}
main ul ul {
margin-top: 0;
}
.wcag ul li {
font-size: 0.85em;
}
/* Buttons */ /* Buttons */
button { button {