NH_Gooi/nhgooi.nl
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Add some variables to the scss files

Browse Source 
Use the period API call for the program schema
This commit is contained in:
Jorit Tijsen
2024-03-20 17:54:10 +01:00
parent 25b3d41bf1
commit 1d94e7da7f
28 changed files with 114 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/Http/Controllers/RadioController.php
View File

@@ -9,9 +9,9 @@ class RadioController extends Controller
{
public function schedule(Request $request, $date = '')
{
$apiResult = $this->API('programma/schema/week/0');
$start = self::JsonToDateTime($apiResult->startdate);
$end = self::JsonToDateTime($apiResult->enddate);
$start = $date ? (new \DateTime($date))->format('Y-m-d') : (new \DateTime("-2 day"))->format('Y-m-d');
$end = $date ? (new \DateTime($date))->modify('+1 day')->format('Y-m-d') : (new \DateTime("+3 day"))->format('Y-m-d');
$apiResult = $this->API('programma/schema/periode/' . $start . '/' . $end);
$schedule = [];
foreach($apiResult->schedule as $program)
{

35
public/css/components/pretty_photo.css vendored
View File

@@ -1,35 +0,0 @@
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
background: none;
padding: 0;
}
div.pp_default .pp_content, div.light_rounded .pp_content {
padding: 10px;
}
div.pp_default .pp_description {
font-family: Nunito, serif;
font-size: 12px;
font-style: italic;
line-height: 3.17;
color: #585858;
}
div.pp_default .pp_close {
margin-top: 8px;
background: url("/images/icons/other/close.png") 0 0 no-repeat;
}
div.pp_default .pp_close:hover {
opacity: 1;
background-position: 0 -30px;
}
/*# sourceMappingURL=pretty_photo.css.map */

29
public/css/style.css vendored
View File

@@ -689,8 +689,6 @@ div.pp_default .pp_close:hover {
}
}
.blog_grid .post .slider_content_box .post_date {
display: block;
height: 30px;
font-family: Nunito, serif;
font-size: 12px;
font-weight: 500;
@@ -698,6 +696,8 @@ div.pp_default .pp_close:hover {
letter-spacing: normal;
text-align: left;
color: #666;
display: block;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@@ -814,8 +814,6 @@ div.pp_default .pp_close:hover {
padding: 0;
}
.blog .post .post_date {
display: block;
height: 30px;
font-family: Nunito, serif;
font-size: 12px;
font-weight: 500;
@@ -823,6 +821,8 @@ div.pp_default .pp_close:hover {
letter-spacing: normal;
text-align: left;
color: #666;
display: block;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@@ -859,8 +859,6 @@ div.pp_default .pp_close:hover {
color: #1a1a1a;
}
.radio_box .post_date {
display: block;
height: 30px;
font-family: Nunito, serif;
font-size: 12px;
font-weight: 500;
@@ -868,6 +866,8 @@ div.pp_default .pp_close:hover {
letter-spacing: normal;
text-align: left;
color: #666;
display: block;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@@ -946,6 +946,7 @@ div.pp_default .pp_close:hover {
font-size: 12px;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
color: #000;
margin-right: 10px;
@@ -955,8 +956,6 @@ div.pp_default .pp_close:hover {
white-space: nowrap;
}
.featured .sub_title .post_date {
display: block;
height: 30px;
font-family: Nunito, serif;
font-size: 12px;
font-weight: 500;
@@ -964,6 +963,8 @@ div.pp_default .pp_close:hover {
letter-spacing: normal;
text-align: left;
color: #666;
display: block;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@@ -1012,6 +1013,7 @@ div.pp_default .pp_close:hover {
font-size: 12px;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
color: #000;
margin-right: 10px;
@@ -1021,8 +1023,6 @@ div.pp_default .pp_close:hover {
white-space: nowrap;
}
.podcast_items ul li .sub_title .post_date {
display: block;
height: 30px;
font-family: Nunito, serif;
font-size: 12px;
font-weight: 500;
@@ -1030,6 +1030,8 @@ div.pp_default .pp_close:hover {
letter-spacing: normal;
text-align: left;
color: #666;
display: block;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@@ -1047,6 +1049,7 @@ div.pp_default .pp_close:hover {
font-size: 12px;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
color: #666;
margin-right: 5px;
@@ -1157,6 +1160,8 @@ div.pp_default .pp_close:hover {
font-size: 12px;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
color: #666;
}
.post_container .post_body .post_details li a {
@@ -1201,8 +1206,6 @@ div.pp_default .pp_close:hover {
color: #1a1a1a;
}
#schedule .program-times {
display: block;
height: 30px;
font-family: Nunito, serif;
font-size: 12px;
font-weight: 500;
@@ -1210,6 +1213,8 @@ div.pp_default .pp_close:hover {
letter-spacing: normal;
text-align: left;
color: #666;
display: block;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

2
public/css/style.css.map
View File

File diff suppressed because one or more lines are too long

2
public/css/style.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
public/css/style.min.css.map
View File

File diff suppressed because one or more lines are too long

17
resources/assets/sass/abstracts/_mixin.scss vendored
View File

@@ -9,16 +9,19 @@
padding: 0;
list-style: none;
}
@mixin post_date {
display: block;
height: 30px;
@mixin font_small {
font-family: Nunito, serif;
font-size: 12px;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
color: #666;
}
@mixin post_date {
@include font_small;
color: $text-secondary-color;
display: block;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@@ -34,11 +37,7 @@
}
@mixin program_name {
font-family: Nunito, serif;
font-size: 12px;
font-weight: 500;
line-height: 3.17;
text-align: left;
@include font_small;
color: #000;
margin-right: 10px;
text-decoration: none;

50
resources/assets/sass/abstracts/_variables.scss vendored
View File

@@ -1,46 +1,14 @@
// Body
$body-bg: #f5f8fa;
// Borders
$laravel-border-color: darken($body-bg, 10%);
$list-group-border: $laravel-border-color;
$navbar-default-border: $laravel-border-color;
$panel-default-border: $laravel-border-color;
$panel-inner-border: $laravel-border-color;
// Brands
$brand-primary: #3097D1;
$brand-info: #8eb4cb;
$brand-success: #2ab27b;
$brand-warning: #cbb956;
$brand-danger: #bf5329;
// Typography
$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
$font-family-sans-serif: "Raleway", sans-serif;
$font-size-base: 14px;
$line-height-base: 1.6;
$text-color: #636b6f;
// Navbar
$navbar-default-bg: #fff;
// Buttons
$btn-default-color: $text-color;
// Inputs
$input-border: lighten($text-color, 40%);
$input-border-focus: lighten($brand-primary, 25%);
$input-color-placeholder: lighten($text-color, 30%);
// Panels
$panel-default-heading-bg: #fff;
// Container
$container-bg: #f9f9f9;
// Nav
$nav-text-color: #1a1a1a;
$nav-text-weight: bold;
$nav-text-size: 14px;
// News
$news-banner-text-color: #fff;
// Base
$text-color: #1a1a1a;
$text-inverted-color: #fff;
$text-secondary-color: #666;
$text-dark-color: #282828;
$element-bg: #fff;
$text-description-color: #585858;

3
resources/assets/sass/base/_container.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
body {
margin: 0;
@@ -13,7 +14,7 @@ body {
@media (max-width: 768px) {
padding: 50px 0;
}
background-color: #f9f9f9;
background-color: $container-bg;
}
.header_container {
@include container;

7
resources/assets/sass/components/_blog.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.blog {
@include reset-list;
@@ -17,12 +18,12 @@
font-size: 14px;
font-weight: 600;
line-height: 1.43;
color: #1a1a1a;
color: $text-color;
a {
text-decoration: none;
display: inline-block;
color: #1a1a1a;
color: $text-color;
}
}
@@ -43,7 +44,7 @@
font-family: Nunito, serif;
font-size: 15px;
line-height: 1.6;
color: #282828;
color: $text-dark-color;
}
}
}

4
resources/assets/sass/components/_box.scss vendored
View File

@@ -1,3 +1,5 @@
@use "../abstracts/variables" as *;
.box_header {
span {
font-family: Nunito, serif;
@@ -29,7 +31,7 @@
padding: 30px 23px 30px 30px;
border-radius: 3px;
box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
background-color: #fff;
background-color: $element-bg;
margin-bottom: 50px;
&.full-width {

11
resources/assets/sass/components/_bread_crumb.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.bread_crumb {
height: 38px;
@@ -6,16 +7,12 @@
li {
float: left;
font-family: Nunito, serif;
font-size: 12px;
font-weight: 500;
line-height: 3.17;
text-align: left;
color: #666;
@include font_small;
color: $text-secondary-color;
margin-right: 5px;
a {
color: #666;
color: $text-secondary-color;
text-decoration: none;
}

4
resources/assets/sass/components/_button.scss vendored
View File

@@ -1,3 +1,5 @@
@use "../abstracts/variables" as *;
.btn {
display: block;
width: CALC(100% - 78px);
@@ -9,7 +11,7 @@
font-weight: bold;
line-height: 0.93;
text-align: center;
color: #fff;
color: $text-inverted-color;
margin-bottom: 10px;
text-decoration: none;
text-transform: uppercase;

5
resources/assets/sass/components/_contact_box.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.contact_box {
position: relative;
@@ -15,7 +16,7 @@
font-size: 24px;
font-weight: 600;
line-height: 1.17;
color: #282828;
color: $text-dark-color;
margin-top: 0;
padding-right: 60px;
}
@@ -25,7 +26,7 @@
font-size: 14px;
font-weight: 500;
line-height: 1.57;
color: #666;
color: $text-secondary-color;
}
.read_more {

8
resources/assets/sass/components/_cookie.scss vendored
View File

@@ -1,3 +1,5 @@
@use "../abstracts/variables" as *;
.light.cc_dialog button.cc_b_ok, .light.cc_dialog button.cc_b_cp {
padding: 10px 39px;
border-radius: 3px;
@@ -12,17 +14,17 @@
}
.light.cc_dialog button.cc_b_ok {
background-image: linear-gradient(to right, #0f259d, #5ba8f4);
color: #fff;
color: $text-inverted-color;
}
.light.cc_dialog .cc_dialog_headline {
font-family: Montserrat, serif;
font-weight: 600;
line-height: 1.15;
color: #282828;
color: $text-dark-color;
}
.light.cc_dialog .cc_dialog_text {
font-family: Nunito, serif;
font-size: 15px;
line-height: 1.6;
color: #282828;
color: $text-dark-color;
}

5
resources/assets/sass/components/_featured.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.featured {
img {
@@ -14,7 +15,7 @@
font-weight: 600;
line-height: 1.35;
text-align: left;
color: #1a1a1a;
color: $text-color;
text-decoration: none;
}
}
@@ -29,7 +30,7 @@
font-weight: 500;
line-height: 1.57;
text-align: left;
color: #666;
color: $text-secondary-color;
margin: 10px 0;
}
}

9
resources/assets/sass/components/_footer.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.footer_container {
font-family: Montserrat, serif;
@@ -6,7 +7,7 @@
font-weight: 600;
line-height: 1.71;
text-align: left;
color: #fff;
color: $text-inverted-color;
.footer_menu {
background-image: linear-gradient(to right, #0102b0, #4090e3);
@@ -25,7 +26,7 @@
}
a {
color: #fff;
color: $text-inverted-color;
text-decoration: none;
display: block;
width: 100%;
@@ -41,7 +42,7 @@
span {
border-bottom: 3px solid #fff;
color: #fff;
color: $text-inverted-color;
font-size: 14px;
}
}
@@ -60,7 +61,7 @@
width: 38px;
height: 38px;
background-color: #5ba8f4;
color: #fff;
color: $text-inverted-color;
text-decoration: none;
line-height: 40px;
border-radius: 5px;

8
resources/assets/sass/components/_input.scss vendored
View File

@@ -1,14 +1,16 @@
@use "../abstracts/variables" as *;
.input_container {
border: 1px solid #efefef;
border-radius: 5px;
background-color: #fff;
background-color: $element-bg;
display: flex;
height: 48px;
font-family: Montserrat, serif;
font-size: 16px;
line-height: 1.25;
color: #1a1a1a;
color: $text-color;
.input_prefix, .input_postfix {
padding: 13px 10px 13px 15px;
@@ -22,6 +24,6 @@
font-size: 16px;
font-weight: 600;
line-height: 1.25;
color: #1a1a1a;
color: $text-color;
}
}

6
resources/assets/sass/components/_main_news.scss vendored
View File

@@ -68,7 +68,7 @@
font-size: 10px;
font-weight: bold;
text-align: center;
color: $news-banner-text-color;
color: $text-inverted-color;
text-decoration: none;
text-transform: uppercase;
}
@@ -82,7 +82,7 @@
font-size: 30px;
font-weight: 600;
line-height: 1;
color: $news-banner-text-color;
color: $text-inverted-color;
text-decoration: none;
}
h5 a {
@@ -98,7 +98,7 @@
}
.post_date {
@include post_date;
color: $news-banner-text-color;
color: $text-inverted-color;
}
}
}

12
resources/assets/sass/components/_menu.scss vendored
View File

@@ -42,7 +42,7 @@
a {
display: block;
font-family: Nunito, serif;
color: $nav-text-color;
color: $text-color;
font-weight: $nav-text-weight;
font-size: $nav-text-size;
text-align: center;
@@ -127,7 +127,7 @@
font-size: 14px;
font-weight: bold;
text-align: right;
color: #fff;
color: $text-inverted-color;
text-decoration: none;
text-transform: uppercase;
@@ -148,12 +148,12 @@
.search_input {
border: 1px solid #efefef;
border-radius: 3px;
background-color: #fff;
background-color: $element-bg;
height: 29px;
font-family: Montserrat, serif;
font-size: 16px;
line-height: 1.25;
color: #1a1a1a;
color: $text-color;
}
.search_submit {
float: right;
@@ -234,7 +234,7 @@
font-family: Nunito, serif;
font-size: 14px;
font-weight: bold;
color: #1a1a1a;
color: $text-color;
text-decoration: none;
padding: 15px 0;
border-bottom: 1px solid #f8f8f8;
@@ -249,7 +249,7 @@
padding: 20px;
border-radius: 3px;
box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
background-color: #fff;
background-color: $element-bg;
margin-left: 20px;
width: max-content;
display: none;

5
resources/assets/sass/components/_page.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.page_container {
@include container;
@@ -13,11 +14,11 @@
font-family: Nunito, serif;
font-size: 15px;
line-height: 1.6;
color: #282828;
color: $text-dark-color;
}
.action_button {
text-decoration: none;
color: #282828;
color: $text-dark-color;
.fa {
margin-right: 10px;

4
resources/assets/sass/components/_page_title.scss vendored
View File

@@ -1,3 +1,5 @@
@use "../abstracts/variables" as *;
.page_title {
margin: 17px 0;
font-family: Montserrat, serif;
@@ -5,5 +7,5 @@
font-weight: 600;
line-height: 1.15;
text-align: left;
color: #282828;
color: $text-dark-color;
}

4
resources/assets/sass/components/_podcast_item.scss vendored
View File

@@ -1,3 +1,5 @@
@use "../abstracts/variables" as *;
.announcement {
padding: 30px;
border-radius: 3px;
@@ -6,7 +8,7 @@
}
.action_button.btn {
width: fit-content;
color: #fff;
color: $text-inverted-color;
float: left;
margin: 10px 20px 0 0;
}

3
resources/assets/sass/components/_podcast_items.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.podcast_items {
ul {
@@ -20,7 +21,7 @@
font-weight: 600;
line-height: 1.43;
text-align: left;
color: #1a1a1a;
color: $text-color;
text-decoration: none;
}
}

18
resources/assets/sass/components/_post.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.post_container {
@include container;
@@ -32,7 +33,7 @@
font-size: 10px;
font-weight: bold;
text-align: center;
color: #fff;
color: $text-inverted-color;
text-decoration: none;
text-transform: uppercase;
}
@@ -44,7 +45,7 @@
font-family: Nunito, serif;
font-size: 15px;
line-height: 1.6;
color: #282828;
color: $text-dark-color;
h3 {
font-size: 15px;
@@ -55,7 +56,7 @@
font-style: italic;
line-height: 3.17;
text-align: right;
color: #585858;
color: $text-description-color;
display: block;
width: 100%;
@@ -79,7 +80,7 @@
font-size: 12px;
font-style: normal;
line-height: 3.17;
color: #585858;
color: $text-description-color;
}
}
@@ -89,13 +90,10 @@
li {
float: left;
margin-right: 10px;
font-family: Nunito, serif;
font-size: 12px;
font-weight: 500;
line-height: 3.17;
color: #666;
@include font_small;
color: $text-secondary-color;
a {
color: #666;
color: $text-secondary-color;
text-decoration: none;
}
i {

4
resources/assets/sass/components/pretty_photo.scss → resources/assets/sass/components/_pretty_photo.scss vendored
View File

@@ -1,3 +1,5 @@
@use "../abstracts/variables" as *;
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_top .pp_left,
@@ -20,7 +22,7 @@ div.pp_default .pp_description
font-size: 12px;
font-style: italic;
line-height: 3.17;
color: #585858;
color: $text-description-color;
}
div.pp_default .pp_close
{

5
resources/assets/sass/components/_radio_box.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
.radio_box {
padding: 15px 23px 15px 15px;
@@ -9,7 +10,7 @@
font-size: 20px;
font-weight: 600;
line-height: 1.35;
color: #1a1a1a;
color: $text-color;
}
.post_date {
@@ -23,6 +24,6 @@
font-weight: 500;
line-height: 1.57;
text-align: left;
color: #666;
color: $text-secondary-color;
}
}

5
resources/assets/sass/components/_schedule.scss vendored
View File

@@ -1,4 +1,5 @@
@use "../abstracts/mixin" as *;
@use "../abstracts/variables" as *;
#schedule {
a {
@@ -9,7 +10,7 @@
font-size: 14px;
font-weight: 600;
line-height: 1.43;
color: #1a1a1a;
color: $text-color;
}
.program-times {
@include post_date;
@@ -19,7 +20,7 @@
font-size: 14px;
font-weight: 600;
line-height: 1.43;
color: #1a1a1a;
color: $text-color;
text-align: center;
padding: 20px;
span {