silentsilas/monotab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add source code to footer, remove unneeded layouts

Browse Source
This commit is contained in:
Silas
2025-07-26 15:09:57 -04:00
parent bc8bcfe9b3
commit 1fcc40d21d
12 changed files with 75 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
_site/2024-01-15-test-post/index.html
View File

@@ -66,16 +66,19 @@
</span></code></pre>
<p>This blog post is just a simple introduction to Elixir. Stay tuned for more in-depth tutorials and examples!</p>
<time datetime="2024-01-15T00:00:00Z"></time>
<footer>
<p>
&copy; 2025 MonoTab Blog. Built with
<a href="https://github.com/artalar/mono" target="_blank">Mono</a>
and <a href="https://github.com/elixir-tools/tableau" target="_blank">Tableau</a>
<a href="https://github.com/elixir-tools/tableau" target="_blank">Tableau</a>
and <a href="https://github.com/artalar/mono" target="_blank">Mono</a>
<br>
</p>
</footer>
<p class="footer-extra">
<a href="https://git.silentsilas.com/silentsilas/monotab" target="_blank">
Source Code
</a>
</p>
</main>
</body>

13
_site/about/index.html
View File

@@ -59,18 +59,23 @@
<section class="about-contact">
<h2>Get in Touch</h2>
<p>
Interested in contributing or have questions? Feel free to reach out through
our community channels or open an issue on our GitHub repository.
Proin neque ante, imperdiet quis tincidunt ut, viverra molestie nisl. Phasellus gravida quam metus, id ultricies turpis luctus sed. Suspendisse nec bibendum magna. Aenean eu ligula tellus.
</p>
</section>
<footer>
<p>
&copy; 2025 MonoTab Blog. Built with
<a href="https://github.com/artalar/mono" target="_blank">Mono</a>
and <a href="https://github.com/elixir-tools/tableau" target="_blank">Tableau</a>
<a href="https://github.com/elixir-tools/tableau" target="_blank">Tableau</a>
and <a href="https://github.com/artalar/mono" target="_blank">Mono</a>
<br>
</p>
</footer>
<p class="footer-extra">
<a href="https://git.silentsilas.com/silentsilas/monotab" target="_blank">
Source Code
</a>
</p>
</main>
</body>

5
_site/css/responsive.css
View File

@@ -30,3 +30,8 @@
display: none;
}
}
.footer-extra {
display: flex;
justify-content: center;
}

16
_site/index.html
View File

@@ -32,15 +32,27 @@
<p>
A simple blog built with Elixir, Phoenix LiveView, and Tableau static site generator.
</p>
<h3>
Some Headers
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac ante sed lectus aliquet accumsan. Donec sed rutrum lacus. In ut tellus sit amet turpis efficitur condimentum.
</p>
</section>
<footer>
<p>
&copy; 2025 MonoTab Blog. Built with
<a href="https://github.com/artalar/mono" target="_blank">Mono</a>
and <a href="https://github.com/elixir-tools/tableau" target="_blank">Tableau</a>
<a href="https://github.com/elixir-tools/tableau" target="_blank">Tableau</a>
and <a href="https://github.com/artalar/mono" target="_blank">Mono</a>
<br>
</p>
</footer>
<p class="footer-extra">
<a href="https://git.silentsilas.com/silentsilas/monotab" target="_blank">
Source Code
</a>
</p>
</main>
</body>

37
_site/posts/index.html
View File

@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
MonoTab Blog
Latest Posts | MonoTab Blog
</title>
<link rel="stylesheet" href="/css/mono.css">
@@ -29,7 +29,12 @@
<main>
<h1>Latest Posts</h1>
<section>
<p>
Browse through our collection of articles on Elixir, functional programming,
web development, and software engineering best practices.
</p>
</section>
<ul>
@@ -45,31 +50,19 @@
</ul>
<section class="posts-archive">
<p>
Browse through our collection of articles on Elixir, functional programming,
web development, and software engineering best practices.
</p>
</section>
<section class="posts-filter">
<h3>Categories</h3>
<div class="category-tags">
<a href="/posts" class="category-tag active">All Posts</a>
<a href="/posts/elixir/" class="category-tag">Elixir</a>
<a href="/posts/phoenix/" class="category-tag">Phoenix</a>
<a href="/posts/functional-programming/" class="category-tag">Functional Programming</a>
<a href="/posts/web-development/" class="category-tag">Web Development</a>
</div>
</section>
<footer>
<p>
&copy; 2025 MonoTab Blog. Built with
<a href="https://github.com/artalar/mono" target="_blank">Mono</a>
and <a href="https://github.com/elixir-tools/tableau" target="_blank">Tableau</a>
<a href="https://github.com/elixir-tools/tableau" target="_blank">Tableau</a>
and <a href="https://github.com/artalar/mono" target="_blank">Mono</a>
<br>
</p>
</footer>
<p class="footer-extra">
<a href="https://git.silentsilas.com/silentsilas/monotab" target="_blank">
Source Code
</a>
</p>
</main>
</body>

