~exprez135/mediumish-taliaferro

14b5b51c23c0aafa98833df6a0368ce9e00ae177 — Nate Ijams 2 months ago 23c4260 stable
Change structure of pages to use semantic elements.

Now properly use <nav>, <header>, <main>, etc.
M layouts/_default/list.html => layouts/_default/list.html +2 -2
@@ 5,7 5,7 @@
    {{ printf "<!-- Begin Main Content -->"| safeHTML }}
    <div class="main-content">
	      {{ printf "<!-- Posts Index -->" | safeHTML }}
        <section class="recent-posts">
        <main class="recent-posts">

            {{/* The following section lists the most recent posts. */}}
            <div class="row listrecent">


@@ 23,7 23,7 @@
                {{ end }}
                {{ printf "<!-- End Post Boxes -->"| safeHTML }}
            </div>
        </section>
        </main>

        {{/* pagination.html defines the buttons on the screen which allow you to go to the next or previous page of results. */}}
        {{ printf "<!-- Begin Pagination -->"| safeHTML }}

M layouts/_default/single.html => layouts/_default/single.html +18 -8
@@ 1,9 1,9 @@
{{/* single.html defines each indidivual page (as opposed to list pages). In other words, it shows info for each post, about page, etc.)*/}}
{{/* single.html defines each individual page (as opposed to list pages). In other words, it shows info for each post, about page, etc.)*/}}
{{ define "main" }}
{{- partial "_shared/title.html" . -}}
<meta name="description" content="{{ .Summary }}">
<meta name="keywords" content="{{ $.Site.Params.meta.keywords }}">
<div class="main-content">
<main class="main-content">
  {{ printf "<!-- Begin Article -->" | safeHTML }}
  <div class="container">
    <div class="row">


@@ 12,6 12,7 @@
  {{/* Post: Actual content of the article/post. */}}
  {{ printf "<!-- Post Content  -->" | safeHTML }}
  <div class="col-md-9 flex-first flex-md-unordered">
  <article>
    <div class="mainheading">
      {{ printf "<!-- Post Title -->" | safeHTML }}
      <h1 class="posttitle">{{ .Title }}</h1>


@@ 92,7 93,7 @@
{{ printf "<!-- Feedback partial - including revision history, tags, feedback notice, & more. -->" | safeHTML }}
{{- partial "single-partials/feedback.html" . -}}
{{/* NOTE FROM NATE: ADDED THIS ENTIRE IDEA TO PUT SOMETHING AT THE END OF ALL POSTS (E.G. COPYRIGHT AND SEND FEEDBACK AND LETTERS TO THE EDITORS) */}}

</article>

<!--
{{/* Post Share: The share section on the left or bottom of page with social media links. */}}


@@ 104,7 105,7 @@


{{ printf "<!-- Next and PrevPage inside current section -->" | safeHTML }}
<div class="row PageNavigation d-flex justify-content-between font-weight-bold">
<nav aria-label="Navigation between neighboring articles" class="row PageNavigation d-flex justify-content-between font-weight-bold">
{{with .NextInSection}}
<a class="d-block col-md-6" href="{{.URL}}">
&laquo;


@@ 115,11 116,20 @@
&raquo;</a>
{{end}}
<div class="clearfix"></div>
</div>
</nav>
{{/* End Next and PrevPage */}}
</div>
{{/* End Post */}}
</div>
</div>{{/* End Article
        ================================================== */}}{{ printf "<!-- Comments, if enabled in front matter and configured in config.yaml -->" | safeHTML }}{{ if .Params.comments }}
{{- partial "single-partials/comments.html" . -}}{{ end }} </div>{{ end }}
</div>

{{/* End Article
        ================================================== */}}
{{ printf "<!-- Comments, if enabled in front matter and configured in config.yaml -->" | safeHTML }}
{{ if .Params.comments }}
{{- partial "single-partials/comments.html" . -}}
{{ end }} 

</main>

{{ end }}

M layouts/partials/_shared/alertbar.html => layouts/partials/_shared/alertbar.html +4 -3
@@ 2,14 2,15 @@
================================================== -->
<div class="alertbar">
	<div class="container text-center">
			<label for="EMAIL">
			<label for="Email">
					<span style="font-family:charterbold;">The Taliaferro Times</span>
					<span>&nbsp; Never miss a <b>story</b>, subscribe to our newsletter</span>
			</label>
        <form action="https://thetaliaferrotimes.us19.list-manage.com/subscribe/post?u=d26cf2ca72382457545be7bf6&amp;id=47e6abb364" method="post" name="mc-embedded-subscribe-form" target="_blank" novalidate>
			<input type="email" placeholder="Email" name="EMAIL" autocomplete="on" required>
			<input aria-label="Email" name="Email" type="email" placeholder="Email" autocomplete="on" required>
	    	<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
	    	<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d26cf2ca72382457545be7bf6_47e6abb364" tabindex="-1" value=""></div>
	    	<div style="position: absolute; left: -5000px;"
