baseof.html starter
This commit is contained in:
Heydon Pickering
parent
db12ddad58
commit
9c6be0cf25
|
|
@ -8,3 +8,5 @@ wcag = ["1-1-1"]
|
|||
{{% 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>
|
||||
|
||||
{{% wcag include="1.1.1" %}}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,15 +1,10 @@
|
|||
{{ partial "header.html" . }}
|
||||
<main id="main">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
{{ define "title" }}
|
||||
{{ .Title }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Params.wcag }}
|
||||
<h2>Relevant WCAG References</h2>
|
||||
<ul class="wcag">
|
||||
{{ range .Params.wcag }}
|
||||
<li>{{ partial (printf "wcag/%s.html" .) }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
</main>
|
||||
{{ partial "footer.html" . }}
|
||||
{{ define "main" }}
|
||||
<main id="main">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,6 @@
|
|||
<footer role="contentinfo">By Heydon Pickering</footer>
|
||||
</div>
|
||||
</div>
|
||||
<script src="/js/prism.js"></script>
|
||||
<script src="/js/dom-scripts.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -1 +0,0 @@
|
|||
<strong>1.1.1</strong> This is the description of 1.1.1
|
||||
|
|
@ -1,9 +1,8 @@
|
|||
{{ $JSON := $.Site.Data.principles }}
|
||||
{{ $included := split (.Get "include") ", " }}
|
||||
<ul>
|
||||
<ul class="principles">
|
||||
{{ range $JSON.principles }}
|
||||
{{ $title := lower .title }}
|
||||
{{ if in $included $title }}
|
||||
{{ if in $included (lower .title) }}
|
||||
<li>
|
||||
<strong><a href="https://inclusivedesignprinciples.org#{{ .title | urlize }}">{{ .title }}</a>:</strong> {{ .strapline }}
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@ h1, h2, h3, h4 {
|
|||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.25rem;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
|
|
@ -103,6 +103,20 @@ code {
|
|||
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 */
|
||||
|
||||
button {
|
||||
|
|
|
|||
Loading…
Reference in New Issue