su-narthur

<style>
	.homeVideos {
		display: grid;
		grid-template-columns: repeat( auto-fit, minmax( 200px, 1fr ) );
		grid-gap: 1rem;
	}
	.responsiveIframe {
		height: 0;
		padding-bottom: 65%;
		position: relative;

su-narthur

{% set getParamDateFormat = "Y-n-j" %}
{% set today = "now"|date(getParamDateFormat) %}
{% set devotionalDate = ( su.request.query.date ) ? su.request.query.date : today %}
{% set dateFragment = devotionalDate|date("-m-d") %}
{% set devotional = su.collection( "devotional" ).sort( "date", "desc" ).date("%"~dateFragment).limit(1).find()[0] %}
{% set displayDate = devotionalDate|date("l, F j, Y") %}

<div class="devotional">
    <h3>{{ (devotional.title) ? devotional.title : "Devotional for "~displayDate }}</h3>
    <div class="devotional-date">{{ displayDate }}</div>

su-narthur

<?php


use Mexitek\PHPColors\Color;

class SF_static_color
{
	public static function contrast( $color, $dark = "black", $light = "white", $threshold = 0.43 ) {
		# https://github.com/oyejorge/less.php/blob/master/lib/Less/Functions.php#L438-L475
		

su-narthur

{% set dayOfWeekIndex = date()|date("N") %}

{% if dayOfWeekIndex == 5 %}
    Sunset tonight: {{ su.calendar.sunsetTime|date( "H:i:s" ) }}<br>
    Sunset tomorrow: {{ su.calendar.sunsetTime( '+1 day' )|date( "H:i:s" ) }}<br>
{% elseif dayOfWeekIndex == 6 %}
    Sunset tonight: {{ su.calendar.sunsetTime|date( "H:i:s" ) }}<br>
    Sunset next Friday: {{ su.calendar.sunsetTime( 'next friday' )|date( "H:i:s" ) }}<br>
    Sunset next Sabbath: {{ su.calendar.sunsetTime( 'next saturday' )|date( "H:i:s" ) }}<br>
{% else %}

su-narthur

<h3>Static Testimonials</h3>

{% set staticComments = su.collection( "comments" ).showcomment("yes").id2("Love Church").randomize.limit(3).find() %}

<ul class="site-comments-static">
	{% for comment in staticComments %}
		<li>
			"{{ comment.comment }}"{% if comment.credit %} — {{ comment.credit }}{% endif %}
		</li>
	{% endfor %}

su-narthur

<style>
	.code-example {
		overflow-y: scroll;
		padding: 1rem;
		background-color: #eee;
		word-break: break-all;
		word-wrap: break-word;
		white-space: pre;
		color: #666666;
		border-left: 3px solid #7b7b7b;

su-narthur

<style>
	.directory-entry {
		margin: 15px 30px 15px 0;
		width: 300px;
		max-width: 100%;
		display: inline-block;
		vertical-align: top;
	}
</style>

su-narthur

{% set staffCollection = su.collection("staff") %}
{% set staffMembers = staffCollection.find() %}

<div class="staffListing">
	{% for staffMember in staffMembers %}
		<div class="staffMember">
			{% if staffMember.photo %}
				<img style="float: left; margin-right: 1.5rem;" src="{{ staffMember.photo }}" alt="{{ staffMember.name.first }} {{ staffMember.name.last }}" width=150 />
			{% endif %}
			

su-narthur

{% set getParamDateFormat = "Y-n-j" %}
{% set today = "now"|date(getParamDateFormat) %}
{% set devotionalDate = ( su.request.query.date ) ? su.request.query.date : today %}
{% set dateFragment = devotionalDate|date("-m-d") %}
{% set devotional = su.collection( "devotionals" ).sort( "date", "desc" ).date("%"~dateFragment).limit(1).find()[0] %}
{% set displayDate = devotionalDate|date("l, F j, Y") %}

<div class="devotional">
	<h3>{{ (devotional.title) ? devotional.title : "Devotional for "~displayDate }}</h3>
	

su-narthur

#!/usr/bin/env bash

echo "hi"

VARS=""

while read -r line
do
    VARS="${VARS}--global-var=${line}=red "
done < <(cat theme/SUThemeSpruce/style/*.less | egrep -o 'config-\w+')