Much progress on templates
This commit is contained in:
1
.gitignore
vendored
1
.gitignore
vendored
@@ -1,4 +1,5 @@
|
||||
App_Data
|
||||
is-cache
|
||||
|
||||
## Ignore Visual Studio temporary files, build results, and
|
||||
## files generated by popular Visual Studio add-ons.
|
||||
|
||||
13
src/Themes/BenRameyTheme/Views/Blog-ListPart.liquid
Normal file
13
src/Themes/BenRameyTheme/Views/Blog-ListPart.liquid
Normal file
@@ -0,0 +1,13 @@
|
||||
{% for item in Model.ContentItems %}
|
||||
{{ item | shape_build_display: "Summary" | shape_render }}
|
||||
{% endfor %}
|
||||
|
||||
{% assign previousText = "← Newer Posts" | t %}
|
||||
{% assign nextText = "Older Posts →" | t %}
|
||||
{% assign previousClass = "previous" | t %}
|
||||
{% assign nextClass = "next" | t %}
|
||||
|
||||
{% shape_pager Model.Pager previous_text: previousText, next_text: nextText
|
||||
, previous_class: previousClass, next_class: nextClass %}
|
||||
|
||||
{{ Model.Pager | shape_render }}
|
||||
9
src/Themes/BenRameyTheme/Views/BlogPost-Category.liquid
Normal file
9
src/Themes/BenRameyTheme/Views/BlogPost-Category.liquid
Normal file
@@ -0,0 +1,9 @@
|
||||
<nav class="post-categories">
|
||||
<span>{{ "posted in" | t }}:</span>
|
||||
{% assign categoryTerms = Model.Field | taxonomy_terms %}
|
||||
{% for categoryTerm in categoryTerms %}
|
||||
{% a display_for: categoryTerm %}
|
||||
{{ categoryTerm.DisplayText }}
|
||||
{% enda %}
|
||||
{% endfor %}
|
||||
</nav>
|
||||
@@ -0,0 +1,8 @@
|
||||
<nav class="post-tags">
|
||||
{% assign tagTerms = Model.Field | taxonomy_terms %}
|
||||
{% for tagTerm in tagTerms %}
|
||||
{% a display_for: tagTerm %}
|
||||
#{{ tagTerm }}
|
||||
{% enda %}
|
||||
{% endfor %}
|
||||
</nav>
|
||||
3
src/Themes/BenRameyTheme/Views/Content-Blog.liquid
Normal file
3
src/Themes/BenRameyTheme/Views/Content-Blog.liquid
Normal file
@@ -0,0 +1,3 @@
|
||||
<article>
|
||||
{{ Model.Content | shape_render }}
|
||||
</article>
|
||||
20
src/Themes/BenRameyTheme/Views/Content-BlogPost.liquid
Normal file
20
src/Themes/BenRameyTheme/Views/Content-BlogPost.liquid
Normal file
@@ -0,0 +1,20 @@
|
||||
<article class="post">
|
||||
<h1 class="post-title">{{ Model.ContentItem.DisplayText }}</h1>
|
||||
|
||||
<div class="post-info d-flex justify-content-start">
|
||||
{% assign postDateTime = "DateTime" | shape_new: class: "post-date", utc: Model.ContentItem.CreatedUtc, format: "%a
|
||||
%b %e, %Y" %}
|
||||
{{ postDateTime | shape_render }}
|
||||
{{ Model.Content.BlogPost-Tags | shape_render }}
|
||||
{{ Model.Content.BlogPost-Category | shape_render }}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
{{ Model.Content.MarkdownBodyPart | shape_render }}
|
||||
</div>
|
||||
</article>
|
||||
<section class="comments">
|
||||
<a id="comments-section">
|
||||
<h2>Comments</h2>
|
||||
</a>
|
||||
</section>
|
||||
1
src/Themes/BenRameyTheme/Views/DateTime.liquid
Normal file
1
src/Themes/BenRameyTheme/Views/DateTime.liquid
Normal file
@@ -0,0 +1 @@
|
||||
<time dateTime="{{ Model.Utc }}" class="{{ Model.Class }}">{{ Model.Utc | date: Model.Format }}</time>
|
||||
@@ -1,53 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ Culture.Name }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<title>{% page_title Site.SiteName, position: "before", separator: " - " %}</title>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
{% resources type: "Meta" %}
|
||||
<title>{% page_title Site.SiteName, position: "before", separator: " - " %}</title>
|
||||
|
||||
{% link type: "image/x-icon", rel: "shortcut icon", href: "~/BenRameyTheme/assets/favicon.ico" %}
|
||||
{% resources type: "Meta" %}
|
||||
|
||||
{% style name: "benrameytheme" %}
|
||||
{% link type: "image/x-icon", rel: "shortcut icon", href: "~/BenRameyTheme/assets/favicon.ico" %}
|
||||
|
||||
{% resources type: "HeadLink" %}
|
||||
{% resources type: "Stylesheet" %}
|
||||
{% resources type: "HeadScript" %}
|
||||
</head>
|
||||
<body dir="{{ Culture.Dir }}">
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="d-flex justify-content-between align-item-center">
|
||||
<a
|
||||
href="/"
|
||||
class="d-flex justify-content-start align-items-center me-2 text-decoration-none"
|
||||
title="Home">
|
||||
<img
|
||||
src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg"
|
||||
alt="Gravatar"
|
||||
width="40"
|
||||
height="40" />
|
||||
<span class="ms-2">{{ Site.SiteName }}</span>
|
||||
</a>
|
||||
<div class="d-none d-sm-flex flex-column justify-content-around ms-2">
|
||||
<small>{{ Site.Tagline }}</small>
|
||||
</div>
|
||||
</div>
|
||||
{% style name: "benrameytheme" %}
|
||||
|
||||
{% resources type: "HeadLink" %}
|
||||
{% resources type: "Stylesheet" %}
|
||||
{% resources type: "HeadScript" %}
|
||||
</head>
|
||||
|
||||
<body dir="{{ Culture.Dir }}">
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="d-flex justify-content-between align-item-center">
|
||||
<a href="/" class="d-flex justify-content-start align-items-center me-2 text-decoration-none" title="Home">
|
||||
<img src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg" alt="Gravatar"
|
||||
width="40" height="40" />
|
||||
<span class="ms-2">{{ Site.SiteName }}</span>
|
||||
</a>
|
||||
<div class="d-none d-sm-flex flex-column justify-content-around ms-2">
|
||||
<small>{{ Site.Tagline }}</small>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="container">
|
||||
{% render_body %}
|
||||
</div>
|
||||
</main>
|
||||
<main>
|
||||
<div class="container">
|
||||
{% render_body %}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
{% render_section "Footer", required: false %}
|
||||
</footer>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<hr />
|
||||
<small>
|
||||
©
|
||||
{% assign year = "now" | date: "%Y" %}
|
||||
<time dateTime="{{ year }}">{{ year }}</time>
|
||||
All rights reserved.
|
||||
</small>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
{% resources type: "FootScript" %}
|
||||
</body>
|
||||
</head>
|
||||
|
||||
{% resources type: "FootScript" %}</body>
|
||||
</head>
|
||||
</html>
|
||||
Reference in New Issue
Block a user