benjaminramey/Twain
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updates to styling and removing theme from twain.web

Browse Source
This commit is contained in:
Benjamin Ramey
2023-07-10 21:28:26 -05:00
parent 33d4aaea20
commit a963ef6ff6
13 changed files with 11090 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/Themes/BenRameyTheme/Views/Content-Category.Summary.liquid Normal file
View File

@@ -0,0 +1,9 @@
<article class="page">
<h1 class="page-title">Categories</h1>
{% a display_for:Model.ContentItem %}
<h1>
<i class="fas {{ Model.ContentItem.Content.Category.Icon.Text }} fa-xs" aria-hidden="true"></i>
<span class="align-middle">{{ Model.ContentItem.DisplayText }}</span>
</h1>
{% enda %}
</article>

6
src/Themes/BenRameyTheme/Views/Layout.liquid
View File

@@ -34,11 +34,9 @@
</div> </div>
</header> </header>
{% shape "menu", alias: "alias:main-menu", cache_id: "main-menu", cache_fixed_duration: "00:05:00", cache_tag: {% shape "menu", alias: "alias:main-menu", cache_id: "main-menu", cache_fixed_duration: "00:05:00", cache_tag: "alias:main-menu" %}
"alias:main-menu" %}
<main> <main>
<div class="container"> <div class="container">
{% render_body %} {% render_body %}
</div> </div>
@@ -60,4 +58,4 @@
</body> </body>
</head> </head>
</html> </html>

2
src/Themes/BenRameyTheme/benrameytheme/build/404.html
View File

@@ -1 +1 @@
<!doctype html><html lang="en"><head><title>Ben Ramey's Blog</title><script defer="defer" src="/styles.js"></script><link href="/styles.css" rel="stylesheet"></head><body><header><div class="container"><div class="d-flex justify-content-between align-item-center"><a class="d-flex justify-content-start align-items-center me-2 text-decoration-none" href="/" title="Home"><img src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg" alt="Gravatar" width="40px" height="40px"><span class="ms-2">Ben Ramey's Blog</span></a><div class="d-none d-sm-flex flex-column justify-content-around ms-2"><small>Scripture, programming problems, solutions and stories.</small></div></div></div></header><nav class="main"><div class="container d-flex justify-content-center"><a href="/archive">archive</a><a href="/tags">tags </a><a href="/categories">categories</a></div></nav><main><div class="container"><article class="page"><h1 class="page-title">404 : Page not found</h1><p>Sorry, we&apos;ve misplaced that URL or it&apos;s pointing to something that doesn&apos;t exist.</p><p><a href="/">Head back home</a><span> to try finding it again.</span></p></article></div></main><footer class="footer"><div class="container"><hr><small>&copy; <time datetime="2023-01-01T00:00:00Z">2023</time>. All rights reserved.</small></div></footer></body></html> <!DOCTYPE html ><html lang="en"><head><title>Ben Ramey's Blog</title><script defer src="/styles.js"></script><link href="/styles.css" rel="stylesheet"></head><body> <header><div class="container"><div class="d-flex justify-content-between align-item-center"><a class="d-flex justify-content-start align-items-center me-2 text-decoration-none" href="/" title="Home"><img src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg" alt="Gravatar" width="40px" height="40px"><span class="ms-2">Ben Ramey's Blog</span></a><div class="d-none d-sm-flex flex-column justify-content-around ms-2"><small>Scripture, programming problems, solutions and stories.</small></div></div></div></header><nav class="main"><div class="container d-flex justify-content-center"><a href="/archive">archive</a><a href="/tags">tags </a><a href="/categories">categories</a></div></nav><main><div class="container"><article class="page"><h1 class="page-title">404 : Page not found </h1><p>Sorry, we&apos;ve misplaced that URL or it&apos;s pointing to something that doesn&apos;t exist.</p><p> <a href="/">Head back home</a><span> to try finding it again.</span></p></article></div></main><footer class="footer"><div class="container"><hr><small>&copy; <time dateTime="2023-01-01T00:00:00Z">2023</time>. All rights reserved.</small></div></footer></body></html>

2
src/Themes/BenRameyTheme/benrameytheme/build/index.html
View File

