Most pages are now styled.

Small changes to existing pages.
Changes to base layout style.
This commit is contained in:
Jorit Tijsen
2024-03-15 13:35:43 +01:00
parent a0baa0230f
commit 1a8bbeb084
42 changed files with 1618 additions and 944 deletions

View File

@@ -0,0 +1,8 @@
<div class="box contact_box">
<img class="logo-whatsapp" src="/images/logo-whatsapp.png"/>
<h2>Contact met de redactie</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vestibulum tincidunt ante id
tincidunt. Cras tempus imperdiet enim ut eleifend. Donec mi nunc, molestie efficitur volutpat
eu, pretium in enim. Vivamus suscipit massa at urna mollis.</p>
<a class="read_more" href="#">Lees meer <i class="fa-solid fa-angle-right"></i></a>
</div>

View File

@@ -10,6 +10,7 @@
),
// "Zondagsdienst" => "/kerkdienst"),
"TV" => array(
"" => "/kijk/live",
"Kijk live" => "/kijk/live"
),
// "NHGOOI TV @ YouTube" => "https://www.youtube.com/channel/UC0qLwqmXiLoL5PrLlgB6B4Q"),
@@ -20,6 +21,7 @@
// "Vroeger of Later Luisterlijst (2 januari)" => "/vol-luisterlijst"),
"App" => "/app",
"Podcast" => array(
"" => "/podcast/1091/nh-gooi-spreekuur",
"Waterschapsverkiezing 2023" => "/gemist/fragment/1356528/podcast-waterschapsverkiezingen-2023.mp3",
"NH Gooi Spreekuur" => "/podcast/1091/nh-gooi-spreekuur",
"Duurzaam Gooi" => "/podcast/1076/podcast-duurzaam-gooi"
@@ -58,6 +60,10 @@ function isActive($link, $checksubmenus)
return false;
}
if ($link == "/") {
return $_SERVER["REQUEST_URI"] == "/" || $_SERVER["REQUEST_URI"] == "";
}
return (substr($_SERVER["REQUEST_URI"], 0, strlen($link)) == $link);
}
@@ -72,6 +78,7 @@ function buildMenu($menu, $ismobile)
$isactive = isActive($link, !$ismobile);
$icon = "";
$isplayer = false;
$isFile = false;
$liClass = "";
if (!$submenu && substr($link, 0, 8) == '/luister') {
$icon = "fas fa-headphones";
@@ -89,10 +96,11 @@ function buildMenu($menu, $ismobile)
}
if (!$submenu && substr($link, strlen($link) - 4, 4) == '.pdf') {
$icon = "fas fa-file-pdf";
$isFile = true;
}
$submenulink = $submenu && isset($link[""]) ? $link[""] : "#";
$target = substr($submenu ? $submenulink : $link, 0, 4) == "http" ? "target='_blank'" : "";
$target = substr($submenu ? $submenulink : $link, 0, 4) == "http" || $isFile ? "target='_blank'" : "";
if ($icon) {
$icon = "<span class='$icon'></span>&nbsp;";
} else {
@@ -113,8 +121,11 @@ function buildMenu($menu, $ismobile)
}
?>
<nav>
<div></div>
<ul class="menu d-none d-lg-block">
<li></li>
<li class="{{isActive('/', false) ? "selected" : ""}}">
<a href="/" title="Home">Home</a>
</li>
@php($newsUrl = '/nieuws')
<li class="{{isActive($newsUrl, false) ? "selected" : ""}}">
<a href="{{$newsUrl}}" title="Nieuws">Nieuws</a>
@@ -122,6 +133,7 @@ function buildMenu($menu, $ismobile)
{!! buildMenu($menu, false) !!}
<li></li>
</ul>
<div></div>
</nav>
<div class="mobile_menu_container d-none d-sm-block d-md-none">
<a href="#" class="mobile-menu-switch">

View File

@@ -1,30 +1,29 @@
<div data-tabs>
<div class="tabs">
<h4 data-tab-content-id="tab_gooi_radio_live" class="box_header {{$headerClass ?? ''}} active"><span>NH Gooi Radio live</span>
<h4 data-tab-content-id="tab_gooi_radio_live" class="box_header flex-grow-1 {{$headerClass ?? ''}} active"><span>NH Gooi Radio live</span>
</h4>
<h4 data-tab-content-id="tab_gooi_tv_live" class="box_header {{$headerClass ?? ''}}">
<span>NH Gooi TV live</span></h4>
</div>
<div id="tab_gooi_radio_live" class="tab_content active box radio_box">
<img class="logo-radio" src="/images/logo-radio.png"/>
<img class="logo-radio" src="/images/logo-NHGooi-radio.svg"/>
<h2 class="post_title">Muziek & Informatie</h2>
<span class="post_date">
<i class="fa-regular fa-clock"></i> 02:00 - 20:00
</span>
<p>Non-stop muziekmix en regionieuws</p>
<a class="btn" href="#">Contact de studio</a>
<a class="btn" href="#">Luister live</a>
<a class="btn" href="#">Kijk live mee</a>
<a class="btn" href="/contact">Contact de studio</a>
<a class="btn player" href="/luister/live">Luister live</a>
<a class="btn" href="/kijk/live">Kijk live mee</a>
</div>
<div id="tab_gooi_tv_live" class="tab_content box radio_box">
<img class="logo-radio" src="/images/logo-radio.png"/>
<h2 class="post_title">Muziek & Informatie</h2>
<span class="post_date">
<i class="fa-regular fa-clock"></i> 02:00 - 20:00
</span>
<p>Non-stop muziekmix en regionieuws</p>
<a class="btn" href="#">Contact de studio</a>
<a class="btn" href="#">Luister live</a>
<a class="btn" href="#">Kijk live mee</a>
<img class="logo-radio" src="/images/logo-NHGooi-televisie.svg"/>
<h2 class="post_title">Live</h2>
@include('widgets.mediaplayer')
<div width="50%" style="width:100%; position:relative; margin-left: -15px;">
<video width="640" height="360" style="max-width:100%; height:100%;" preload="auto" controls="controls">
<source src="https://rrr.sz.xlcdn.com/?account=nhnieuws&file=nhgooi&type=live&service=wowza&protocol=https&output=playlist.m3u8" type="application/x-mpegURL" />
</video>
</div>
</div>
</div>