tanner/protospace-lcars
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Begin frontend

Browse Source
This commit is contained in:
Elijah Lucian
2018-03-20 22:29:00 -06:00
parent 5107775913
commit 938046c0fd
41 changed files with 10207 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
frontend/public/css/dev.css Normal file
View File

@@ -0,0 +1,99 @@
@font-face {
font-family: 'LCARS';
src: url('./fonts/lcarsgtj3-webfont.eot');
src: url('./fonts/lcars.ttf') format('embedded-opentype'), url('/fonts/lcars.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LCARS Lower';
src: url('/web/20160330232832im_/http://lcarssdk.org/lcarssdk/fonts/lcarsunknown.eot');
src: url('/web/20160330232832im_/http://lcarssdk.org/lcarssdk/fonts/lcarsunknown.eot#iefix') format('embedded-opentype'), url('/web/20160330232832im_/http://lcarssdk.org/lcarssdk/fonts/lcarsunknown.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LCARS Block';
src: url('/web/20160330232832im_/http://lcarssdk.org/lcarssdk/fonts/LCARS-Block.eot');
src: url('/web/20160330232832im_/http://lcarssdk.org/lcarssdk/fonts/LCARS-Block.eot#iefix') format('embedded-opentype'), url('/web/20160330232832im_/http://lcarssdk.org/lcarssdk/fonts/LCARS-Block.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
:root{
--space1: 5px;
--textpadding1: 5px 10px;
--regText: 'Open Sans', sans-serif;
--fancyText: 'LCARS', sans-serif;
--hoverBack: #cdf;
--hoverText: #821;
--lcarsFirst: #cc6699;
--lcarsSecond: #ff9933;
--lcarsThird: #99ccff;
--lcarsGrey: #171113;
--lcarsMid: #241721;
}
html, body{
margin:0;
padding:0;
background: var(--lcarsGrey);
color:#fff;
font-family: var(--fancyText);
font-size:1.4em;
letter-spacing: 0.05em;
}
h1,h2,h3,h4,h5 {
letter-spacing: 0.05em;
font-family: var(--regText);
text-transform: uppercase;
margin: 0.5em;
padding: 0.5em;
}
/* Layout Related */
.mainContainer{
display: flex;
flex-direction: row;
}
.left {
flex: 4;
}
.right {
flex: 5;
}
/* Other Shit */
.heading {
margin: 1em;
font-size: 2em;
}
.course-list {
margin: 2em;
border-radius: 0.6em;
border: 1px solid var(--lcarsMid);
padding: 1em;
}
.subject {
font-family: var(--regText);
text-transform: uppercase;
font-size: 0.7em;
color: var(--lcarsSecond);
}
.course-list:hover {
background: var(--lcarsMid);
color: var(--hoverBack);
}

0
frontend/public/css/dev.scss Normal file
View File

214
frontend/public/css/main.css Normal file
View File

@@ -0,0 +1,214 @@
@font-face {
font-family: 'LCARS';
src: url('./fonts/lcarsgtj3-webfont.eot');
src: url('./fonts/lcars.ttf') format('embedded-opentype'), url('/fonts/lcars.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LCARS Lower';
src: url('/web/20160330232832im_/http://lcarssdk.org/lcarssdk/fonts/lcarsunknown.eot');
src: url('/web/20160330232832im_/http://lcarssdk.org/lcarssdk/fonts/lcarsunknown.eot#iefix') format('embedded-opentype'), url('/web/20160330232832im_/http://lcarssdk.org/lcarssdk/fonts/lcarsunknown.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LCARS Block';
src: url('/web/20160330232832im_/http://lcarssdk.org/lcarssdk/fonts/LCARS-Block.eot');
src: url('/web/20160330232832im_/http://lcarssdk.org/lcarssdk/fonts/LCARS-Block.eot#iefix') format('embedded-opentype'), url('/web/20160330232832im_/http://lcarssdk.org/lcarssdk/fonts/LCARS-Block.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
:root{
--space1: 5px;
--textpadding1: 5px 10px;
--regText: 'Open Sans', sans-serif;
--fancyText: 'LCARS', sans-serif;
--hoverBack: #cdf;
--hoverText: #821;
}
html, body{
margin:0;
padding:0;
background:#111;
color:#fff;
font-family: var(--fancyText);
font-weight: 500;
font-size:1.4em;
letter-spacing: 0.05em;
}
.mainContainer{
background:#111;
display: flex;
flex-direction: row;
height:100vh;
}
/* Left Side */
.leftColumn{
flex:4;
background:#333;
display:flex;
flex-direction: row;
}
/* Left Information Panel */
.infoLeft{
display:flex;
flex-direction: column;
flex:6;
background:#222;
}
.leftTop{
flex:3;
background:#111;
text-align:center;
}
.logo{
width:60%;
padding-top:17%;
}
.leftInfo{
display: flex;
flex-direction: column;
flex:7;
background:#111;
}
.leftItem{
flex:1;
margin:var(--space1);
text-align: left;
border-radius: 10vh;
padding:2vh;
background: #9cf;
}
/* Left LCARS Panel (menu?) */
.lcarsLeft{
background:#111;
flex:4;
display: flex;
flex-direction: column;
text-align: right;
}
.lcarsLeft div{
margin:var(--space1);
padding:var(--textpadding1);
}
.lcarsLeftItem{
flex:1;
background:#99ccff;
}
.lcarsLeftItemBig{
flex:4;
background:#cc6699;
}
.lcarsLeftItemMed{
flex:2;
background:#ff9933;
}
/* Right Side */
.rightContainer{
flex:10;
background: #111;
display:flex;
flex-direction: column;
}
.rightTop{
flex: 3;
background:#222;
display: flex;
flex-direction: row;
}
.lcarsMiddleTop, .lcarsMiddleBottom{
background:#111;
flex:2;
display: flex;
flex-direction: column;
}
.lcarsMiddleItem{
background:#069;
margin:var(--space1);
padding:var(--textpadding1);
flex:2;
}
.lcarsMiddleElbow{
margin:var(--space1);
flex:2;
}
.dataTopRight{
flex:7;
background:#171717;
display: flex;
flex-direction: column;
}
.datatopRightUpper{
flex:7;
}
.lcarsHorizontalTop{
flex:1;
background:#111;
}
/* LCARS HORIZONTAL LINES */
.lcarsHorizontalBottom{
flex:1;
background:#111;
}
.dataRightLower{
flex:9;
}
.rightBottom{
flex: 5;
display: flex;
flex-direction: row;
background:#333;
}
.dataBottomRight{
flex:7;
background:#171717;
display: flex;
flex-direction: column;
}
/* LCARS Middle Elbow */
.lcarsElbow{
width:100%;
}
/* LCARS General Hover */
.lcarsLeft div:hover, .leftItem:hover,.lcarsMiddleTop div:hover, .lcarsMiddleBottom div:hover{
background:var(--hoverBack);
color:var(--hoverText);
}