5
extra/css/responsive.css
View File

@@ -30,3 +30,8 @@
display: none;
}
}
.footer-extra {
display: flex;
justify-content: center;
}

6
lib/layouts/index_layout.ex
View File

@@ -6,9 +6,7 @@ defmodule MonoTab.IndexLayout do
~H"""
<h1>{@page[:title] || "Latest Posts"}</h1>
<%= if @page[:description] do %>
<p>{@page[:description]}</p>
<% end %>
{{:safe, render(@inner_content)}}
<%= if assigns[:posts] && length(@posts) > 0 do %>
<ul>
@@ -27,8 +25,6 @@ defmodule MonoTab.IndexLayout do
<% else %>
<p>No posts found.</p>
<% end %>
{{:safe, render(@inner_content)}}
"""
end

13
lib/layouts/post_layout.ex
View File

@@ -5,19 +5,6 @@ defmodule MonoTab.PostLayout do
def template(assigns) do
~H"""
{{:safe, render(@inner_content)}}
<%= if @page[:date] do %>
<time datetime={@page[:date]}>{format_date(@page[:date])}</time>
<% end %>
"""
end
defp format_date(date_string) when is_binary(date_string) do
case Date.from_iso8601(date_string) do
{:ok, date} -> Calendar.strftime(date, "%B %d, %Y")
{:error, _} -> date_string
end
end
defp format_date(%Date{} = date), do: Calendar.strftime(date, "%B %d, %Y")
defp format_date(_), do: ""
end

10
lib/layouts/root_layout.ex
View File

@@ -44,10 +44,16 @@ defmodule MonoTab.RootLayout do
<footer>
<p>
&copy; {Date.utc_today().year} MonoTab Blog. Built with
<a href="https://github.com/artalar/mono" target="_blank">Mono</a>
and <a href="https://github.com/elixir-tools/tableau" target="_blank">Tableau</a>
<a href="https://github.com/elixir-tools/tableau" target="_blank">Tableau</a>
and <a href="https://github.com/artalar/mono" target="_blank">Mono</a>
<br />
</p>
</footer>
<p class="footer-extra">
<a href="https://git.silentsilas.com/silentsilas/monotab" target="_blank">
Source Code
</a>
</p>
</main>
</body>

3
lib/pages/about.ex
View File

@@ -39,8 +39,7 @@ defmodule MonoTab.Pages.About do
<section class="about-contact">
<h2>Get in Touch</h2>
<p>
Interested in contributing or have questions? Feel free to reach out through
our community channels or open an issue on our GitHub repository.
Proin neque ante, imperdiet quis tincidunt ut, viverra molestie nisl. Phasellus gravida quam metus, id ultricies turpis luctus sed. Suspendisse nec bibendum magna. Aenean eu ligula tellus.
</p>
</section>
"""

6
lib/pages/home.ex
View File

@@ -12,6 +12,12 @@ defmodule MonoTab.Pages.Index do
<p>
A simple blog built with Elixir, Phoenix LiveView, and Tableau static site generator.
</p>
<h3>
Some Headers
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac ante sed lectus aliquet accumsan. Donec sed rutrum lacus. In ut tellus sit amet turpis efficitur condimentum.
</p>
</section>
"""
end

16
lib/pages/posts.ex
View File

@@ -1,29 +1,19 @@
defmodule MonoTab.Pages.Posts do
use Tableau.Page,
layout: MonoTab.IndexLayout,
permalink: "/posts"
permalink: "/posts",
title: "Latest Posts"
use Phoenix.Component
def template(assigns) do
~H"""
<section class="posts-archive">
<section>
<p>
Browse through our collection of articles on Elixir, functional programming,
web development, and software engineering best practices.
</p>
</section>
<section class="posts-filter">
<h3>Categories</h3>
<div class="category-tags">
<a href="/posts" class="category-tag active">All Posts</a>
<a href="/posts/elixir/" class="category-tag">Elixir</a>
<a href="/posts/phoenix/" class="category-tag">Phoenix</a>
<a href="/posts/functional-programming/" class="category-tag">Functional Programming</a>
<a href="/posts/web-development/" class="category-tag">Web Development</a>
</div>
</section>
"""
end
end