pelican updated themeing, zine dumps

README.md

@@ -1,3 +1,7 @@
+### Deployment instructions
+
+To deploy the website, dump the zine folders in the input folder within the codebase, then run the python script. Then run pelican.
+
 # Zine Library
 
 This is a compilation of anarchist zines and booklets, imposed for easy printing, as well as a few posters. It's curated in a balance between some design standards and general relevance or importance.

code-for-pelican-deployment/pelicanconf.py

@@ -12,6 +12,11 @@ THEME = 'themes/edtheme'
 
 SITELOGO = 'images/zinelibrary.jpg'
 
+PLUGINS = [
+    'tag_cloud',
+]
+
+
 # Feed generation is usually not desired when developing
 FEED_ALL_ATOM = None
 CATEGORY_FEED_ATOM = None
@@ -36,10 +41,36 @@ PUBLISHERS = (
 )
 
 DISTROS = (
-    ("C4SS", "https://store.c4ss.org"),
+    ("Scrappy Capy", "https://en.scrappycapydistro.info/zines"),
+    ("No Trace Project", "https://www.notrace.how/"),
+    ("Sprout", "https://www.sproutdistro.com/"),
+    ("1312 Press", "https://1312press.noblogs.org/"),
+    ("A Zine Library", "https://azinelibrary.org/"),
+    ("Sherwood Forest Zine Library", "https://www.sherwoodforestzinelibrary.org/virtual-zine-library-recently-added/anarchism"),
+    ("South Chicago ABC", "https://www.southchicagoabc.org/zine-library/"),
+    ("Filler", "https://fillerpgh.wordpress.com/archive/"),
+    ("Haters Cafe", "https://haters.noblogs.org/zines/"),
+    ("Prole.info", "https://www.prole.info/"),
+    ("Power To The People", "https://msha.ke/powertothepeople/"),
+    ("C4SS", "https://zinelibrary.c4ss.org"),
+    ("LittleMouse.fun", "https://www.littlemouse.fun/zines.html"),
+    ("Invisible Molotov", "https://invisiblemolotov.wordpress.com/"),
+    ("It's Going Down Library", "https://itsgoingdown.org/library/"),
+    ("Final Straw Radio", "https://thefinalstrawradio.noblogs.org/zines/"),
+    ("Tolerated Individuality", "https://toleratedindividuality.wordpress.com/zine-library/"),
+    ("Crimethinc", "https://crimethinc.com"),
+    ("Ill Will", "https://illwill.com/print"),
+    ("Brown Recluse", "https://www.brownreclusezinedistro.com/"),
+    ("True Apple Press", "https://trueleappress.wordpress.com/2020/02/18/2020-distro-catalog/"),
+    ("Warzone", "https://warzonedistro.noblogs.org/"),
 )
 
-DEFAULT_PAGINATION = 20
+DEFAULT_PAGINATION = 1000
+
+TAG_CLOUD_STEPS = 4
+TAG_CLOUD_MAX_ITEMS = 100
+TAG_CLOUD_SORTING = "random"
+TAG_CLOUD_BADGE = True
 
 # Uncomment following line if you want document-relative URLs when developing
 # RELATIVE_URLS = True

code-for-pelican-deployment/themes/edtheme/static/css/style.css

