nicole/seagull-game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

giant freakin documentation and reorganization pass, it also uses cmake because all the building was getting too complicated for shell scripts

Browse Source
This commit is contained in:
Nicole O'Connor
2025-09-29 20:31:42 -07:00
parent a5f837189b
commit 0edb4b50d2
71 changed files with 4895 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

232
pak/static/css/seagull.css Normal file
View File

@@ -0,0 +1,232 @@
html, body { height: 100% }
/** MAIN GAME **/
div#root {
display: flex;
width: 100%;
height: 100%;
z-index: 0;
font-family: sans-serif;
}
div#main-sidebar {
display: flex;
flex-direction: column;
max-width: 265px;
/*padding-left: 5px;*/
padding-right: 5px;
border-right: 0.125em solid rgb(192, 192, 192);
}
div#side-seagull-name {
text-align: center;
}
div#side-seagull-name-editor {
display: none;
}
div#main-content {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding-left: 5px;
}
div#main-header {
display: flex;
flex-direction: row;
min-height: 100px;
vertical-align: middle;
border-bottom: 0.125em solid rgb(192,192,192);
}
div#main-day-stats {
width: 100%;
margin-top: auto;
margin-bottom: auto;
vertical-align: middle;
font-size: large;
}
div#main-button-bar {
display: flex;
flex-direction: row;
min-height: 125px;
vertical-align: middle;
}
div#main-log {
display: flex;
flex-direction: column-reverse;
}
div.log-line {
display: flex;
flex-direction: row;
vertical-align: top;
width: 100%;
min-height: 1.5em;
padding-top: 5px;
}
div.log-line-alt {
display: flex;
flex-direction: row;
vertical-align: top;
width: 100%;
min-height: 1.5em;
padding-top: 5px;
background-color: rgb(192, 192, 192);
}
div.log-tick {
font-size: 0.75em;
margin-right: 0.2em;
}
div.log-msg {
margin-left: 0.2em;
}
div#charsheet {
display: flex;
flex-direction: row;
width: 100%;
background-color: rgb(240, 240, 240);
}
/** MODAL **/
div#modal-background {
font-family: sans-serif;
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
div#modal {
width: 75%;
height: 75%;
margin: auto;
margin-top: 50px;
border: 0.25em dotted rgba(192, 192, 192, 255);
background-color: rgba(255, 255, 255, 255);
padding: 0.3em
}
button.main-bar {
width: 2.5em;
height: 2.5em;
margin: 2.5px;
background-color: rgba(0,0,0,0);
border: 1px solid black;
font-size: 2em;
}
button#button-modal-close {
position: fixed;
top: 0;
right: 0;
width: 2.5em;
height: 2.5em;
margin: 2.5px;
background-color: rgba(0,0,0,0);
border: 0px;
font-size: 2em;
}
/** CHARSHEET **/
div#charsheet-root {
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
}
div#charsheet-leftside {
display: flex;
flex-direction: column;
width: 33%;
height: 100%;
}
div.attr {
/* common to all attribute blocks */
font-size: x-large;
color: #ffffff;
width: 100%;
height: 30%;
vertical-align: middle;
margin-top: auto;
margin-bottom: auto;
text-align: center;
margin-left: auto;
margin-right: auto;
}
div#attr-points {
font-size: x-large;
width: 100%;
height: 10%;
vertical-align: middle;
margin-top: auto;
margin-bottom: auto;
text-align: center;
margin-left: auto;
margin-right: auto;
}
div#attr-agility {
background: linear-gradient(to right, rgb(0,170,0), rgb(0,99,0));
}
div#attr-instinct {
background: linear-gradient(to right, rgb(170,0,255), rgb(90,0,135));
}
div#attr-leadership {
background: linear-gradient(to right, rgb(255,170,0), rgb(139,93,0));
}
div#charsheet-rightside {
display: flex;
flex-direction: column;
width: 67%;
height: 100%;
overflow-x: scroll;
}
nav#nav-upgrades {
display: flex;
flex-direction: row;
}
nav#nav-upgrades li {
display: inline;
}
div#charsheet-upgrade-tree {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
width: max-content;
}