Add pre-class template.

This commit is contained in:
Danila Fedorin 2020-01-06 15:21:23 -08:00
commit 52d4ed09cc
2 changed files with 137 additions and 0 deletions

44
style.scss Normal file
View File

@ -0,0 +1,44 @@
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
$highlight-color: #569975;
body {
font-family: Raleway;
margin: 2em;
}
table {
border-collapse: collapse;
box-shadow: 0px 0px 5px rgba(#AAAAAA, 25%);
}
thead {
background-color: $highlight-color;
color: white;
}
th {
padding: 1em;
}
td {
padding-top: 0.25em;
padding-bottom: 0.25em;
padding-left: 0.5em;
}
tr:not(.nested-row) {
td:first-child {
font-weight: bold;
}
}
tr.nested-row {
td:first-child {
padding-left: 2em;
}
}
section {
margin-bottom: 3em;
}

93
teamreview.html Normal file
View File

@ -0,0 +1,93 @@
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section>
<p>For: Ryan Alder, By: Danila Fedorin</p>
<table>
<thead>
<tr>
<th>Team Standard</th>
<th>Comments</th>
</tr>
</thead>
<tbody>
<tr>
<td>Work Completion</td>
</tr>
<tr class="nested-row">
<td>Responsibility for Alloted Work</td>
</tr>
<tr class="nested-row">
<td>Timely Communication of Incomplete Work</td>
</tr>
<tr>
<td>Work Quality</td>
</tr>
<tr>
<td>Meeting Attendence</td>
</tr>
<tr class="nested-row">
<td>Presence in Meetings</td>
</tr>
<tr class="nested-row">
<td>Timely Notice of Absence</td>
</tr>
<tr>
<td>Meeting Preparation</td>
</tr>
<tr>
<td>Conflict Management (Civil Behavior)</td>
</tr>
<tr>
<td>Other</td>
</tr>
</tbody>
</table>
</section>
<section>
<p>For: Matthew Sessions, By: Danila Fedorin</p>
<table>
<thead>
<tr>
<th>Team Standard</th>
<th>Comments</th>
</tr>
</thead>
<tbody>
<tr>
<td>Work Completion</td>
</tr>
<tr class="nested-row">
<td>Responsibility for Alloted Work</td>
</tr>
<tr class="nested-row">
<td>Timely Communication of Incomplete Work</td>
</tr>
<tr>
<td>Work Quality</td>
</tr>
<tr>
<td>Meeting Attendence</td>
</tr>
<tr class="nested-row">
<td>Presence in Meetings</td>
</tr>
<tr class="nested-row">
<td>Timely Notice of Absence</td>
</tr>
<tr>
<td>Meeting Preparation</td>
</tr>
<tr>
<td>Conflict Management (Civil Behavior)</td>
</tr>
<tr>
<td>Other</td>
</tr>
</tbody>
</table>
</section>
</body>
</html>