@@ -1,3 +1,5 @@
+/* barebones theme for zinelibrary.org v.2  */ 
+
 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Source+Sans+3:wght@300;400;600&display=swap');
 
 :root {
@@ -127,7 +129,7 @@ body {
     max-width: var(--max-width);
     margin: 0 auto;
     display: grid;
-    grid-template-columns: var(--sidebar-width) 1fr var(--sidebar-width);
+    grid-template-columns: var(--sidebar-width) 1fr ;
     gap: 3rem;
     padding: 3rem var(--spacing-unit);
     min-height: calc(100vh - var(--header-height) - 150px);
@@ -138,13 +140,15 @@ body {
 }
 
 .sidebar {
-    position: sticky;
+  position:static;
+  height:fit-content;
+    /*position: sticky;
     top: calc(var(--header-height) + 2rem);
     height: fit-content;
     max-height: calc(100vh - var(--header-height) - 4rem);
     overflow-y: auto;
     scrollbar-width: thin;
-    scrollbar-color: var(--color-border) transparent;
+    scrollbar-color: var(--color-border) transparent;*/
 }
 
 .sidebar::-webkit-scrollbar {
@@ -242,7 +246,6 @@ body {
 
 .article-card {
     border-bottom: 1px solid var(--color-border);
-    padding-bottom: 2.5rem;
     animation: fadeInUp 0.6s ease backwards;
 }
 
@@ -498,7 +501,7 @@ body {
 
 .pagination-link {
     font-family: var(--font-sans);
-    font-size: 0.95rem;
+    font-size: 1.5rem;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.05em;
@@ -512,7 +515,7 @@ body {
 }
 
 .pagination-info {
-    font-size: 0.9rem;
+    font-size: 1.5rem;
     color: var(--color-muted);
 }
 
@@ -608,6 +611,106 @@ body {
     color: var(--color-hover);
 }
 
+/* Tile Layout for Index Page */
+.tiles-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 2rem;
+    width: 100%;
+}
+
+.tile {
+    max-width: 300px;
+    width: 300px;
+    background: var(--color-paper);
+    border: 1px solid var(--color-border);
+    transition: all 0.3s ease;
+    animation: fadeInUp 0.6s ease backwards;
+}
+
+.tile:nth-child(1) { animation-delay: 0.05s; }
+.tile:nth-child(2) { animation-delay: 0.1s; }
+.tile:nth-child(3) { animation-delay: 0.15s; }
+.tile:nth-child(4) { animation-delay: 0.2s; }
+.tile:nth-child(5) { animation-delay: 0.25s; }
+.tile:nth-child(6) { animation-delay: 0.3s; }
+
+.tile:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+    border-color: var(--color-accent);
+}
+
+.tile-link {
+    color: inherit;
+}
+
+.tile-image-disabled- {
+    width: 300px;
+    height: 300px;
+    overflow: hidden;
+    background: var(--color-paper);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.tile-image img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    transition: transform 0.3s ease;
+}
+
+.tile:hover .tile-image img {
+    transform: scale(1.05);
+}
+
+/*  */
+.tile-image p:nth-child(2) {
+  display:none;
+}
+
+.tile-title {
+    font-family: var(--font-serif);
+    font-size: 1.3rem;
+    font-weight: 700;
+    line-height: 1.3;
+    padding: 1rem;
+    color: var(--color-ink);
+    transition: color 0.3s ease;
+}
+
+.tile:hover .tile-title {
+    color: var(--color-accent);
+}
+
+.tile-meta {
+    padding: 0 1rem 1rem 1rem;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    font-size: 0.8rem;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    font-weight: 600;
+}
+
+.tile-category {
+    color: var(--color-accent);
+    background: rgba(200, 70, 48, 0.1);
+    padding: 0.25rem 0.6rem;
+    border-radius: 2px;
+}
+
+.tile-tag {
+    color: var(--color-muted);
+    background: rgba(0, 0, 0, 0.05);
+    padding: 0.25rem 0.6rem;
+    border-radius: 2px;
+}
+
+
 /* Responsive Design */
 @media (max-width: 1200px) {
     :root {

code-for-pelican-deployment/themes/edtheme/templates/base.html

@@ -41,9 +41,10 @@
         <aside class="sidebar sidebar-left">
             {% block sidebar_left %}
             <div class="sidebar-section">
-                <h3 class="sidebar-title">About</h3>
+                <h3 class="sidebar-title">Stock Your Table!</h3>
                 <div class="sidebar-content">
-                  This is a broad, non-sectarian, archive of print-ready (imposed) zines to stock your anarchist infoshop or distro project. For printing: select "print on both sides" and "flip on short edge".
+                  <p>This is a broad, non-sectarian, archive of print-ready (imposed) zines to stock your anarchist infoshop or distro project. We were huge fans of the long dead zinelibrary.net.</p>
+                  <p>For printing: select "print on both sides" and "flip on short edge".</p>
                 </div>
             </div>
 
@@ -52,27 +53,21 @@
                 <h3 class="sidebar-title">Categories</h3>
                 <ul class="category-list">
                     {% for cat, null in categories %}
-                    <li><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
+                    <li><a href="{{ SITEURL }}/{{ cat.url }}" class="category">{{ cat }}</a></li>
                     {% endfor %}
                 </ul>
             </div>
             {% endif %}
             {% endblock %}
-        </aside>
 
-        <main class="main-content">
-            {% block content %}
-            {% endblock %}
-        </main>
 
-        <aside class="sidebar sidebar-right">
             {% block sidebar_right %}
             {% if tags %}
             <div class="sidebar-section">
                 <h3 class="sidebar-title">Tags</h3>
                 <div class="tag-cloud">
                     {% for tag in tag_cloud %}
-                    <a href="{{ SITEURL }}/{{ tag.0.url }}" class="tag" style="font-size: {{ tag.1 }}%">{{ tag.0 }}</a>
+                      <a href="{{ SITEURL }}/{{ tag.0.url }}" class="tag">{{ tag.0 }}</a>
                     {% endfor %}
                 </div>
             </div>
@@ -100,7 +95,14 @@
             </div>
             {% endif %}
             {% endblock %}
+
         </aside>
+
+        <main class="main-content">
+            {% block content %}
+            {% endblock %}
+        </main>
+
     </div>
 
     <footer class="site-footer">

code-for-pelican-deployment/themes/edtheme/templates/category.html

@@ -21,23 +21,9 @@
     {% for article in articles %}
     <article class="article-card">
         <div class="article-meta">
-            <time datetime="{{ article.date.isoformat() }}" class="article-date">
-                {{ article.locale_date }}
-            </time>
             {% if article.category %}
             <a href="{{ SITEURL }}/{{ article.category.url }}" class="article-category">{{ article.category }}</a>
             {% endif %}
-        </div>
-        <h2 class="article-title">
-            <a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a>
-        </h2>
-        {% if article.summary %}
-        <div class="article-summary">
-            {{ article.summary }}
-        </div>
-        {% endif %}
-        <div class="article-footer">
-            <a href="{{ SITEURL }}/{{ article.url }}" class="read-more">Read more</a>
             {% if article.tags %}
             <div class="article-tags">
                 {% for tag in article.tags %}
@@ -46,6 +32,16 @@
             </div>
             {% endif %}
         </div>
+        <h2 class="article-title">
+            <a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a>
+        </h2>
+        {% if article.content %}
+        <div class="article-content">
+            {{ article.content }}
+        </div>
+        {% endif %}
+        <div class="article-footer">
+        </div>
     </article>
     {% endfor %}
 </div>