very confusing, man...let's take it step by step:
Just create a div after your current h4 tag and give it a class of meetings_list |
If I'm following you correctly...the column code for that card body now looks like this:
<div class="col-md-4 col-sm-6 pb-2">
<div class="card card-body bg-dark text-light h-100">
<div class="meetings">
<h2>TODAY'S MEETINGS:</h2>
<div class="meetings_list">
</div>
<!-- end meetings_list -->
</div>
<!-- end meetings -->
</div>
<!-- end card body -->
</div>
Then copy the last two blocks of <script> </script> tag coding and insert it into your pages code directly before the closing </body> tag. |
insert it into WHAT page code...the MEETINGS Page...???...or the Home Page...???
oy vey
See post above but the suggestion below might be an easier option.........using the jQuery 'load' function.
Copy the code below and paste it into the page where you have created the 'meetings' <div> directly before the closing </body> tag.
<script>
var weekday;
switch (new Date().getDay()) {
case 0:
weekday = "Sunday";
break;
case 1:
weekday = "Monday";
break;
case 2:
weekday = "Tuesday";
break;
case 3:
weekday = "Wednesday";
break;
case 4:
weekday = "Thursday";
break;
case 5:
weekday = "Friday";
break;
case 6:
weekday = "Saturday";
}
$('.meetings_list').load("meetings/" + weekday + ".html");
</script>
Create a folder in your site folder and name it - meetings - then create a blank file in the folder for each day of the week (no code in the files at all). Name them sunday.html, monday.html, tuesday.html, wednesday.html, thursday.html, friday.html, saturday.html
In each of the files insert the meeting code for each day as you have it currently formatted, then it will pick up the Bootstrap classes.....so for instance monday.html would be as follows:
<p class="card-text">
<strong>Flat Book (Step Working Guide)</strong>
<br>Virtua Memorial Hospital<br>
175 Madison Avenue, Mt Holly 08060<br>
11:00am-1:00pm (C/St)
</p>
<p class="card-text">
<strong>No Matter What</strong><br>
449 Club6 Pemberton Street, Pemberton 08068<br>
4:00pm-5:30pm (O/S/D/L)
</p>
<p class="card-text">
<strong>Come Grow With Us</strong><br>
Saint Mary's Hall<br>145 Broad Street, <br>
Burlington 08016<br>
7:00pm-8:30pm (O/S/St./D)
</p>
<p class="card-text">
<strong>Freedom Group (SJ)</strong><br>
Saint Peter's Episcopal Church<br>
1 Hartford Road, Medford 08055<br>
8:00pm-9:00pm (O/V)
</p>
<p class="card-text">
<strong>Nothing Else Works</strong><br>
Mount Holly Friends Meeting<br>
81 High Street, Mt Holly 08060<br>8:15-9:30pm (C,JFT,D)
</p>
AdChoices