Genesis

app/views/home/_month.erb

@@ -0,0 +1,18 @@
+<div class="bootstrap">
+
+
+<div class="text-center">
+	<%= first_day.strftime("%b") %>
+</div>
+<div class="flex flex-col w-full">
+	<% (first_day..first_day.end_of_month).each do |day| %>
+		<div class="relative border-t w-full flex h-6 <%= 'bg-gray-200' if day.on_weekend? %>">
+			<div class="text-xs font-bold <%= 'border-red-600 border-b-4' if day.today? %>" 
+				<%= raw('data-toggle="tooltip" title="Today"') if day.today? %> <%= raw("data-toggle='tooltip' title='#{day.strftime('%a, %m/%d/%y')}'") unless day.today? %> data-placement="right" >
+				<%= day.strftime('%d') %>
+			</div>
+			
+		</div>
+	<% end %>
+</div>
+</div>

app/views/home/index.erb

@@ -0,0 +1,14 @@
+<% 
+first_days = (1..12).map do |index|
+	Date.new(@year, index, 1).beginning_of_month
+end
+%>
+
+<div class="container mx-auto flex justify-between">
+	<% first_days.each do  |first_day| %>
+		<div class="border-l w-full">
+			<%= render 'month', first_day: first_day, events: @events %>
+		</div>
+	<% end %>
+
+</div>