Update the site with new event

This commit is contained in:
Bashy 2026-03-26 18:46:05 +01:00
parent 6b0249f5dc
commit 9ea7891f73
21 changed files with 474 additions and 84 deletions

View file

@ -3,7 +3,7 @@ version: 0.1
copy_year: 2025
# Site configuration
banner: images/assets/OpenAlt_RO_White.svg
banner: images/assets/OpenAlt_RO_White_Wide.svg
favicon: images/assets/OpenAltRomania.svg
fontawesome: https://kit.fontawesome.com/bae8420862.js # Use your own kit here
primary_color: '#ce1126 !important'

View file

@ -12,28 +12,34 @@
</h1>
</div>
<div>
<h3 class="event">
<% if(page.event.place != "TBD") { %>
<a href='<%- page.event.place.link %>'><i class="fa fa-map-marker-alt"></i> <%- page.event.place.name %></a>
<%} else { %>
<i class="fa fa-map-marker-alt"></i>TBD
<% } %>
</h3>
</div>
<% if(page.event.program != "TBD") { %>
<div>
<h2> AGENDA </h2>
<!-- When agenda is public -->
<h2 class="program"><%- page.event.program[0].name %> by <a href="<%- page.event.program[0].speaker.url %>"><%- page.event.program[0].speaker.name %></a></h2>
<h2 class="program break">B R E A K</h2>
<h2 class="program"><%- page.event.program[1].name %> by <a href="<%- page.event.program[1].speaker.url %>"><%- page.event.program[1].speaker.name %></a></h2>
<h2 class="program break">B R E A K</h2>
<h2 class="program"><%- page.event.program[2].name %> by <a href="<%- page.event.program[2].speaker.url %>"><%- page.event.program[2].speaker.name %></a></h2>
<% page.event.program.forEach(function(item, index) { %>
<h2 class="program"><%- item.name %> by <a href="<%- item.speaker.url %>"><%- item.speaker.name %></a></h2>
<% if (index < page.event.program.length - 1) { %>
<h2 class="program break">B R E A K</h2>
<% } %>
<% }) %>
</div>
<% } %>
<div>
<% if(page.event.place != "TBD") { %>
<h3>
<a href='<%- page.event.place.link %>'><i class="fa fa-map-marker-alt"></i> <%- page.event.place.name %></a>
</h3>
<% if(page.event.place.osm != "TBD" || page.event.place.osm != "") { %>
<span class="osm"><%- page.event.place.osm %></span>
<% } %>
<%} else { %>
<h3>
<i class="fa fa-map-marker-alt"></i> TBD
</h3>
<% } %>
</div>
<div class="smoll">
Would you like to speak on this or our next meetup? <br> Submit your talk here: <a href="http://speakers.openalt.ro/">speakers.openalt.ro</a>.
</div>

View file

@ -8,18 +8,32 @@
</div>
<% } %>
<% if (partner.enable) { %>
<div class="partner">
<div class="partner-wrapper">
<h3><%= partner.name %></h3>
<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 class="page-text">
<p><%= partner.bio %></p>
</div>
</div>
<span class="member-social">
<% partner.contact.forEach(function(social) { %>
<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>
</div>
<% } %>
<% }); %>
<% }); %>
<% }); %>

View file

@ -393,28 +393,30 @@ section {
/* Page - Members */
.member-wrapper,
.partner-wrapper{
max-width: 600px;
align-items: center;
margin: 0 auto;
padding: 25px;
}
.member, .partner {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center;
gap: 5px;
margin-top: 50px;
width: 500px;
margin: 0 auto;
}
.member-wrapper{
width: 500px;
width: 600px;
margin: 0 auto;
}
.member .page-img img {
border-radius: 250px;
border-radius: 300px;
border: 2px solid #ce1126;
}
.member .page-img img,
.partner .page-img img {
width: 125px;
width: 150px;
height: auto;
margin: auto;
display: block;
@ -422,7 +424,7 @@ section {
.member .page-img,
.partner .page-img {
flex: 0 0 125px;
flex: 0 0 150px;
display: flex;
align-items: center;
justify-content: center;
@ -430,11 +432,12 @@ section {
.member .page-text,
.partner .page-text {
flex: 0 0 370px;
flex: 0 0 445px;
border-radius: 5px;
margin: 0 auto;
padding: 25px;
display: flex;
padding-left:10px;
padding-right:10px;
flex-direction: column;
justify-content: center;
}
@ -460,6 +463,66 @@ section {
}
/* Branding Page brand pictures */
.brand-line-wrapper{
display: flex !important;
flex-wrap: nowrap !important;
align-items: center;
gap: 5%;
margin: 0 auto;
margin-top: 25px;
margin-bottom: 25px;
}
.brand-img-dark {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 25px;
border-radius: 5px;
background-color: #fff;
max-width: 50%;
}
.brand-img-dark a {
margin-top:10px;
padding: 15px;
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.04) !important;
}
.brand-img-dark a:hover {
background-color: rgba(0, 0, 0, 0.12) !important;
}
.brand-img-light {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 25px;
border-radius: 5px;
background-color: #000;
max-width: 50%;
}
.brand-img-light a {
margin-top:10px;
padding: 15px;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.035) !important;
}
.brand-img-light a:hover {
background-color: rgba(255, 255, 255, 0.1) !important;
}
.osm iframe {
margin-top: 10px;
border-radius: 5px;
border: 1px solid #becadd;
}
@media (max-width: 1250px) {
.minifeed {