mirror of
				https://codeberg.org/ashley/poke
				synced 2025-07-17 16:52:11 +00:00 
			
		
		
		
	cool stuff
This commit is contained in:
		
							parent
							
								
									2d78a1a7f6
								
							
						
					
					
						commit
						5d9880304a
					
				
							
								
								
									
										111
									
								
								ejs/calendar.ejs
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										111
									
								
								ejs/calendar.ejs
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,111 @@ | ||||
| <!DOCTYPE html> | ||||
| <html lang="en"> | ||||
| <head> | ||||
|   <meta charset="UTF-8"> | ||||
|   <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||||
|    <link rel="manifest" href="/manifest.json"> | ||||
|     <link href="css/yt-ukraine.svg" rel=icon> | ||||
|   <title>Poke! Calendar</title> | ||||
| </head> | ||||
| <body> | ||||
| <style> | ||||
| body { | ||||
|   background-color: #121212; | ||||
|   color: #ffffff; | ||||
|   font-family: Arial, sans-serif; | ||||
|   display: flex; | ||||
|   justify-content: center; | ||||
|   align-items: center; | ||||
|   height: 100vh; | ||||
|   margin: 0; | ||||
| } | ||||
| 
 | ||||
| .container { | ||||
|   text-align: center; | ||||
|   padding: 20px; | ||||
|   background-color: #1e1e1e; | ||||
|   border-radius: 10px; | ||||
|   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | ||||
|   width: 90%; | ||||
|   max-width: 800px; | ||||
| } | ||||
| 
 | ||||
| h1, h2, h3 { | ||||
|   color: #bb86fc; | ||||
| } | ||||
| 
 | ||||
| .calendar-table { | ||||
|   width: 100%; | ||||
|   border-collapse: collapse; | ||||
|   margin-top: 20px; | ||||
| } | ||||
| 
 | ||||
| .calendar-table th, .calendar-table td { | ||||
|   padding: 15px; | ||||
|   text-align: center; | ||||
|   border: 1px solid #333333; | ||||
| } | ||||
| 
 | ||||
| .calendar-table th { | ||||
|   background-color: #333333; | ||||
| } | ||||
| 
 | ||||
| .calendar-table td { | ||||
|   background-color: #2c2c2c; | ||||
|   color: #ffffff; | ||||
| } | ||||
| 
 | ||||
| .nav-links { | ||||
|   margin-top: 20px; | ||||
| } | ||||
| 
 | ||||
| .button { | ||||
|   text-decoration: none; | ||||
|   color: #ffffff; | ||||
|   background-color: #bb86fc; | ||||
|   padding: 10px 20px; | ||||
|   border-radius: 5px; | ||||
|   margin: 0 10px; | ||||
|   transition: background-color 0.3s; | ||||
| } | ||||
| 
 | ||||
| .button:hover { | ||||
|   background-color: #9c62f3; | ||||
| } | ||||
| 
 | ||||
| </style> | ||||
|   <div class="container"> | ||||
|     <h1>Poke Calendar!! woaww</h1> | ||||
|     <h2>Gregorian Year: <%= year %></h2> | ||||
|     <h2>Islamic Year: <%= islamicYear %></h2> | ||||
|     <h2>Persian Year: <%= persianYear %></h2> | ||||
|     <h3>Week of <%= currentDate.toDateString() %></h3> | ||||
| 
 | ||||
|     <table class="calendar-table"> | ||||
|       <thead> | ||||
|         <tr> | ||||
|           <th>Sunday!!!!</th> | ||||
|           <th>Monday :c</th> | ||||
|           <th>Tuesday</th> | ||||
|           <th>Wednesday</th> | ||||
|           <th>Thursday</th> | ||||
|           <th>Friday</th> | ||||
|           <th>Saturday</th> | ||||
|         </tr> | ||||
|       </thead> | ||||
|       <tbody> | ||||
|         <tr> | ||||
|           <% days.forEach(day => { %> | ||||
|             <td><%= day.getDate() %> - <%= day.toDateString() %></td> | ||||
|           <% }) %> | ||||
|         </tr> | ||||
|       </tbody> | ||||
|     </table> | ||||
| 
 | ||||
|     <div class="nav-links"> | ||||
|       <a href="/calendar?date=<%= currentDate.toISOString() %>&week=-1" class="button">Previous Week</a> | ||||
|       <a href="/calendar?date=<%= currentDate.toISOString() %>&week=1" class="button">Next Week</a> | ||||
|     </div> | ||||
|   </div> | ||||
| </body> | ||||
| </html> | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user
	 ashley
						ashley