Fixed nav and frontpage for smaller viewports, added partners page and other edits

This commit is contained in:
Bashy 2025-11-24 18:37:51 +01:00
parent 4f65db4bce
commit 43a187da12
16 changed files with 207 additions and 48 deletions

View file

@ -4,6 +4,9 @@
join_date: 13th November 2025 join_date: 13th November 2025
bio: "Hi, I'm Bashy. I am Slovakian, currently living in Romanian countryside. Because of my interest in Free and Open Technologies, I've decided to bring OpenAlt into Romania." bio: "Hi, I'm Bashy. I am Slovakian, currently living in Romanian countryside. Because of my interest in Free and Open Technologies, I've decided to bring OpenAlt into Romania."
contact: contact:
- url: https://bashynx.com
icon: fa-solid fa-link
enable: true
- url: https://mastodon.social/@Bashynx - url: https://mastodon.social/@Bashynx
icon: fab fa-mastodon icon: fab fa-mastodon
enable: true enable: true
@ -16,6 +19,19 @@
- url: https://gitlab.com/bashynx/ - url: https://gitlab.com/bashynx/
icon: fab fa-gitlab icon: fab fa-gitlab
enable: true enable: true
- url: bashynx@openalt.org - url: mailto:bashynx@openalt.org
icon: fab fa-gitlab icon: fas fa-envelope
enable: true enable: true
- name: "Kovács 'Gyuri' György"
role: Co-Founder
picture: /images/site/members/user.png
join_date: 21st November 2025
bio: "Hi, I'm Gyuri. I am from Cluj, I have been involved with a number of groups such as Functional Programming in Cluj, Research in Cluj, Philosophy in Cluj and TEAL. I am a fan of Free and Open Source Software, and so I've joined Bashy to help her get OpenAlt going in Romania."
contact:
- url: http://gyuri.world
icon: fa-solid fa-link
enable: true
- url: mailto:georgesmth202@gmail.com
icon: fas fa-envelope
enable: true

View file

@ -1,11 +1,31 @@
- name: vpsFree - title: "Media Partners"
url: https://vpsFree.org/ list:
logo: /images/site/partners/vpsFree.png - enable: false
name: Today Software Magazine
- name: OpenAlt CZ url: https://www.todaysoftmag.ro
url: https://openalt.cz logo: /images/site/partners/TSN.png
logo: /images/site/partners/openalt-cz.png bio: "Today Software Magazine is likely a Romanian publication focused on technology, software, and IT industry news. It covers topics such as software development, business technology trends, product reviews, and interviews with industry professionals."
- title: "Organizers"
- name: Hackman.Club list:
url: https://hackman.club - enable: true
logo: /images/site/partners/HackmanClub.png name: OpenAlt CZ
url: https://openalt.cz
logo: /images/site/partners/openalt-cz.png
bio: "OpenAlt z.s. is an association whose goal is to support and promote open source in all its paradigmatic forms (hardware, software, data, science, education, governance, etc.). At its core is the organization of the OpenAlt conference, which presents openness as a response to technical and societal challenges."
- enable: false
name: Hackman.Club
url: https://hackman.club
logo: /images/site/partners/HackmanClub.png
bio:
- title: "Friendly Events"
list:
- enable: false
name: REAM
url: https://www.linkedin.com/company/dcg40264/posts/?feedView=all
logo: /images/site/partners/REAM.png
bio: "REAM (Read and Examine Articles en Masse) is a type of get together where we talk about an article that was voted on by regular members. You can think of it like a book club, but instead of books, we read articles. They are (usually) much shorter than books, and there are lots to talk about and discuss."
- enable: false
name: DefCon Group Cluj
url: https://www.linkedin.com/company/dcg40264/posts/?feedView=all
logo: /images/site/partners/defcon.jpg
bio: "Bringing together Cluj hackers and security professionals to learn, collaborate, and network in an open space."

View file

@ -7,7 +7,7 @@ description: Hi there!
categories: categories:
- OpenAlt - 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 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 local 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. 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.

View file

@ -11,9 +11,9 @@ tags:
- "Events" - "Events"
event: event:
date: "16th January 2026" date: "16th January 2026"
time: "TBD" time: "6 PM"
place: place:
name: "TBD" name: "TBD"
link: "https://openalt.org" link: "https://openalt.org"
--- ---
We would like to invite you for the fist OpenAlt Romania meeting. We would like to invite you for the fist OpenAlt Romania meeting.

Binary file not shown.

After

Width:  |  Height:  |  Size: 218 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9 KiB

View file

