GoodStartLabs/AI_Diplomacy
1
0
Fork 0
mirror of https://github.com/GoodStartLabs/AI_Diplomacy.git synced 2026-04-26 17:13:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Reformating the project to have it's own directory, relying on TS

Browse source 
This makes the project able to use TS, and can be stood up using `npm
run dev`
This commit is contained in:
Tyler Marques 2025-03-06 11:34:42 -05:00
parent 9591ce9eca
commit 39c8320484
No known key found for this signature in database
GPG key ID: 7672EFD79378341C
1110 changed files with 1090 additions and 314620 deletions
Download patch file Download diff file Expand all files Collapse all files

194
ai_animation/src/style.css Normal file
View file

@ -0,0 +1,194 @@
body {
margin: 0;
padding: 0;
overflow: hidden;
font-family: sans-serif;
}
.container {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
}
.top-controls {
padding: 10px;
background-color: #333;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
}
.map-view {
flex-grow: 1;
background-color: #87CEEB;
position: relative;
}
button {
padding: 8px 16px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
margin-right: 10px;
}
button:hover {
background-color: #45a049;
}
#phase-display {
font-weight: bold;
margin-left: 10px;
}
#file-input {
display: none;
}
#info-panel {
position: absolute;
bottom: 20px;
right: 10px;
width: 300px;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 8px;
padding: 10px;
font-family: monospace;
font-size: 12px;
max-height: 300px;
overflow-y: auto;
pointer-events: none;
/* Let clicks pass through */
}
/* New leaderboard styles */
#leaderboard {
position: absolute;
bottom: 20px;
left: 10px;
width: 250px;
background-color: rgba(0, 0, 0, 0.5);
color: white;
border-radius: 8px;
padding: 10px;
font-size: 14px;
line-height: 1.4em;
max-height: 300px;
overflow-y: auto;
pointer-events: none;
/* so we don't block clicks */
}
/* Chat windows styles */
#chat-container {
position: absolute;
top: 60px;
left: 10px;
right: 10px;
display: flex;
flex-direction: row;
gap: 10px;
height: 250px;
pointer-events: auto;
z-index: 100;
overflow-x: auto;
padding-bottom: 5px;
}
.chat-window {
background-color: rgba(255, 255, 255, 0.9);
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
overflow: hidden;
transition: all 0.3s ease;
height: 100%;
width: 260px;
min-width: 260px;
display: flex;
flex-direction: column;
flex-shrink: 0;
}
.chat-header {
background-color: #333;
color: white;
padding: 8px 12px;
font-weight: bold;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.chat-messages {
padding: 10px;
overflow-y: auto;
flex-grow: 1;
height: calc(100% - 36px);
font-size: 13px;
}
.chat-message {
margin-bottom: 8px;
padding: 6px 10px;
border-radius: 8px;
word-break: break-word;
width: 85%;
}
.message-incoming {
background-color: #e9e9eb;
align-self: flex-start;
margin-right: auto;
}
.message-outgoing {
background-color: #0b93f6;
color: white;
align-self: flex-end;
margin-left: auto;
}
.message-time {
font-size: 10px;
color: #888;
margin-top: 2px;
text-align: right;
}
.chat-collapsed {
max-height: 36px;
}
.power-austria {
color: #c40000;
}
.power-england {
color: #00008B;
}
.power-france {
color: #0fa0d0;
}
.power-germany {
color: #444444;
}
.power-italy {
color: #008000;
}
.power-russia {
color: #cccccc;
}
.power-turkey {
color: #e0c846;
}