diff --git a/_site/css/responsive.css b/_site/css/responsive.css index 402575b..5519370 100644 --- a/_site/css/responsive.css +++ b/_site/css/responsive.css @@ -1,59 +1,32 @@ /* responsive.css - Simple flexbox layout for the Mono theme */ -/* Base flexbox layout */ -body.mono-all { - display: flex; - flex-direction: row; - min-height: 100vh; - margin: 0; - padding: 0; - overflow-x: hidden; -} - -/* Main content area takes up remaining space */ -main { - flex: 1; - padding: 2rem; - overflow-y: auto; -} - -/* Sidebar with fixed width */ -aside { - width: 250px; - min-width: 250px; - padding: 2rem 1rem; - border-right: 2px solid var(--mono-main); - height: 100vh; - overflow-y: auto; - position: sticky; - top: 0; -} - -/* Make footer stick to bottom of main content */ -footer { - margin-top: auto; - padding-top: 2rem; -} - /* Mobile layout adjustments */ @media (max-width: 768px) { - body.mono-all { - flex-direction: column; - } + body.mono, + body.mono-all, + .mono-all body { + flex-direction: column; + } - aside { - display: none; /* Hide sidebar on mobile */ - } + aside.mono, + .mono-all aside { + position: relative; + display: flex; + width: 100%; + max-width: 100%; + padding: 0rem; + } - main { - width: 100%; - padding: 1rem; - } + main.mono, + .mono-all main { + width: 100%; + padding: 1rem; + } } /* Simple print styles */ @media print { - aside { - display: none; - } + aside { + display: none; + } } diff --git a/extra/css/responsive.css b/extra/css/responsive.css index 402575b..5519370 100644 --- a/extra/css/responsive.css +++ b/extra/css/responsive.css @@ -1,59 +1,32 @@ /* responsive.css - Simple flexbox layout for the Mono theme */ -/* Base flexbox layout */ -body.mono-all { - display: flex; - flex-direction: row; - min-height: 100vh; - margin: 0; - padding: 0; - overflow-x: hidden; -} - -/* Main content area takes up remaining space */ -main { - flex: 1; - padding: 2rem; - overflow-y: auto; -} - -/* Sidebar with fixed width */ -aside { - width: 250px; - min-width: 250px; - padding: 2rem 1rem; - border-right: 2px solid var(--mono-main); - height: 100vh; - overflow-y: auto; - position: sticky; - top: 0; -} - -/* Make footer stick to bottom of main content */ -footer { - margin-top: auto; - padding-top: 2rem; -} - /* Mobile layout adjustments */ @media (max-width: 768px) { - body.mono-all { - flex-direction: column; - } + body.mono, + body.mono-all, + .mono-all body { + flex-direction: column; + } - aside { - display: none; /* Hide sidebar on mobile */ - } + aside.mono, + .mono-all aside { + position: relative; + display: flex; + width: 100%; + max-width: 100%; + padding: 0rem; + } - main { - width: 100%; - padding: 1rem; - } + main.mono, + .mono-all main { + width: 100%; + padding: 1rem; + } } /* Simple print styles */ @media print { - aside { - display: none; - } + aside { + display: none; + } } diff --git a/lib/pages/index.ex b/lib/pages/index.ex deleted file mode 100644 index c95327b..0000000 --- a/lib/pages/index.ex +++ /dev/null @@ -1,36 +0,0 @@ -defmodule Llmex.Pages.Index do - use Tableau.Page, - layout: Llmex.RootLayout, - permalink: "/" - use Phoenix.Component - - def template(assigns) do - ~H""" -
-

Welcome to Llmex Blog

-

- A simple blog built with Elixir, Phoenix LiveView, and Tableau static site generator. - Explore our latest posts and insights on functional programming, web development, and more. -

-
- - - """ - end -end