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

remove unused index page, moar responsive css fixes

Browse Source
This commit is contained in:
Silas
2025-07-26 05:01:15 -04:00
parent bde72d0e93
commit 8da394b2a0
3 changed files with 42 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
_site/css/responsive.css
View File

@@ -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;
}
}

69
extra/css/responsive.css
View File

@@ -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;
}
}

36
lib/pages/index.ex
View File

@@ -1,36 +0,0 @@
defmodule Llmex.Pages.Index do
use Tableau.Page,
layout: Llmex.RootLayout,
permalink: "/"
use Phoenix.Component
def template(assigns) do
~H"""
<section class="hero">
<h2>Welcome to Llmex Blog</h2>
<p>
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.
</p>
</section>
<section class="featured-content">
<h3>Featured Topics</h3>
<div class="topics-grid">
<div class="topic-card">
<h4>Elixir & Phoenix</h4>
<p>Deep dives into the Elixir ecosystem and Phoenix framework.</p>
</div>
<div class="topic-card">
<h4>Functional Programming</h4>
<p>Exploring functional programming concepts and patterns.</p>
</div>
<div class="topic-card">
<h4>Web Development</h4>
<p>Modern web development techniques and best practices.</p>
</div>
</div>
</section>
"""
end
end