mirror of
https://github.com/Max-Stevenson/jurassic-park-interface.git
synced 2024-09-07 03:54:27 +00:00
Finished console output.
This commit is contained in:
parent
b008ab1017
commit
cce9428fdd
38
index.html
38
index.html
@ -228,12 +228,40 @@
|
|||||||
<div class="inner-edge__console">
|
<div class="inner-edge__console">
|
||||||
<div class="output-display__wrapper">
|
<div class="output-display__wrapper">
|
||||||
<div class="output-display-content__wrapper">
|
<div class="output-display-content__wrapper">
|
||||||
<p>clear</p>
|
<p class="output-display-content__status">clear</p>
|
||||||
<p>- Ldg - Volume - JP</p>
|
<p class="output-display-content__content">
|
||||||
|
- Ldg - Volume - JP
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="output-display-content__wrapper">
|
<div class="output-display-content__wrapper">
|
||||||
<p>clear</p>
|
<p class="output-display-content__status">clear</p>
|
||||||
<p>- Boot Successful - CLEAR</p>
|
<p class="output-display-content__content">
|
||||||
|
- Boot Successful - CLEAR
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="output-display-content__wrapper">
|
||||||
|
<p class="output-display-content__status">clear</p>
|
||||||
|
<p class="output-display-content__content">
|
||||||
|
- Format Gabber - Chaires
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="output-display-content__wrapper">
|
||||||
|
<p class="output-display-content__status">clear</p>
|
||||||
|
<p class="output-display-content__content">
|
||||||
|
- Operator - Andres Ramierez dkhd
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="output-display-content__wrapper">
|
||||||
|
<p class="output-display-content__status">clear</p>
|
||||||
|
<p class="output-display-content__content">
|
||||||
|
- Vidnet - Camerea VC net01
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="output-display-content__wrapper">
|
||||||
|
<p class="output-display-content__status">clear</p>
|
||||||
|
<p class="output-display-content__content">
|
||||||
|
- Communications = Active
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -252,4 +280,4 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
@ -356,7 +356,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.control-panel__video-screen {
|
.control-panel__video-screen {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-screen {
|
.video-screen {
|
||||||
@ -374,7 +374,6 @@ body {
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
/* borders on it too */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-screen__loading-spinner::before,
|
.video-screen__loading-spinner::before,
|
||||||
@ -404,12 +403,16 @@ body {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-screen__text-wrapper {
|
.video-screen__text-wrapper {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border: 2px solid black;
|
border: 2px solid black;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-screen__header {
|
.video-screen__header {
|
||||||
@ -458,6 +461,23 @@ body {
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
padding: 2px 5px;
|
||||||
|
margin: 1px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.output-display-content__status {
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: white;
|
||||||
|
background-color: #5FD069;
|
||||||
|
font-style: italic;
|
||||||
|
padding: 1px;
|
||||||
|
margin: 0px 5px 0px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.output-display-content__content {
|
||||||
|
font-weight: 600;
|
||||||
|
margin: 0px;
|
||||||
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=styles.css.map */
|
/*# sourceMappingURL=styles.css.map */
|
||||||
|
@ -1 +1 @@
|
|||||||
{"version":3,"sourceRoot":"","sources":["../../sass/base/_base.scss","../../sass/components/_borders.scss","../../sass/components/_buttons.scss","../../sass/components/_display-text.scss","../../sass/components/_layout.scss","../../sass/components/_level-info.scss","../../sass/components/_screen-display.scss","../../sass/components/_video-screen.scss","../../sass/components/_control-panel.scss","../../sass/components/_output-display.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;;;ACRF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AC5DF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC7CF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;ACxCF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;ACrBF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACtDF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AChHF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;AAAyB;;;AAG3B;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AC/DF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;ACtBF;EACE;EACA;;;AAGF;EACE;EACA;EACA","file":"styles.css"}
|
{"version":3,"sourceRoot":"","sources":["../../sass/base/_base.scss","../../sass/components/_borders.scss","../../sass/components/_buttons.scss","../../sass/components/_display-text.scss","../../sass/components/_layout.scss","../../sass/components/_level-info.scss","../../sass/components/_screen-display.scss","../../sass/components/_video-screen.scss","../../sass/components/_control-panel.scss","../../sass/components/_output-display.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;;;ACRF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AC5DF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC7CF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;ACxCF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;ACrBF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACtDF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AChHF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;ACnEF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;ACtBF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA","file":"styles.css"}
|
@ -7,4 +7,21 @@
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
padding: 2px 5px;
|
||||||
|
margin: 1px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.output-display-content__status {
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: white;
|
||||||
|
background-color: #5FD069;
|
||||||
|
font-style: italic;
|
||||||
|
padding: 1px;
|
||||||
|
margin: 0px 5px 0px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.output-display-content__content {
|
||||||
|
font-weight: 600;
|
||||||
|
margin: 0px;
|
||||||
|
font-style: italic;
|
||||||
}
|
}
|
@ -1,5 +1,5 @@
|
|||||||
.control-panel__video-screen {
|
.control-panel__video-screen {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-screen {
|
.video-screen {
|
||||||
@ -16,7 +16,7 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border: 1px solid black; /* borders on it too */
|
border: 1px solid black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-screen__loading-spinner::before,
|
.video-screen__loading-spinner::before,
|
||||||
@ -44,12 +44,16 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-screen__text-wrapper {
|
.video-screen__text-wrapper {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border: 2px solid black;
|
border: 2px solid black;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-screen__header {
|
.video-screen__header {
|
||||||
|
Loading…
Reference in New Issue
Block a user