Add Bard class

Move some stuff around.

src/assets/fragments/calendar.md

@@ -0,0 +1,45 @@
+### Urtson-Nu 5023 CAC
+
+<div class="calendarWrapper">
+
+<ol class="calendar">
+    
+<li class="dayName">Urtday</li>
+<li class="dayName">Aerday</li>
+<li class="dayName">Fyday</li>
+<li class="dayName">Warday</li>
+<li class="dayName">Kayday</li>
+<li class="dayName">Lawday</li>
+    
+<li class="firstDay">1</li>    
+<li>2</li>
+<li>3</li>
+<li>4</li>
+<li>5</li>
+<li>6</li>
+<li>7</li>
+<li>8</li>
+<li>9</li>
+<li class="currDay">10</li>
+<li>11</li>
+<li>12</li>
+<li>13</li>
+<li>14</li>
+<li>15</li>
+<li>16</li>
+<li>17</li>
+<li>18</li>
+<li>19</li>
+<li>20</li>
+<li>21</li>
+<li>22</li>
+<li>23</li>
+<li>24</li>
+<li>25</li>
+<li>26</li>
+<li>27</li>
+<li>28</li>
+<li>29</li>
+<li>30</li>
+</ol>
+</div>

src/assets/fragments/today.md

@@ -1 +1,3 @@
-As of last session, it is **near the end of the 1st shift of the 1st phase of 2nd Warday of Urtson-Nu, in year 5023 of the Common Astral Calendar**.
+As of last session, it is **about a phase-hour into the 2nd shift of the 1st phase of the 10th day of Urtson-Nu, in year 5023 of the Common Astral Calendar**.
+
+!!!include(calendar.md)!!!

src/assets/styles/styles.css

@@ -292,6 +292,49 @@ table th {
 
 /* Classes */
 
+.calendarWrapper {
+	border: 1px dashed #fadbb0;
+	border-radius: .5rem;
+	font: 100% system-ui;
+	grid-auto-rows: 1fr;
+	max-width: 28rem;
+}
+
+.calendarWrapper li {
+	padding: .5rem;
+}
+
+.calendarWrapper li:not(.dayName) {
+	aspect-ratio: 1;
+	justify-self: center;
+}
+
+.calendarWrapper ol {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	text-align: center;
+}
+
+.calendarWrapper .calendar {
+	display: grid;
+	grid-template-columns: repeat(6, 1fr);
+}
+
+.calendarWrapper .currDay {
+	border: 1px solid #fadbb0;
+	border-radius: 50%;
+
+}
+  
+.calendarWrapper .firstDay {
+	grid-column-start: 1;
+}
+
+.calendarWrapper .dayName {
+	background: rgba(37, 40, 55, 0.6);
+}
+
 .headlessTableWrapper thead {
 	display: none;
 }
@@ -801,10 +844,18 @@ a.pageTitle-sublink {
 	padding-right: 1.5rem;
 }
 
+.rollerLink {
+	margin: .5rem 0 .75rem;
+}
+
+.rollerOutput {
+	margin: .5rem 0;
+	max-height: 9rem;
+	overflow-y: auto;
+}
+
 .rulesMenu {
-	/* border: 1px solid #fadbb0; */
 	align-items: center;
-	/* background-color: rgba(37, 40, 55, 0.6); */
 	display: flex;
 	flex-direction: column;
 }
@@ -988,7 +1039,7 @@ a.pageTitle-sublink {
 	display: none;
 	margin-bottom: 4%;
 	overflow-y: auto;
-	padding: .5rem 2rem;
+	padding: 0 2rem;
 	width: 100%;
 }
 
@@ -996,6 +1047,10 @@ a.pageTitle-sublink {
 	max-height: 25rem;
 }
 
+.toolDetails li {
+	margin-bottom: .3rem;
+}
+
 .toolDetails p {
 	margin-left: -1rem;
 }