" style="max-height: 250px" width="300px" />
+<% if(isEvent) { %>
+ <% if(source == "index") { %>
+ <% if(event == 2) { %>
+
+ " style="max-height: 250px" width="300px" />
-
+ <% } else if(event == 1) { %>
+ " style="max-height: 250px" width="300px" />
- <%= post.title || "Untitled" %>
+ <%- include('event', { page: post }) %> +Video of our last event: <%= post.title || "Untitled" %>
-- <%- post.event.date %> at <%- post.event.time %> -
+ <% if(post.event.video != "TBD") { %> +
+ <%- post.event.video %>
+
+ <%} %>
+ <% } %>
+ <% } else { %>
+
+
+ <% if(post.event.video != "TBD") { %>
+
+ <% } else { %>
+
+ <% } %>
<% } else { %>
+ <% } %>>
+
+
<%= post.title || "Untitled" %>
+
+ <%- include('date', { date: post.date.toISOString() }) %>
+
+ <%= post.description %>
-- <%- post.event.place.name %> -
+Read More...
-
- <%- post.content %>
+
+
+ <% if(post.event.video != "TBD") { %>
+
+ <%- post.event.video %>
+
+ <% } %>
+
<% if(post.photos && post.photos.length) { %>
diff --git a/themes/openalt/layout/post.ejs b/themes/openalt/layout/post.ejs
index b622273..9c1e7b9 100644
--- a/themes/openalt/layout/post.ejs
+++ b/themes/openalt/layout/post.ejs
@@ -1,3 +1,12 @@
+<%
+ isEvent = false
+ page.tags.data.forEach(function(tag) {
+ if ( (tag.name == "Events") && (!isEvent) ) {
+ isEvent = true
+ }
+ });
+%>
+
<% if(page.photos && page.photos.length) { %>
@@ -6,6 +15,10 @@
<% } %>
\ No newline at end of file
diff --git a/themes/openalt/source/css/style.css b/themes/openalt/source/css/style.css
index 5b75c75..09892be 100644
--- a/themes/openalt/source/css/style.css
+++ b/themes/openalt/source/css/style.css
@@ -54,6 +54,11 @@ h4 {
color: #dcdcdf;
}
+.vhsky-video {
+ width: 75%;
+ margin-bottom: 1em;
+}
+
a {
text-decoration: none;
color: #31486b;
@@ -132,6 +137,15 @@ main {
flex: 1;
}
+.program{
+ padding: 10px !important;
+}
+
+.break{
+ font-weight: 100 !important;
+ letter-spacing: 0.5em !important;
+}
+
/* Homepage settings */
.post-home img {
border-radius: 5px 5px 0 0;
@@ -166,8 +180,33 @@ main {
flex-direction: column;
}
+.post-feed .post-with-video {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+ gap: 0;
+}
+
+.post-feed .post-with-video iframe {
+ border-radius: 0 5px 5px 0;
+ height: 100%;
+ object-fit: cover;
+}
+
+.post-feed .post-with-video .post-vhsky-cover {
+ width: 49.4% !important;
+ display: flex;
+}
+
+.post-feed .post-with-video .post-blerp {
+ border-radius: 5px 0 0 5px;
+ width: 49.4% !important;
+ display: flex;
+ flex-direction: column;
+}
+
.post-feed .post-without-image .post-blerp,
-.post-event .post-without-image .post-blerp {
+.post-feed .post-without-video .post-blerp {
border-radius: 5px;
}
@@ -223,6 +262,12 @@ iframe {
padding: 40px 0;
}
+.post .post-event{
+ width: 75%;
+ margin: 0 auto;
+ padding: 40px 0;
+}
+
/* Post - Tags */
.tags {
text-align: right;
@@ -263,10 +308,6 @@ section {
max-width: 600px;
}
-.event-spacer{
- margin: 10px 0;
-}
-
.event-wrapper img{
vertical-align: middle;
margin: auto;
@@ -283,14 +324,36 @@ section {
}
+/* Event blog page */
+.post-event {
+ text-align: center;
+ margin: 0 auto;
+ min-height: calc(100vh - 63px);
+ display: block;
+}
+
+.event-wrapper div,
+.post-event div{
+ margin: 2.5em 0;
+}
+
+.event .post-event {
+ padding-bottom: 5px;
+}
+
+.event .post-event a {
+ color: #fcd116;
+}
+
+
/* Feed Preview */
-#minifeed {
+.minifeed {
display: flex;
flex-wrap: wrap;
gap: 1.25%;
}
-#minifeed .post {
+.minifeed .post {
width: 32.5%;
}
@@ -399,11 +462,11 @@ section {
@media (max-width: 1250px) {
- #minifeed {
+ .minifeed {
flex-direction: column;
}
- #minifeed .post {
+ .minifeed .post {
width: 100%;
}
+ <% if(isEvent) { %>
+
+ <%- include('_partial/event') %>
+ <% } else { %>
+ <% } %>
+