aria-label="Ignore This."><input aria-label="ignore this" aria-hidden="true" type="text" name="b_d26cf2ca72382457545be7bf6_47e6abb364" tabindex="-1" value=""></div>
		<input type="submit" value="Subscribe" name="subscribe" >
        </form>


M layouts/partials/_shared/jumbotron.html => layouts/partials/_shared/jumbotron.html +2 -2
@@ 1,7 1,7 @@
<!-- Categories Jumbotron
================================================== -->
<!-- This partial defines the "tags" section on each page.-->
<div class="jumbotron fortags">
<nav aria-label="Category Navigation" class="jumbotron fortags">
	<div class="d-md-flex h-100">
		<div class="col-md-4 transpdark align-self-center text-center h-100">
			<div class="d-md-flex align-items-center justify-content-center h-100">


@@ 14,4 14,4 @@
			{{ end }}
		</div>
	</div>
</div>
</nav>

M layouts/partials/_shared/navbar.html => layouts/partials/_shared/navbar.html +5 -5
@@ 1,11 1,11 @@
{{ printf "<!-- Begin Menu Navigation -->"| safeHTML }}
<nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top mediumnavigation nav-down">
<header class="navbar navbar-expand-lg navbar-light bg-white fixed-top mediumnavigation nav-down">
    <div class="container pr-0">
        {{ printf "<!-- Begin Logo -->"| safeHTML }}
        <a class="navbar-brand" href="{{ .Site.BaseURL }}/">

            {{- with .Site.Params.logo -}}
            <img src="{{ . | urlize | relURL }}" alt="logo">
            <img src="{{ . | urlize | relURL }}" alt="Logo of the Taliaferro Times. Orange, stylized letter T.">
            {{- else -}}
            <span style="font-family:Righteous;">{{.Site.Title}}</span>
            {{- end -}}


@@ 13,7 13,7 @@
        {{ printf "<!-- End Logo -->"| safeHTML }}

        {{ printf "<!-- Begin Menu -->"| safeHTML }}
        <div class="" id="navbarMediumish">
        <nav aria-label="Main Navigation"class="" id="navbarMediumish">
            {{ $currentPage := . }}
            <ul class="navbar-nav ml-auto">
                {{ range .Site.Menus.main }}


@@ 23,8 23,8 @@
                {{ end }}

            </ul>
        </div>
        </nav>
        {{ printf "<!-- End Menu -->"| safeHTML }}
    </div>
</nav>
</header>
{{ printf "<!-- End Menu Navigation -->"| safeHTML }}

M layouts/partials/_shared/title.html => layouts/partials/_shared/title.html +2 -2
@@ 1,8 1,8 @@
<!-- Site Title
================================================== -->
<div class="mainheading">
<header aria-label="Site Title" class="mainheading">
    <h1 class="sitetitle">{{ .Site.Title }}</h1>
    <p class="lead">
         {{ .Site.Params.Description }}
    </p>
</div>
\ No newline at end of file
</header>

M layouts/partials/list-partials/pagination.html => layouts/partials/list-partials/pagination.html +4 -4
@@ 1,8 1,8 @@
<!-- Pagination
================================================== -->
<div class="bottompagination">
  <div class="pointerup"><i class="fa fa-caret-up"></i></div>
  <span class="navigation" role="navigation">
<nav class="bottompagination">
  <div class="pointerup"><i aria-hidden="true" class="fa fa-caret-up"></i></div>
  <span class="navigation">
    {{ if gt .TotalPages 1 }}
      <div class="pagination">
        {{ if ne .PageNumber 1}}


@@ 35,4 35,4 @@
      </div>
    {{ end }}
  </span>
</div>
</nav>

M layouts/partials/list-partials/postbox.html => layouts/partials/list-partials/postbox.html +3 -3
@@ 1,5 1,5 @@
<!-- begin post -->
<div class="col-lg-4 col-md-6 mb-30px card-group">
<article class="col-lg-4 col-md-6 mb-30px card-group">
    <div class="card h-100">
        <div class="maxthumb">
		{{ $altimage := .Params.imageDescription }}


@@ 21,7 21,7 @@
        </div>
        <div class="card-body">
            <h2 class="card-title"><a class="text-dark" href="{{ .URL }}">{{ .Title }}</a></h2>
            <h4 class="card-text">{{ .Summary }}</h4>
            <h3 class="card-text">{{ .Summary }}</h4>
        </div>
        <div class="card-footer bg-white">
            <div class="wrapfooter">


@@ 44,5 44,5 @@
            </div>
        </div>
    </div>
</div>
</article>
<!-- end post -->