@@ -1 +1 @@
<!doctype html><html lang="en"><head><title>Ben Ramey's Blog</title><link rel="icon" href="/favicon.ico"><script defer="defer" src="/styles.js"></script><link href="/styles.css" rel="stylesheet"></head><body><header><div class="container"><div class="d-flex justify-content-between align-item-center"><a class="d-flex justify-content-start align-items-center me-2 text-decoration-none" href="/" title="Home"><img src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg" alt="Gravatar" width="40px" height="40px"><span class="ms-2">Ben Ramey's Blog</span></a><div class="d-none d-sm-flex flex-column justify-content-around ms-2"><small>Scripture, programming problems, solutions and stories.</small></div></div></div></header><nav class="main"><div class="container d-flex justify-content-center"><a href="/archive">archive</a><a href="/tags">tags </a><a href="/categories">categories</a></div></nav><main><div class="container"><article class="page"><h1 class="page-title">This is a page title</h1></article></div></main><footer class="footer"><div class="container"><hr><small>&copy; <time datetime="2023-01-01T00:00:00Z">2023</time>. All rights reserved.</small></div></footer></body></html> <!DOCTYPE html ><html lang="en"><head><title>Ben Ramey's Blog</title><link rel="icon" href="/favicon.ico"><script defer src="/styles.js"></script><link href="/styles.css" rel="stylesheet"></head><body> <header><div class="container"><div class="d-flex justify-content-between align-item-center"><a class="d-flex justify-content-start align-items-center me-2 text-decoration-none" href="/" title="Home"><img src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg" alt="Gravatar" width="40px" height="40px"><span class="ms-2">Ben Ramey's Blog</span></a><div class="d-none d-sm-flex flex-column justify-content-around ms-2"><small>Scripture, programming problems, solutions and stories.</small></div></div></div></header><nav class="main"><div class="container d-flex justify-content-center"><a href="/archive">archive</a><a href="/tags">tags </a><a href="/categories">categories</a></div></nav><main><div class="container"><article class="page"><h1 class="page-title">This is a page title </h1></article></div></main><footer class="footer"><div class="container"><hr><small>&copy; <time dateTime="2023-01-01T00:00:00Z">2023</time>. All rights reserved.</small></div></footer></body></html>

2
src/Themes/BenRameyTheme/benrameytheme/build/post.html
View File

