Updated template and content

source/_data/authors.yml

@@ -0,0 +1,7 @@
+- name: Bashy
+  url: https://bashynx.com/
+  avatar: /images/site/authors/Bashy.jpg
+
+- name: OpenAlt Romania
+  url: https://openalt.ro
+  avatar: /images/site/authors/OpenAltRomania.svg

source/_data/partners.yml

@@ -1,7 +1,11 @@
 - name: vpsFree
   url: https://vpsFree.org/
-  logo: /images/partners/vpsFree.png
+  logo: /images/site/partners/vpsFree.png
 
 - name: OpenAlt CZ
   url: https://openalt.cz
-  logo: /images/partners/openalt-cz.png
+  logo: /images/site/partners/openalt-cz.png
+
+- name: Hackman.Club
+  url: https://hackman.club
+  logo: /images/site/partners/HackmanClub.png

source/_posts/2025/01.md

@@ -1,8 +0,0 @@
----
-title: "Test post 01"
-author: Bashy
-date:  2022-04-30  12:00:00
-description: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-categories: 
-  - OpenAlt
----

source/_posts/2025/02.md

@@ -1,8 +0,0 @@
----
-title: "Test post 02"
-author: Bashy
-date:  2022-05-30  12:00:00
-description: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-categories: 
-  - OpenAlt
----

source/_posts/2025/03.md

@@ -1,8 +0,0 @@
----
-title: "Test post 03"
-author: Bashy
-date:  2023-04-30  12:00:00
-description: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-categories: 
-  - OpenAlt
----

source/_posts/2025/04.md

@@ -1,8 +0,0 @@
----
-title: "Test post 04"
-author: Bashy
-date:  2024-04-30  12:00:00
-description: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-categories: 
-  - OpenAlt
----

source/_posts/2025/05.md

@@ -1,8 +0,0 @@
----
-title: "Test post 05"
-author: Bashy
-date:  2025-04-30  12:00:00
-description: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-categories: 
-  - OpenAlt
----

source/_posts/2025/2025_10_15.md

