Skip to content

Commit

Permalink
Update tent sheet styling
Browse files Browse the repository at this point in the history
  • Loading branch information
@russss
russss committed May 19, 2024
1 parent 2b7d6dc commit ab0bc29
Show file tree
Hide file tree
Showing 5 changed files with 189 additions and 325 deletions.
35 changes: 18 additions & 17 deletions global.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,21 +3,22 @@
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCIPrcVIT9d0c8.woff) format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body {
font-family: "Open Sans", "Helvetica", sans-serif;
max-width: 800px;
margin: 0 auto;
padding: 5px;
}

src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCIPrcVIT9d0c8.woff)
format('woff');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

h1 {
font-family: "Raleway", sans-serif;
font-weight: 700;
}

body {
font-family: 'Open Sans', 'Helvetica', sans-serif;
max-width: 800px;
margin: 0 auto;
padding: 5px;
}

h1,
h2,
h3 {
font-family: 'Raleway', sans-serif;
font-weight: 700;
}
2 changes: 1 addition & 1 deletion tent-sheet/exampleData.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ export const exampleData = {
"Ready_By": "2024-05-27T17:00:00.000Z",
"Needed_Until": "2024-06-04T11:00:00.000Z",
"Notes": "asdfasddf",
"Location": "52.03992,-2.378563",
"Location": "52.03992, -2.378563",
"References": {
"Area": "Main",
"Area_m2_": "1276",
Expand Down
106 changes: 52 additions & 54 deletions tent-sheet/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,84 +23,82 @@
<template v-else> {{ status }} </template>
</div>
<template v-if="structure">
<div class="top">
<div class="block">
<div class="header">
<h1>{{structure.Structure}}</h1>
</div>
<div class="info">Area: {{structure.Area}}</div>
<div class="info" v-if="structure.Capacity">Capacity: {{structure.Capacity}}</div>
<div class="info" v-if="structure.Area_m2_ && structure.Area_m2_ > 0">
Floor area: {{structure.Area_m2_|round}}&nbsp;m<sup>2</sup>
</div>
<h1>{{structure.Structure}}</h1>

<div class="row">
<div class="attribute" v-if="structure.Capacity">
<span class="name">Capacity</span>
<span class="value">{{structure.Capacity}}</span>
</div>
<div class="attribute" v-if="structure.Area_m2_ && structure.Area_m2_ > 0">
<span class="name">Floor area</span>
<span class="value">{{structure.Area_m2_|round}} m<sup>2</sup></span>
</div>
<div class="attribute">
<span class="name">Supplier</span>
<span class="value">{{structure.Supplier}}</span>
</div>
<div class="attribute">
<span class="name">Type</span>
<span class="value">{{structure.Type.Type_Variant}}</span>
</div>
<div class="attribute">
<span class="name">Ready by</span>
<span class="value">{{structure.Ready_By | asDate}}</span>
</div>
<div class="attribute">
<span class="name">Cleared by</span>
<span class="value">{{structure.Needed_Until | asDate}}</span>
</div>
<table>
<tr>
<th>Supplier</th>
<td>{{structure.Supplier}}</td>
</tr>
<tr>
<th>Type</th>
<td>{{structure.Type.Type_Variant}}</td>
</tr>
<tr>
<th>Ready by</th>
<td>{{structure.Ready_By | asDate}}</td>
</tr>
<tr>
<th>Cleared by</th>
<td>{{structure.Needed_Until | asDate}}</td>
</tr>
</table>
</div>

<template v-if="structure.Notes">
<p class="note"><strong>Notes</strong>: {{ structure.Notes }}</p>
<p class="notes"><strong>Notes</strong>: {{ structure.Notes }}</p>
</template>

<div class="flooring" v-if="structure.Flooring_Coverage > 0">
<h3>Flooring</h3>
<table>
<tr>
<th>Flooring coverage</th>
<td>
{{structure.Flooring_Coverage * 100}}% ({{(structure.Flooring_Coverage *
structure.Area_m2_)|round}} m<sup>2</sup>)
</td>
</tr>
<tr>
<th>Flooring weeks</th>
<td>
{{structure.Weeks}}
<div v-if="structure.Weeks == 1">(Complete by Wednesday day 0)</div>
</td>
</tr>
</table>
<h2>Flooring</h2>
<div class="row">
<div class="attribute">
<span class="name">Flooring coverage</span>
<span class="value">{{structure.Flooring_Coverage * 100}}%</span>
</div>
<div class="attribute">
<span class="name">Flooring weeks</span>
<span class="value">{{structure.Weeks}}</span>
</div>
</div>
</div>

<!--
<div class="map" if="structure.Location">
<iframe :src="structure | mapLink" width="100%" height="600px"></iframe>
</div>
-->

<div class="furniture" v-if="structure.Furniture">
<h3>Furniture</h3>
<h2>Furniture</h2>
<table>
<thead>
<tr>
<th>Item</th>
<th>Quantity</th>
</tr>
</thead>
<tbody>
<tr v-for="item in structure.Furniture">
<td class="money">{{ item.Item_Type }}</td>
<td class="number">{{ item.Item_Quantity }}</td>
</tr>
</tbody>
</table>
</div>

<div class="qrcode" v-if="structure.qrcode">
<h2>Map location</h2>
<img :src="structure.qrcode" />
</div>

<div class="print">
<a href="javascript:window.print()">Print</a>
</div>

<footer>
Electromagnetic Field 2024
</footer>
</template>
</div>
</body>
Expand Down
Loading

0 comments on commit ab0bc29

Please sign in to comment.