@@ -1 +1 @@
<!doctype html><html lang="en"><head><title>Ben Ramey's Blog</title><script defer="defer" src="/styles.js"></script><link href="/styles.css" rel="stylesheet"></head><body><header><div class="container"><div class="d-flex justify-content-between align-item-center"><a class="d-flex justify-content-start align-items-center me-2 text-decoration-none" href="/" title="Home"><img src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg" alt="Gravatar" width="40px" height="40px"><span class="ms-2">Ben Ramey's Blog</span></a><div class="d-none d-sm-flex flex-column justify-content-around ms-2"><small>Scripture, programming problems, solutions and stories.</small></div></div></div></header><nav class="main"><div class="container d-flex justify-content-center"><a href="/archive">archive</a><a href="/tags">tags </a><a href="/categories">categories</a></div></nav><main><div class="container"><article class="post"><h1 class="post-title">Sample post title</h1><div class="post-info d-flex justify-content-start"><time class="post-date" datetime="2022/02/10">Thu Feb 10th, 2022, about 1 year ago</time><nav class="post-tags"><a href="/tags/tag1">#tag1</a><a href="/tags/tag2">#tag2</a><a href="/tags/tag3">#tag3</a></nav><nav class="post-categories"><span>posted in: </span><a href="/categories/category1">category1</a><a href="/categories/category2">category2</a><a href="/categories/category3">category3</a></nav></div><div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque elit eget gravida cum sociis natoque penatibus et magnis. Fames ac turpis egestas integer eget aliquet nibh praesent. At imperdiet dui accumsan sit amet nulla facilisi morbi. Sed viverra tellus in hac. Faucibus vitae aliquet nec ullamcorper sit amet. Pretium viverra suspendisse potenti nullam</p><p>ac tortor vitae. Arcu non sodales neque sodales ut etiam sit amet nisl. In iaculis nunc sed augue lacus. Ultrices vitae auctor eu augue ut. Nibh ipsum consequat nisl vel pretium lectus quam id. Eget gravida cum sociis natoque penatibus et magnis dis parturient. A iaculis at erat pellentesque. Lectus nulla at volutpat diam ut venenatis. Nisl vel pretium lectus quam. Etiam dignissim diam quis enim lobortis scelerisque. Non sodales neque sodales ut etiam sit amet nisl. Feugiat nibh sed pulvinar proin gravida. Nam at lectus urna duis convallis convallis.</p><h1>This is a header 1</h1><h2>This is a header 2</h2><h3>This is a header 3</h3><h4>This is a header 4</h4><h5>This is a header 5</h5><blockquote>this is a very important quote from someone</blockquote><div class="remark-highlight"><pre class="language-csharp"><code class="language-csharp">> become -a "hacker" --with "this code block"</code></pre></div></div></article><section class="comments"><a id="comments-section"><h2>Comments</h2></a></section></div></main><footer class="footer"><div class="container"><hr><small>&copy; <time datetime="2023-01-01T00:00:00Z">2023</time>. All rights reserved.</small></div></footer></body></html> <!DOCTYPE html ><html lang="en"><head><title>Ben Ramey's Blog</title><script defer src="/styles.js"></script><link href="/styles.css" rel="stylesheet"></head><body> <header><div class="container"><div class="d-flex justify-content-between align-item-center"><a class="d-flex justify-content-start align-items-center me-2 text-decoration-none" href="/" title="Home"><img src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg" alt="Gravatar" width="40px" height="40px"><span class="ms-2">Ben Ramey's Blog</span></a><div class="d-none d-sm-flex flex-column justify-content-around ms-2"><small>Scripture, programming problems, solutions and stories.</small></div></div></div></header><nav class="main"><div class="container d-flex justify-content-center"><a href="/archive">archive</a><a href="/tags">tags </a><a href="/categories">categories</a></div></nav><main><div class="container"><article class="post"> <h1 class="post-title">Sample post title </h1><div class="post-info d-flex justify-content-start"><time class="post-date" datetime="2022/02/10">Thu Feb 10th, 2022, about 1 year ago</time><nav class="post-tags"><a href="/tags/tag1">#tag1</a><a href="/tags/tag2">#tag2</a><a href="/tags/tag3">#tag3</a></nav><nav class="post-categories"> <span>posted in: </span><a href="/categories/category1">category1</a><a href="/categories/category2">category2</a><a href="/categories/category3">category3</a></nav></div><div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque elit eget gravida cum sociis natoque penatibus et magnis. Fames ac turpis egestas integer eget aliquet nibh praesent. At imperdiet dui accumsan sit amet nulla facilisi morbi. Sed viverra tellus in hac. Faucibus vitae aliquet nec ullamcorper sit amet. Pretium viverra suspendisse potenti nullam</p><p>ac tortor vitae. Arcu non sodales neque sodales ut etiam sit amet nisl. In iaculis nunc sed augue lacus. Ultrices vitae auctor eu augue ut. Nibh ipsum consequat nisl vel pretium lectus quam id. Eget gravida cum sociis natoque penatibus et magnis dis parturient. A iaculis at erat pellentesque. Lectus nulla at volutpat diam ut venenatis. Nisl vel pretium lectus quam. Etiam dignissim diam quis enim lobortis scelerisque. Non sodales neque sodales ut etiam sit amet nisl. Feugiat nibh sed pulvinar proin gravida. Nam at lectus urna duis convallis convallis.</p><h1>This is a header 1</h1><h2>This is a header 2</h2><h3>This is a header 3</h3><h4>This is a header 4</h4><h5>This is a header 5</h5><blockquote>this is a very important quote from someone</blockquote><div class="remark-highlight"><pre class="language-csharp"><code class="language-csharp">> become -a "hacker" --with "this code block"</code></pre></div></div></article><section class="comments"> <a id="comments-section"><h2>Comments</h2></a></section></div></main><footer class="footer"><div class="container"><hr><small>&copy; <time dateTime="2023-01-01T00:00:00Z">2023</time>. All rights reserved.</small></div></footer></body></html>

11004
src/Themes/BenRameyTheme/benrameytheme/build/styles.css
View File

File diff suppressed because one or more lines are too long

22
src/Themes/BenRameyTheme/benrameytheme/build/styles.js
View File

