So in my chef job we have to label everything we prep so i dont have to get my calendar out on my phone and count the required number of days i used php to do it automatically.
https://john.edmondson-uk.com/time/
you can view the results here
the code is after the contune reading tag – im am most pleased with the Day Dot which changes colour based on the relevant day.
Insert it into a normall php page – it brakes my sites css somehow.
.Mon {
padding:10px 0 0 0px;
border-radius: 2em 2em 0em 0em;
margin:0px 00 5px;
background-color: #0033FF;
}
.Tue {
padding:10px 0 0 0px;
border-radius: 2em 2em 0em 0em;
margin:0px 00 5px;
background-color: #FFFF00;
}
.Wed {
padding:10px 0 0 0px;
border-radius: 2em 2em 0em 0em;
margin:0px 00 5px;
background-color: #FF0000;
}
.Thu {
padding:10px 0 0 0px;
border-radius: 2em 2em 0em 0em;
margin:0px 00 5px;
background-color: #996600;
color:#FFFFFF;
}
.Fri {
padding:10px 0 0 0px;
border-radius: 2em 2em 0em 0em;
margin:0px 00 5px;
background-color: #00FF00;
color:#FFFFFF;
}
.Sat {
padding:10px 0 0 0px;
border-radius: 2em 2em 0em 0em;
margin:0px 00 5px;
background-color: #FF6600;
}
.Sun {
padding:10px 0 0 0px;
border-radius: 2em 2em 0em 0em;
margin:0px 00 5px;
background-color: #999999;
}
#daydot {
border-radius: 2em 2em 2em 2em;
background-color: #FFFFFF;
border-color:#999999;
border-style: solid;
border-width: 5px;
width:150px;
height:200px;
color:#000000;
}
.style3 {font-size: 36px; color: #FFFFFF;}
body,td,th {
font-size: 36px;
color: #FFFFFF;
}
body {
background-color: #000000;
}
< p class="style3">Todays Date |'.date('D d - m - Y').'';?>
< h1> Chilled
< p class="style3">3 Days Time |
< h1> Frozen
< p class="style3">28 Days Time |
< h1>Day Dot
< div id="daydot">
< p class="< ? php date_default_timezone_set('Europe/London'); echo $NewDate=Date('D', strtotime("+3 days"));?>">
< ? php date_default_timezone_set('Europe/London'); echo $NewDate=Date('D', strtotime("+3 days"));?>
< ? php date_default_timezone_set('Europe/London'); echo $NewDate=Date('d,m,y' );?>
< /div>