@@ -0,0 +1,20 @@
+---
+title: "What is OpenAlt Romania?"
+author: Bashy
+date:  2025-10-15  12:00:00
+photos: images/content/2025/2025_10_15.jpg
+description: Hi there!
+categories: 
+  - OpenAlt
+---
+I've been attending two conferences in Czech Republic in the past few years, [LinuxDays](https://linuxdays.cz/) and [OpenAlt](http://openalt.cz/). LinuxDays is a conference focused on Linux, while OpenAlt covers everything related to FOSS (it describes itself as FOSDEM in Czechia). OpenAlt is not just conference though, it's also a non-profit association that manages several FOSS projects in the Czech Republic and organizes monthly community meetups.
+
+I've been living in Romania for over three years now, and I've realized there is no similar event here. That's why I've decided to establish the Romanian branch of OpenAlt, with support from Czech OpenAlt community.
+
+The goal of this community is to promote the use of FOSS tools, encourage contribution to Romanian OpenSource projects and organize in-person meetups.
+
+To start, I've created a website and some communication channels. I'm also planning to organize in-person meetings in Cluj-Napoca, which I hope to hold on a bi-monthly basis (at least initially). If all goes well, I'd like to also establish a OpenAlt Romania Conference.
+
+If you are interested, or want to get involved, you can join us on [Matrix](https://matrix.to/#/#OpenAltRO:matrix.org), [Mastodon](https://mastodon.social/@OpenAltRo), [LinkedIn](https://www.linkedin.com/company/openaltro/) or [Discord](http://discord.openalt.ro). We will also welcome any feedback or suggestions.
+
+Photo by [Marvin Meyer](https://unsplash.com/@marvelous?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/photos/people-sitting-down-near-table-with-assorted-laptop-computers-SYTO3xs06fU?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)

source/_posts/2025/2025_11_01.md

@@ -0,0 +1,14 @@
+---
+title: "OpenAlt Conference in Brno"
+author: OpenAlt Romania
+date:  2025-11-01  12:00:00
+photos: images/content/2025/2025_11_01.jpg
+description: We have attended OpenAlt Conference in Brno this year.
+categories: 
+  - OpenAlt
+---
+This year, the OpenAlt Conference took place on 1st and 2nd November. There was a wide variety of talks covering Open and Free Software, IoT and the Maker Movement, Education, Security and Privacy, Open Society, Communities and Data, and OpenMobility.
+
+If you missed it, and want to watch the talks, you can see them on [VHSky](https://vhsky.cz/w/p/bWAJnZ6Y15zzkEuUywi8sL?playlistPosition=1), a Czech peertube instance. Most talks are in Czech, but some are in English.
+
+Photo by [Michael Shriver](https://www.flickr.com/photos/mikewshriver/) on [Flickr](https://www.flickr.com/photos/mikewshriver/54905697340/)

source/_posts/2025/2025_11_21.md

@@ -0,0 +1,15 @@
+---
+title: "Planning OpenAlt Romania"
+author: Bashy
+date:  2025-11-21  12:00:00
+photos: images/content/2025/2025_11_21.jpg
+description: We have decided to sit down and plan OpenAlt Romania. We will be publishing the results in this blog.
+categories: 
+  - OpenAlt
+---
+
+
+
+
+Photo by [Unseen Studio](https://unsplash.com/@uns__nstudio?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/photos/person-writing-on-brown-wooden-table-near-white-ceramic-mug-s9CC2SKySJM?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
+      

source/_posts/2026/events/2026_01_16.md

@@ -2,14 +2,18 @@
 title: "First OpenAlt Romania Meetup"
 author: Bashy
 date:  2026-01-16  18:00:00
-description: First ever OpenAlt Romania meetup. Come join us for some Pizza and FOSS talk.
+description: First ever OpenAlt Romania meetup. The meeting will take place on 16th January 2026 at TBD. The meeting location will be TBD.
 categories: 
   - "Events"
 tags: 
   - "OpenAlt Romania"
   - "IRL Events"
   - "Events"
+event:
+  date: "16th January 2026"
+  time: "TBD"
+  place:
+    name: "TBD"
+    link: "https://openalt.org"
 ---
-## 16th January 2026
-
-### [📍 OpenAlt Headquarters](https://openalt.org)
+We would like to invite you for the fist OpenAlt Romania meeting.

source/images/site/authors/OpenAltRomania.svg

@@ -0,0 +1,5 @@
+<svg width="1250" height="1250" viewBox="0 0 1250 1250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M757.314 400.673C718.531 377.725 673.289 364.549 624.939 364.549C577.988 364.549 533.929 376.973 495.906 398.748L353.083 151.387C433.12 105.342 525.952 79 624.948 79C725.421 79 819.53 106.119 900.404 153.467L757.314 400.673Z" fill="#CE1126"/>
+<path d="M373.235 558.061C367.571 579.412 364.549 601.835 364.549 624.956C364.549 768.763 481.124 885.337 624.931 885.337C697.119 885.337 762.434 855.974 809.601 808.522L1011.54 1010.48C912.69 1109.59 775.998 1170.92 624.956 1170.92C323.426 1170.92 79 926.478 79 624.965C79 575.855 85.4754 528.282 97.5974 483.023L373.235 558.061Z" fill="#002B7F"/>
+<path d="M757.314 400.673C833.94 445.993 885.32 529.483 885.32 624.965C885.32 696.583 856.431 761.467 809.601 808.531L1011.54 1010.49C1110.02 911.723 1170.9 775.446 1170.9 624.974C1170.91 423.899 1062.25 248.225 900.412 153.485L757.314 400.673Z" fill="#FCD116"/>
+</svg>

themes/openalt/.gitignore

@@ -1,2 +0,0 @@
-_config.yml
-

themes/openalt/_config.yml

@@ -0,0 +1,42 @@
+name: OpenAlt
+version: 0.1
+copy_year: 2025
+
+# Site configuration
+banner: images/assets/OpenAlt_RO_White.svg
+favicon: images/assets/OpenAltRomania.svg
+fontawesome: https://kit.fontawesome.com/bae8420862.js    # Use your own kit here
+primary_color: '#ce1126 !important'
+tag_border: false   # Add border to tags
+
+#Footer
+hexo: true    # Display "Powered by Hexo" in footer
+copyright: true    # Display copyright
+
+# Enable or disable social links (add more / remove as needed)
+social:
+  - url: http://discord.openalt.ro
+    icon: fab fa-discord
+    enable: true
+  - url: https://mastodon.social/@OpenAltRo
+    icon: fab fa-mastodon
+    enable: true
+  - url: https://www.linkedin.com/company/openaltro/ 
+    icon: fab fa-linkedin
+    enable: true
+  - url: https://matrix.to/#/#OpenAltRO:matrix.org
+    icon: fab fa-hashtag
+    enable: true
+
+# Topbar menu configuration (add more / remove as needed)
+topbar_menu:
+  - enable: true
+    name: Blog
+    url: /archives/index.html
+  - enable: true
+    name: About Us
+    url: /p/AboutUs/AboutUs.html
+  - enable: true
+    name: OpenAlt
+    url: https://openalt.org
+    

themes/openalt/layout/_partial/article.ejs

@@ -1,25 +1,28 @@
-<div class="narrow_view">
-    <div class="post">
-        <div class="post-header">
-            <h1 class="article"><%= page.title  || "Untitled" %></h1>
-            <% if(page.photos && page.photos.length) { %>
-                <div class="cover">
-                    <img class="gallery" src="<%- config.root %><%- page.photos[0] %>" alt="<%- page.title || "Untitled" %>">
+<div class="post-page post">
+    <% if(page.photos && page.photos.length) { %>
+        <div class="post-cover">
+            <img class="gallery" src="<%- config.root %><%- page.photos[0] %>" alt="<%- page.title || "Untitled" %>">
+        </div>
+    <% } %>
+
+    <div class="post-text-wrapper">
+        <div class="post-text">
+            <div class="post-header">
+                <h1 class="article"><%= page.title  || "Untitled" %></h1>
+                <span class="smoll"><%- include('date', { date: page.date.toISOString() }) %>  by <%= page.author %></span>
+                <p><%= page.description %></p>
+            </div>
+            <div class="post-content">
+                <%- page.content %>
+            </div>
+            <div class="post-footer">
+                <div class="tags smoll">
+                    <% if (page.tags) { %>
+                        <% page.tags.data.forEach(function(tag) { %>
+                            <a href="<%= url_for('/tags/' + tag.name) %>">#<%= tag.name %></a>
+                        <% }); %>
+                    <% } else {console.log(page)} %>
                 </div>
-            <% } %>
-            <p><%= page.description %></p>
-            <a href='<%= url_for(page.path) %>' class="page-date"><%- include('date', { date: page.date.toISOString() }) %></a>
-        </div>
-        <div class="post-content">
-            <%- page.content %>
-        </div>
-        <div class="post-footer">
-            <div class="tags smoll">
-                <% if (page.tags) { %>
-                    <% page.tags.data.forEach(function(tag) { %>
-                        <a href="<%= url_for('/tags/' + tag.name) %>">#<%= tag.name %></a>
-                    <% }); %>
-                <% } else {console.log(page)} %>
             </div>
         </div>
     </div>

themes/openalt/layout/_partial/date.ejs

@@ -1,11 +1,9 @@
-<div class="date smoll">
-    <% 
-        const posted = new Date(date);
-        const now = new Date();
-        const year = 365 * 24 * 60 * 60 * 1000;
-        const format = (now - posted) < year ? 
-            { day: 'numeric', month: 'long', hour: 'numeric', minute: 'numeric', hour12: true } : 
-            { day: 'numeric', month: 'long', year: 'numeric', hour: 'numeric', minute: 'numeric', hour12: true };
-    %>
-    <%= posted.toLocaleString('en-US', format ) %>
-</div>
+<% 
+    const posted = new Date(date);
+    const now = new Date();
+    const year = 365 * 24 * 60 * 60 * 1000;
+    const format = (now - posted) < year ? 
+        { day: 'numeric', month: 'long', hour: 'numeric', minute: 'numeric', hour12: true } : 
+        { day: 'numeric', month: 'long', year: 'numeric', hour: 'numeric', minute: 'numeric', hour12: true };
+%>
+<%= posted.toLocaleString('en-US', format ) %>

themes/openalt/layout/_partial/feed.ejs

@@ -1,6 +1,9 @@
 <div class="narrow_view">
     <% page.posts.forEach(function(post) { %>
-        <%- include('post_feed', { post: post }) %>
+        <%- include('post_feed',
+            { post: post,
+            source: "feed"
+        }) %>
     <% }); %>
 
     <div class="pagination">

themes/openalt/layout/_partial/index/feed_preview.ejs

@@ -1,22 +1,23 @@
 <section id="feed_preview">
+    <div class="feed_preview">
+        <% counter = 3 %>
+        <% page.posts.forEach(function(post) { %>
+            <% if (counter != 0) { %>
+                <% isEvent = false %>
+                <% post.tags.data.forEach(function(tag) { %>
+                    <% if (tag.name == "Events") { %>
+                        <% isEvent = true %>
+                    <% } %>
+                <% }); %>
 
-<div class="feed_preview">
-    <% counter = 3 %>
-    <% page.posts.forEach(function(post) { %>
-        <% if (counter != 0) { %>
-            <% isEvent = false %>
-            <% post.tags.data.forEach(function(tag) { %>
-                <% if (tag.name == "Events") { %>
-                    <% isEvent = true %>
+                <% if (isEvent == false) { %>
+                    <%- include('./../post_feed',
+                        { post: post,
+                        source: "index"
+                    }) %>
+                    <% counter = counter - 1 %>
                 <% } %>
-            <% }); %>
-
-            <% if (isEvent == false) { %>
-                <%- include('./../post_feed', { post: post }) %>
-                <% counter = counter - 1 %>
             <% } %>
-        <% } %>
-    <% }); %>
-</div>
-
+        <% }); %>
+    </div>
 </section>

themes/openalt/layout/_partial/index/main_event.ejs

@@ -1,13 +1,11 @@
 <section class="event">
-
-    <% counter = false %>
+    <% counter = 2 %>
     <% page.posts.forEach(function(post) { %>
         <% post.tags.data.forEach(function(tag) { %>
-            <% if ( (tag.name == "Events") && (counter == false) ) { %>
-                <%- include('./../post_event', { post: post }) %>
-                <% counter = true %>
+            <% if ( (tag.name == "Events") && (counter != 0) ) { %>
+                <%- include('./../post_feed', { post: post, source: "index", event: counter }) %>
+                <% counter = counter - 1 %>
             <% } %>
         <% }); %>
     <% }); %>
-
 </section>

themes/openalt/layout/_partial/post_event.ejs

@@ -1,9 +0,0 @@
-<div class="event-wrapper">
-    <img src="/images/assets/OpenAltRomania.svg" alt="<%=  post.title || "Untitled" %>" style="max-height: 250px" width="300px" />
-
-    <a href='<%= url_for(post.path) %>'><h1><%= post.title || "Untitled" %></h1></a>
-
-    <div class="post-content">
-        <%- post.content %>
-    </div>
-</div>

themes/openalt/layout/_partial/post_feed.ejs

@@ -1,20 +1,70 @@
+<%
+    isEvent = false
+    post.tags.data.forEach(function(tag) { 
+        if ( (tag.name == "Events") && (!isEvent) ) { 
+            isEvent = true 
+        } 
+    });
+%>
+
 <!-- This is the template for the post. It is used to display the posts in the feeds. -->
-<div class="post post-feed">
-    <% if(post.photos && post.photos.length) { %>
-        <div class="cover">
-            <a href='<%= url_for(post.path) %>'>
-                <img class="gallery" src="<%- config.root %>thumbnails/<%- post.photos[0].replace(/^images\//, '') %>" alt="<%- post.title || 'Untitled' %>">
-            </a>
-        </div>
-    <% } %>
-    <div class="post-header">
-        <a href='<%= url_for(post.path) %>'><h2><%= post.title || "Untitled" %></h2>
-        <%- include('date', { date: post.date.toISOString() }) %></a>
-        <p class="post_description"><%= post.description %></p>
-        <div class="tags smoll">
-            <% post.tags.data.forEach(function(tag) { %>
-                <a href="<%= url_for('/tags/' + tag.slug || tag.name.replace(/\s+/g, '-')) %>">#<%= tag.name %></a>
-            <% }); %>
+<% if(isEvent && (source == "index") && (event == 2) ) { %>
+    <div class="event-wrapper">
+        <img src="/images/assets/OpenAltRomania.svg" alt="<%=  post.title || "Untitled" %>" style="max-height: 250px" width="300px" />
+
+        <a href='<%= url_for(post.path) %>'><h1><%= post.title || "Untitled" %></h1></a>
+
+        <h2 class="event-spacer">
+            <%- post.event.date %> at <%- post.event.time %>
+        </h2>
+
+        <h3 class="event-spacer">
+            <a href='<%- post.event.place.link %>'><i class="fa fa-map-marker-alt"></i> <%- post.event.place.name %></a>
+        </h3>
+
+        <div class="post-content">
+            <%- post.content %>
         </div>
     </div>
-</div>
+<% } else { %>
+    <div class="post">
+        <% if(post.photos && post.photos.length) { %>
+            <% classTag = "post-with-image" %>
+        <% } else { %>
+            <% classTag = "post-without-image" %>
+        <% } %>
+
+        <% if(source == "index") { %>
+            <div class="post-home">
+        <% } else if (isEvent) { %>
+            <div class="post-event">
+        <% } else { %>
+            <div class="post-feed">
+        <% } %>
+            <div class="<%= classTag %>">
+                <% if(post.photos && post.photos.length) { %>
+                    <div class="post-cover">
+                        <a href='<%= url_for(post.path) %>'>
+                            <img class="gallery" src="<%- config.root %><%- post.photos[0] %>" alt="<%- post.title || 'Untitled' %>">
+                        </a>
+                    </div>
+                <% } %>
+                <div class="post-blerp">
+                    <a href='<%= url_for(post.path) %>'><h2><%= post.title || "Untitled" %></h2>
+                    <div class="date smoll">
+                        <%- include('date', { date: post.date.toISOString() }) %></a>
+                    </div>
+                    <p class="post_description"><%= post.description %></p>
+
+                    <a href='<%= url_for(post.path) %>'><p>Read More...</p></a>
+
+                    <div class="tags smoll">
+                        <% post.tags.data.forEach(function(tag) { %>
+                            <a href="<%= url_for('/tags/' + tag.slug || tag.name.replace(/\s+/g, '-')) %>">#<%= tag.name %></a>
+                        <% }); %>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+<% } %>

themes/openalt/layout/archive.ejs

@@ -1,6 +1,9 @@
 <div class="narrow_view">
   <% site.posts.sort('-date').forEach(function(post) { %>
-    <%- include('_partial/post_feed', { post: post }) %>
+    <%- include('_partial/post_feed',
+        { post: post,
+        source: "archive"
+    }) %>
   <% }); %>
 
   <div class="pagination">

themes/openalt/layout/index.ejs

@@ -1,5 +1,9 @@
-<%- include("_partial/index/main_event", { item: site.posts.sort('-date') }) %>
+<%- include("_partial/index/main_event", {
+    item: site.posts.sort('-date')
+}) %>
 
-<%- include("_partial/index/feed_preview", { item: site.posts.sort('-date') }) %>
+<%- include("_partial/index/feed_preview", { 
+    item: site.posts.sort('-date')
+}) %>
 
 <%- include("_partial/index/partners") %>

themes/openalt/layout/layout.ejs

@@ -30,61 +30,65 @@
     </style>
 </head>
 <body>
-    <header class="topbar">
-        <nav>
-            <!-- Avatar -->
-            <a href="/">
-                <div class="topbar-header">
-                    <img src="<%= url_for(theme.banner) %>" alt="<%= config.author %>">
-                </div>
-            </a>
+    <div class="body">
+        <header class="topbar">
+            <nav>
+                <!-- Avatar -->
+                <a href="/">
+                    <div class="topbar-header">
+                        <img src="<%= url_for(theme.banner) %>" alt="<%= config.author %>">
+                    </div>
+                </a>
 
-            <!-- Topbar Menu -->
-            <% theme.topbar_menu.forEach(function(menu) { %> 
-                <% if (menu.enable) { %>
-                    <a href="<%= menu.url %>">
-                        <%= menu.name %>
-                    </a>
-                <% } %>
-            <% }); %>
-
-            <span class="social">
-                <% theme.social.forEach(function(social) { %> 
-                    <% if (social.enable) { %>
-                        <span class="social-icon">
-                            <a href="<%= social.url %>" target="_blank">
-                                <% if (theme.fontawesome) { %>
-                                    <i class="<%= social.icon %>"></i>
-                                <% } else { %>
-                                    <img src='<%= url_for(theme.avatar) %>'></img>
-                                <% } %>
-                            </a>
-                        </span>
+                <!-- Topbar Menu -->
+                <% theme.topbar_menu.forEach(function(menu) { %> 
+                    <% if (menu.enable) { %>
+                        <a href="<%= menu.url %>">
+                            <%= menu.name %>
+                        </a>
                     <% } %>
                 <% }); %>
-            </span>
 
-        </nav>
-    </header>
-    <main>
-        <!-- BODY -->
-        <div class="content">
-            <%- body %>
-        </div>
+                <span class="social">
+                    <% theme.social.forEach(function(social) { %> 
+                        <% if (social.enable) { %>
+                            <span class="social-icon">
+                                <a href="<%= social.url %>" target="_blank">
+                                    <% if (theme.fontawesome) { %>
+                                        <i class="<%= social.icon %>"></i>
+                                    <% } else { %>
+                                        <img src='<%= url_for(theme.avatar) %>'></img>
+                                    <% } %>
+                                </a>
+                            </span>
+                        <% } %>
+                    <% }); %>
+                </span>
 
-        <!-- Footer -->
-        <div class="footer smoll">
-            <% if (theme.hexo) { %>
-                <div class="hexo footer">
-                    Powered by Hexo, theme <a href="https://openalt.ro" target="_blank">OpenAlt</a><br>
-                </div>
-            <% } %>
-            <% if (theme.copyright) { %>
-                <div class="copy footer">
-                    &copy; <%= theme.copy_year %> <%= config.author %>
-                </div>
-            <% } %>
-        </div>
-    </main>
+            </nav>
+        </header>
+        <main>
+            <!-- BODY -->
+            <div class="content">
+                <%- body %>
+            </div>
+
+        </main>
+            <!-- Footer -->
+        <footer>
+            <div class="footer smoll">
+                <% if (theme.hexo) { %>
+                    <div class="hexo footer">
+                        Powered by Hexo, theme <a href="https://openalt.ro" target="_blank">OpenAlt</a><br>
+                    </div>
+                <% } %>
+                <% if (theme.copyright) { %>
+                    <div class="copy footer">
+                        &copy; <%= theme.copy_year %> <%= config.author %>
+                    </div>
+                <% } %>
+            </div>
+        </footer>
+    </div>
 </body>
 </html>

themes/openalt/source/css/style.css

@@ -5,6 +5,12 @@ body {
     background-color: #0D1117;
 }
 
+.body {
+  display: flex;
+  flex-direction: column;
+  min-height: 99vh;
+}
+
 h1, h2, h3, h4 {
     padding: 0;
     margin: 0;
@@ -36,13 +42,13 @@ h4 {
 
 a {
     text-decoration: none;
-    color: #0D1117;
+    color: #31486b;
 }
 
 /* Definition of small fonted text, example: footer */
 .smoll {
     font-size: 12px !important;
-    line-height: 12px;
+    line-height: 14px;
 }
 
 /* Topbar header section */
@@ -61,6 +67,7 @@ a {
 /* Topbar menu section */
 nav {
   width: 80%;
+  background-color: #0D1117 !important;
   list-style: none;
   display: flex;
   margin: 0 auto;
@@ -74,18 +81,7 @@ nav a {
   color: #dcdcdf;
 }
 
-/* Footer */
-.footer {
-    color: #dcdcdf !important;
-    text-align: center;
-    margin-top: 5px;
-}
-
-.footer a {
-    color: #dcdcdf !important;
-}
-
-/* Footer - Social */
+/* Topbar - Social */
 .social {
     justify-content: center;
     margin: 0.5em 0 0 auto;
@@ -116,19 +112,46 @@ nav a {
 main {
     width: 80%;
     margin: 30px auto 0 auto;
+    flex: 1;
 }
 
-.narrow_view{
-    width: 70%;
-    margin: 0 auto;
+/* Homepage settings */
+.post-home img {
+    border-radius: 5px 5px 0 0;
 }
 
-.post {
-    padding: 1em;
-    background-color: #dcdcdf;
-    border-radius: 10px;
-    box-sizing: border-box;
-    margin-bottom: 16px;
+.post-home .post-blerp {
+    border-radius: 0 0 5px 5px;
+}
+
+.post-feed .post-with-image {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: stretch; 
+    gap: 0;   
+}
+
+.post-feed .post-with-image img {
+    border-radius: 5px 0 0 5px;
+    height: 100%;
+    object-fit: cover;
+}
+
+.post-feed .post-with-image .post-cover {
+    width: 35% !important;
+    display: flex;
+}
+
+.post-feed .post-with-image .post-blerp {
+    border-radius: 0 5px 5px 0;
+    width: 65% !important;
+    display: flex;
+    flex-direction: column;
+}
+
+.post-feed  .post-without-image .post-blerp, 
+.post-event  .post-without-image .post-blerp {
+    border-radius: 5px;
 }
 
 /* Images */
@@ -136,21 +159,23 @@ img {
     max-width: 100%;
     height: auto;
     display: block;
-    border-radius: 10px;
     opacity: 1;
     transition: all 1s;
 }
 
-img:hover {
-    opacity: 0.95;
-}
-
 /* Post */
-.post-header {
+.post-blerp {
+    padding: 1em;
+    background-color: #becadd;
+    box-sizing: border-box;
     line-height: 100%;
     color:#0D1117;
 }
 
+.post {
+    margin-bottom: 20px;
+}
+
 .date {
     color: #0D1117;
     font-style: italic;
@@ -163,6 +188,27 @@ iframe {
 }
 
 /* Post - Top section */
+.post-page{
+    width: 75%;
+    margin: 0 auto;
+}
+
+.post-page img{
+    border-radius: 5px;
+}
+
+.post-page .post-text-wrapper{
+    border-radius: 5px;
+    background-color: #becadd;
+    margin-top: 10px;
+}
+
+.post-page .post-text{
+    width: 75%;
+    margin: 0 auto;
+    padding: 40px 0;
+}
+
 .article {
     font-size: 35px !important;
     line-height: 40px !important;
@@ -207,18 +253,28 @@ section {
 /* Events */
 .event-wrapper {
     text-align: center;
-    margin: 75px auto 100px auto;
+    margin: 0 auto;
+    min-height: calc(100vh - 63px);
 }
+
+.event-spacer{
+    margin: 10px 0;
+}
+
 .event .event-wrapper h1,
 .event .event-wrapper h2,
 .event .event-wrapper h3,
 .event .event-wrapper h4,
-.event .event-wrapper a ,
 .event .event-wrapper p {
     color: #dcdcdf;
     padding-bottom: 5px;
 }
 
+.event .event-wrapper a {
+    color: #fcd116;
+    padding-bottom: 5px;
+}
+
 .event-wrapper h1{
     font-size: 35px;
     line-height: 40px;
@@ -227,11 +283,12 @@ section {
 
 .event-wrapper img{
     vertical-align: middle;
-    margin:0 auto 25px auto;
+    margin:50px auto;
+    min-width: 400px;
+    min-height: 400px;
 }
 
 /* Feed Preview */
-
 .feed_preview {
   display: flex;
   flex-wrap: wrap;
@@ -244,22 +301,34 @@ section {
 
 
 /* Partners */
-
 .partners {
   display: flex;
   flex-wrap: wrap;
-  gap: 1rem;
+  gap: 3rem;
   list-style: none;
   padding: 0;
   margin: 0 auto;
 }
 
 .partners li {
-  width: 300px;
+  width: 200px;
   text-align: center;
   margin: auto;
 }
 
 .partners img {
-  width: 300px;
-}
+  margin: 25px auto;
+  width: 200px;
+}
+
+
+/* Footer */
+.footer {
+    color: #dcdcdf !important;
+    text-align: center;
+    margin-top: 5px;
+}
+
+.footer a {
+    color: #dcdcdf !important;
+}