@@ -1,8 +1,28 @@
/******/ (() => { // webpackBootstrap /******/ (() => { // webpackBootstrap
/******/ "use strict"; /******/ "use strict";
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/
/************************************************************************/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {}; var __webpack_exports__ = {};
/*!******************************!*\
!*** ./src/scss/styles.scss ***!
\******************************/
__webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin // extracted by mini-css-extract-plugin
/******/ })() /******/ })()
; ;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwibWFwcGluZ3MiOiI7OztBQUFBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vb3JjaGFyZGNvcmUuYmVucmFtZXl0aGVtZS8uL3NyYy9zY3NzL3N0eWxlcy5zY3NzPzU3ZWEiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gZXh0cmFjdGVkIGJ5IG1pbmktY3NzLWV4dHJhY3QtcGx1Z2luXG5leHBvcnQge307Il0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9 //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwibWFwcGluZ3MiOiI7O1VBQUE7VUFDQTs7Ozs7V0NEQTtXQUNBO1dBQ0E7V0FDQSx1REFBdUQsaUJBQWlCO1dBQ3hFO1dBQ0EsZ0RBQWdELGFBQWE7V0FDN0Q7Ozs7Ozs7OztBQ05BIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vb3JjaGFyZGNvcmUuYmVucmFtZXl0aGVtZS93ZWJwYWNrL2Jvb3RzdHJhcCIsIndlYnBhY2s6Ly9vcmNoYXJkY29yZS5iZW5yYW1leXRoZW1lL3dlYnBhY2svcnVudGltZS9tYWtlIG5hbWVzcGFjZSBvYmplY3QiLCJ3ZWJwYWNrOi8vb3JjaGFyZGNvcmUuYmVucmFtZXl0aGVtZS8uL3NyYy9zY3NzL3N0eWxlcy5zY3NzPzU3ZWEiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gVGhlIHJlcXVpcmUgc2NvcGVcbnZhciBfX3dlYnBhY2tfcmVxdWlyZV9fID0ge307XG5cbiIsIi8vIGRlZmluZSBfX2VzTW9kdWxlIG9uIGV4cG9ydHNcbl9fd2VicGFja19yZXF1aXJlX18uciA9IChleHBvcnRzKSA9PiB7XG5cdGlmKHR5cGVvZiBTeW1ib2wgIT09ICd1bmRlZmluZWQnICYmIFN5bWJvbC50b1N0cmluZ1RhZykge1xuXHRcdE9iamVjdC5kZWZpbmVQcm9wZXJ0eShleHBvcnRzLCBTeW1ib2wudG9TdHJpbmdUYWcsIHsgdmFsdWU6ICdNb2R1bGUnIH0pO1xuXHR9XG5cdE9iamVjdC5kZWZpbmVQcm9wZXJ0eShleHBvcnRzLCAnX19lc01vZHVsZScsIHsgdmFsdWU6IHRydWUgfSk7XG59OyIsIi8vIGV4dHJhY3RlZCBieSBtaW5pLWNzcy1leHRyYWN0LXBsdWdpblxuZXhwb3J0IHt9OyJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==

46
src/Themes/BenRameyTheme/benrameytheme/src/archive.pug Normal file
View File

@@ -0,0 +1,46 @@
doctype html
html(lang='en')
head
title Ben Ramey's Blog
body
include components/header.pug
include components/nav.pug
main
div(class='container')
article(class='page')
h1(class='page-title') Posts Archive
p Find any post by year, by category or by tag.
.row
.col
h2 By year
p Browse all posts year.
div
h2 2020
ul
li
a(href='/post.html') Post
li
a(href='/post.html') Post 2
li
a(href='/post.html') Post 3
div
h2 2019
ul
li
a(href='/post.html') Post
.col
h2 By tag
p Browse all posts by tag.
ul
li
a(href='/tags/test.html') Test
.col
h2 By category
p Browse all posts by category.
ul
li
a(href='/categories/test.html') Test
include components/footer.pug

2
src/Themes/BenRameyTheme/benrameytheme/src/components/header.pug
View File

@@ -1,4 +1,4 @@
header header.primary
div(class='container') div(class='container')
div(class='d-flex justify-content-between align-item-center') div(class='d-flex justify-content-between align-item-center')
a(class='d-flex justify-content-start align-items-center me-2 text-decoration-none', href='/', title='Home') a(class='d-flex justify-content-start align-items-center me-2 text-decoration-none', href='/', title='Home')

4
src/Themes/BenRameyTheme/benrameytheme/src/components/nav.pug
View File

@@ -1,5 +1,3 @@
nav(class='main') nav(class='main')
div(class='container d-flex justify-content-center') div(class='container d-flex justify-content-center')
a(href='/archive') archive a(href='/archive.html') archive
a(href='/tags') tags
a(href='/categories') categories

2
src/Themes/BenRameyTheme/benrameytheme/src/scss/styles.scss
View File

@@ -23,7 +23,7 @@ h3 {
} }
} }
header { header.primary {
padding: 10px 0; padding: 10px 0;
margin-top: 20px; margin-top: 20px;
background-color: lighten($body-bg, 10%); background-color: lighten($body-bg, 10%);

4
src/Themes/BenRameyTheme/benrameytheme/webpack.config.js
View File

@@ -45,6 +45,10 @@ module.exports = (env) => {
template: "src/404.pug", template: "src/404.pug",
filename: "404.html", filename: "404.html",
}), }),
new HtmlWebpackPlugin({
template: "src/archive.pug",
filename: "archive.html",
}),
new MiniCssExtractPlugin(), new MiniCssExtractPlugin(),
new CopyPlugin({ new CopyPlugin({
patterns: [ patterns: [

2
src/Twain.Web/Twain.Web.csproj
View File

@@ -1,4 +1,4 @@
<Project Sdk="Microsoft.NET.Sdk.Web"> <Project Sdk="Microsoft.NET.Sdk.Web">
<PropertyGroup> <PropertyGroup>
<TargetFramework>net6.0</TargetFramework> <TargetFramework>net6.0</TargetFramework>