Packages

sayfa

0.6.0
0.6.0 0.5.0 0.4.2 0.4.1 0.4.0 0.3.3 0.3.2 0.3.1 0.3.0 0.2.0 0.1.1 0.1.0

A simple, extensible static site generator built in Elixir

HexDocs

Current section

Files

Jump to
Readme
12 Versions
8 Dependencies
Dependants
Files
Activity
sayfa priv default_theme layouts project.html.eex
Raw

priv/default_theme/layouts/project.html.eex 

<main id="main">

  <article class="container-content-wide page-wrapper">

    <%= @block.(:breadcrumb, []) %>

    <div class="content-layout">

      <div class="content-main">

        <header class="content-header">

          <div class="content-type-row">

            <span class="content-type-badge">

              <svg class="icon-3" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><rect width="20" height="14" x="2" y="7" rx="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>

              <%= @t.("projects_title") %>

            </span>

  <%= if @content.meta["status"] do %>

            <span class="status-chip"><%= @content.meta["status"] %></span>

  <% end %>

          </div>

          <h1 class="page-title-xl"><%= @content.title %></h1>

          <div class="content-meta-row">

  <%= if @content.date do %>

            <span class="content-meta-item">

              <svg class="icon-4" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>

              <time datetime="<%= @content.date %>"><%= @format_date.(@content.date) %></time>

  <%= if @content.meta["updated"] && to_string(@content.meta["updated"]) != to_string(@content.date) do %>

              <span class="content-meta-separator">&middot;</span>

              <span><%= @t.("updated_on") |> String.replace("%{date}", @format_date.(@content.meta["updated"])) %></span>

  <% end %>

            </span>

  <% end %>

  <%= if @content.meta["reading_time"] do %>

            <%= @block.(:reading_time, []) %>

  <% end %>

            <%= @block.(:copy_link, []) %>

          </div>

  <%= if @content.categories != [] do %>

  <% cat_base = if (@content.meta["lang_prefix"] || "") == "", do: "/categories/", else: "/#{@content.meta["lang_prefix"]}/categories/" %>

          <div class="content-chip-row">

  <%= for cat <- @content.categories do %>

            <a href="<%= cat_base %><%= Slug.slugify(cat) %>/" class="chip category"><%= cat %></a>

  <% end %>

          </div>

  <% end %>

  <%= if @content.tags != [] do %>

  <% tag_base = if (@content.meta["lang_prefix"] || "") == "", do: "/tags/", else: "/#{@content.meta["lang_prefix"]}/tags/" %>

          <div class="content-chip-row">

  <%= for tag <- @content.tags do %>

            <a href="<%= tag_base %><%= Slug.slugify(tag) %>/" class="chip tag"><%= tag %></a>

  <% end %>

          </div>

  <% end %>

        </header>



  <%= if @content.meta["image"] do %>

        <figure class="content-figure">

          <img src="<%= @content.meta["image"] %>" alt="<%= @content.meta["image_alt"] || @content.title %>"

              class="content-image"

              loading="lazy" decoding="async">

        </figure>

  <% end %>



        <div class="toc-mobile-wrap">

          <%= @block.(:toc, variant: :mobile) %>

        </div>



        <div class="article-content">

          <%= @inner_content %>

        </div>



        <%= @block.(:related_content, []) %>



      </div>



      <aside class="toc-sidebar">

        <%= @block.(:toc, []) %>

      </aside>

    </div>

  </article>

</main>