@ -1,13 +1,11 @@
--- ---
title: "Get in Touch" title: "Get in Touch"
type: "Contact"
date: 2025-11-01 18:00:00 date: 2025-11-01 18:00:00
--- ---
# Social Media Presence # Social Media Presence
We are currently active on following platforms: We are currently active on following platforms:
- [Mastodon](https://mastodon.social/@OpenAltRo) [Mastodon](https://mastodon.social/@OpenAltRo) | [Matrix](https://matrix.to/#/#OpenAltRO:matrix.org) | [Discord](http://discord.openalt.ro/) | [LinkedIn](https://www.linkedin.com/company/openaltro/)
- [Matrix](https://matrix.to/#/#OpenAltRO:matrix.org)
- [Discord](http://discord.openalt.ro/)
- [LinkedIn](https://www.linkedin.com/company/openaltro/)

View file

@ -0,0 +1,6 @@
---
title: "Our Partners"
type: "Partners"
date: 2025-11-01 18:00:00
---
Here youll find the people and organizations who support us. Helping with meetups, promotion, projects, and other ways that keep us going.

View file

@ -26,6 +26,9 @@ social:
- url: https://matrix.to/#/#OpenAltRO:matrix.org - url: https://matrix.to/#/#OpenAltRO:matrix.org
icon: fab fa-hashtag icon: fab fa-hashtag
enable: true enable: true
- url: https://gitlab.com/oss-bashynx/openalt_ro
icon: fab fa-gitlab
enable: true
# Topbar menu configuration (add more / remove as needed) # Topbar menu configuration (add more / remove as needed)
topbar_menu: topbar_menu:
@ -39,6 +42,6 @@ topbar_menu:
name: Contact name: Contact
url: /p/Contact/Contact.html url: /p/Contact/Contact.html
- enable: true - enable: true
name: OpenAlt name: Partners
url: https://openalt.org url: /p/Partners/Partners.html

View file

@ -5,10 +5,17 @@
</div> </div>
<div class="partners"> <div class="partners">
<% site.data.partners.forEach(function(partner) { %> <% site.data.partners.forEach(function(type) {
<a href="<%= partner.url %>"> counter = 0 %>
<img src="<%= partner.logo %>" alt="<%= partner.name %>"> <% type.list.forEach(function(partner) { %>
</a> <% if ( (counter == 0) && (partner.enable) ) {
<% }); %> counter = counter + 1 } %>
<% if (partner.enable) { %>
<a href="<%= partner.url %>">
<img src="<%= partner.logo %>" alt="<%= partner.name %>">
</a>
<% } %>
<% }); %>
<% }); %>
</div> </div>
</section> </section>

View file

@ -8,8 +8,8 @@ site.data.members.forEach(function(member) { %>
<% } %> <% } %>
<div class="page-text"> <div class="page-text">
<h1><%= member.name %></h1> <h1><%= member.name %></h1>
<p>Role: <%= member.role %></br> <h2><%= member.role %></h2>
<snap class="smoll">Since <%= member.join_date %></snap></br> <p><i>Since <%= member.join_date %></i></br>
<%= member.bio %></p> <%= member.bio %></p>
<span class="member-social"> <span class="member-social">
<% member.contact.forEach(function(social) { %> <% member.contact.forEach(function(social) { %>
@ -32,4 +32,4 @@ site.data.members.forEach(function(member) { %>
<% } %> <% } %>
</div> </div>
<% counter = counter + 1 <% counter = counter + 1
}); %> }); %>

View file

@ -0,0 +1,25 @@
<% site.data.partners.forEach(function(type) {
counter = 0 %>
<% type.list.forEach(function(partner) { %>
<% if ( (counter == 0) && (partner.enable) ) {
counter = counter + 1%>
<div class="title">
<h2><%= type.title %></h2>
</div>
<% } %>
<% if (partner.enable) { %>
<div class="partner">
<div class="page-img">
<img src="<%= partner.logo %>" alt="<%= partner.name %>">
</div>
<div class="page-text">
<h3><%= partner.name %>
<a href="<%= partner.url %>" target="_blank">
<i class="fa-solid fa-link" aria-hidden="true"></i>
</a></h3>
<p><%= partner.bio %></p>
</div>
</div>
<% } %>
<% }); %>
<% }); %>

View file

@ -20,6 +20,8 @@
<script src="<%= url_for(theme.fontawesome) %>" crossorigin="anonymous"></script> <script src="<%= url_for(theme.fontawesome) %>" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap">
<title><%= config.title %></title> <title><%= config.title %></title>
<link rel="stylesheet" href="<%= url_for('/css/style.css') %>"> <link rel="stylesheet" href="<%= url_for('/css/style.css') %>">
@ -34,20 +36,22 @@
<header class="topbar"> <header class="topbar">
<nav> <nav>
<!-- Avatar --> <!-- Avatar -->
<a href="/"> <a href="/" class="topbar-avatar">
<div class="topbar-header"> <div class="topbar-header">
<img src="<%= url_for(theme.banner) %>" alt="<%= config.author %>"> <img src="<%= url_for(theme.banner) %>" alt="<%= config.author %>">
</div> </div>
</a> </a>
<!-- Topbar Menu --> <span class="menu">
<% theme.topbar_menu.forEach(function(menu) { %> <!-- Topbar Menu -->
<% if (menu.enable) { %> <% theme.topbar_menu.forEach(function(menu) { %>
<a href="<%= menu.url %>"> <% if (menu.enable) { %>
<%= menu.name %> <a href="<%= menu.url %>">
</a> <%= menu.name %>
<% } %> </a>
<% }); %> <% } %>
<% }); %>
</span>
<span class="social"> <span class="social">
<% theme.social.forEach(function(social) { %> <% theme.social.forEach(function(social) { %>

View file

@ -17,6 +17,10 @@
</div> </div>
</div> </div>
<% if (page.title === "Get in Touch") {%> <% if (page.type === "Contact") {%>
<%- include("_partial/members", { page: page })%> <%- include("_partial/members", { page: page })%>
<% }%>
<% if (page.type === "Partners") {%>
<%- include("_partial/partners", { page: page })%>
<% }%> <% }%>

View file

@ -88,13 +88,16 @@ nav {
padding: 0; padding: 0;
} }
nav a { nav a,
nav .menu,
.menu a {
padding: 15px 10px; padding: 15px 10px;
font-size: 15px; font-size: 15px;
align-content: center; align-content: center;
color: #dcdcdf; color: #dcdcdf;
} }
/* Topbar - Social */ /* Topbar - Social */
.social { .social {
justify-content: center; justify-content: center;
@ -204,7 +207,7 @@ iframe {
margin-bottom: 20px; margin-bottom: 20px;
} }
.post img{ .post-page img{
border-radius: 5px; border-radius: 5px;
} }
@ -288,7 +291,7 @@ section {
} }
/* Partners */ /* Partners (homepage) */
.partners { .partners {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -323,7 +326,7 @@ section {
/* Page - Members */ /* Page - Members */
.member { .member, .partner {
display: flex !important; display: flex !important;
flex-wrap: nowrap !important; flex-wrap: nowrap !important;
align-items: center; align-items: center;
@ -340,20 +343,26 @@ section {
.member .page-img img { .member .page-img img {
border-radius: 250px; border-radius: 250px;
border: 2px solid #ce1126; border: 2px solid #ce1126;
}
.member .page-img img,
.partner .page-img img {
width: 125px; width: 125px;
height: auto; height: auto;
margin: auto; margin: auto;
display: block; display: block;
} }
.member .page-img { .member .page-img,
.partner .page-img {
flex: 0 0 125px; flex: 0 0 125px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.member .page-text { .member .page-text,
.partner .page-text {
flex: 0 0 370px; flex: 0 0 370px;
border-radius: 5px; border-radius: 5px;
margin: 0 auto; margin: 0 auto;
@ -363,9 +372,76 @@ section {
justify-content: center; justify-content: center;
} }
.member h1 {
margin-bottom: 5px !important;
}
.member h2,
.title h2 {
text-align: center;
}
.member p {
margin-top: 5px !important;
}
/* page settings */ /* page settings */
.page{ .page{
width: 50%; width: 75%;
margin: 0 auto; margin: 0 auto;
}
@media (max-width: 1250px) {
#minifeed {
flex-direction: column;
}
#minifeed .post {
width: 100%;
}
.post-home .post-with-image {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: stretch;
gap: 0;
}
.post-home .post-with-image img {
border-radius: 5px 0 0 5px;
height: 100%;
object-fit: cover;
}
.post-home .post-with-image .post-cover {
width: 35% !important;
display: flex;
}
.post-home .post-with-image .post-blerp {
border-radius: 0 5px 5px 0;
width: 65% !important;
display: flex;
flex-direction: column;
}
.topbar-avatar {
display:none;
}
}
@media (max-width: 900px) {
nav {
flex-direction: column;
}
.social,
.menu{
justify-content: center;
margin: 0 auto;
}
} }