diff --git a/src/app/level2/Level2.php b/src/app/level2/Level2.php index e9e925b..dfea952 100644 --- a/src/app/level2/Level2.php +++ b/src/app/level2/Level2.php @@ -42,34 +42,59 @@ $event[ 'name' ] = $googleEvent[ 'summary' ]; if ( array_key_exists( 'dateTime' , $googleEvent[ 'start' ] ) ){ - $event[ 'start' ][ 'datetime' ] = strtotime( $googleEvent[ 'start' ][ 'dateTime' ] ); - } else { - $event[ 'start' ][ 'date' ] = strtotime( $googleEvent[ 'start' ][ 'date' ] ); - } + $event[ 'start' ] = strtotime( $googleEvent[ 'start' ][ 'dateTime' ] ); + $event[ 'end' ] = strtotime( $googleEvent[ 'end' ][ 'dateTime' ] ); + + $event[ 'date' ] = date( 'l, j. M G:i', $event[ 'start' ] ); - if ( array_key_exists( 'dateTime' , $googleEvent[ 'end' ] ) ){ - $event[ 'end' ][ 'datetime' ] = strtotime( $googleEvent[ 'end' ][ 'dateTime' ] ); } else { - $event[ 'end' ][ 'date' ] = strtotime( $googleEvent[ 'end' ][ 'date' ] ); + $event[ 'start' ] = strtotime( $googleEvent[ 'start' ][ 'date' ] ); + $event[ 'end' ] = strtotime( $googleEvent[ 'end' ][ 'date' ] ); + + $event[ 'date' ] = date( 'l, j. M', $event[ 'start' ] ); + } if ( array_key_exists( 'location' , $googleEvent ) ){ $event[ 'location' ] = $googleEvent[ 'location' ]; } - unset( $url ); - if ( array_key_exists( 'description' , $googleEvent ) ){ + $event[ 'description' ] = $googleEvent[ 'description' ]; - } - $urlMatch = '/\b(?:(?:https?|ftp|file):\/\/|www\.|ftp\.)[-A-Z0-9+&@#\/%=~_|$\(\)?!:,.]*[A-Z0-9+&@#\/%=~_|$]/i'; - preg_match_all( $urlMatch, $event[ 'description' ], $url, PREG_PATTERN_ORDER ); + unset( $image ); - $event[ 'description' ] = preg_replace( $urlMatch, '', $event[ 'description' ] ); + $imageMatch = '/https?:\/\/[^ ]+?(?:\.jpg|\.png|\.gif)/i'; + preg_match_all( $imageMatch, $event[ 'description' ], $image, PREG_PATTERN_ORDER ); + + $event[ 'description' ] = preg_replace( + $imageMatch, + '', + $event[ 'description' ] + ); + + if ( is_array( $image ) ) { + $event[ 'image' ] = $image[ 0 ]; + } + + $event[ 'description' ] = nl2br( $event[ 'description' ] ); + + unset( $url ); + + $urlMatch = '/\b(?:(?:https?|ftp|file):\/\/|www\.|ftp\.)[-A-Z0-9+&@#\/%=~_|$\(\)?!:,.]*[A-Z0-9+&@#\/%=~_|$]/i'; + preg_match_all( $urlMatch, $event[ 'description' ], $url, PREG_PATTERN_ORDER ); + + $event[ 'description' ] = preg_replace( + $urlMatch, + '', + $event[ 'description' ] + ); + + if ( is_array( $url ) ) { + $event[ 'url' ] = $url[ 0 ]; + } - if ( is_array( $url ) ) { - $event[ 'url' ] = $url[ 0 ]; } $events[] = $event; diff --git a/src/app/views/base.twig b/src/app/views/base.twig index 202d44f..cecb84c 100644 --- a/src/app/views/base.twig +++ b/src/app/views/base.twig @@ -73,7 +73,6 @@ - diff --git a/src/app/views/level2.twig b/src/app/views/level2.twig index 0f97095..2968085 100644 --- a/src/app/views/level2.twig +++ b/src/app/views/level2.twig @@ -17,7 +17,17 @@
- + {% if event.image.0 is defined %} + + {% else %} + + {% endif %} + {% if event.date is defined %} +

{{ event.date }}

+ {% endif %} + {% if event.location is defined %} +

{{ event.location }}

+ {% endif %}

@@ -25,14 +35,11 @@ {{ event.name }} - {% else %} + {% else %} {{ event.name }} - {% endif %} + {% endif %}

- {% if event.location is defined %} -

{{ event.location }}

- {% endif %} -

{{ event.description }}

+

{{ event.description|raw }}

diff --git a/src/web/css/level2.css b/src/web/css/level2.css index 30caed8..f4e1fca 100755 --- a/src/web/css/level2.css +++ b/src/web/css/level2.css @@ -3,7 +3,6 @@ * syn2cat blue: #00AED2 */ - * { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; @@ -14,8 +13,9 @@ html, body { font-family: 'Patrick Hand SC', sans-serif; - font-size: 20px; + font-size: 18px; height: 100%; + overflow-x: hidden; } .well { padding: 0.5rem; @@ -23,18 +23,20 @@ body { background: rgba( 255, 255, 255, 0.7 ); border-radius: 0.4rem; } - .footer { - margin-top: 2rem; + margin: 1rem 0; color: #fff; background-color: #4B4949; background: rgba( 75, 73, 73, 0.8 ); border-radius: 0.4rem; padding: 0.5rem; } - -.footer a { - color: rgba(127, 213, 225, 1); +.container a { + color: #00AED2; //rgba(127, 213, 225, 1); +} +.container a:hover { + color: #F56533; + text-decoration: none; } /** @@ -82,6 +84,9 @@ h2, h3, h4 { .event h4 { color: #777; } +.event p { + margin-top: -0.5rem; +} img { max-width: 100%;