diff --git a/CHANGELOG.md b/CHANGELOG.md index 6598fa6d..5da7a676 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -22,8 +22,8 @@ Added `Buff` as a skill *BALANCE* - purify - - 1 effect from all cryps at level 2 - - removes all effects from all cryps at l3 + - 1 effect from all constructs at level 2 + - removes all effects from all constructs at l3 - invert - fx for buffs when applied to enemies diff --git a/COMBOS.md b/COMBOS.md index 4cd2063f..d41124fc 100644 --- a/COMBOS.md +++ b/COMBOS.md @@ -5,7 +5,7 @@ specs [spec [bonus amount, [r g b]] # Playthrough -cryps join game +constructs join game stats randomised initial stash drops diff --git a/ECONOMY.md b/ECONOMY.md index cd15efb1..e40a894c 100644 --- a/ECONOMY.md +++ b/ECONOMY.md @@ -23,9 +23,9 @@ Base specs have a base 3 cost ### Actual Costs -- Costs increase as more of an item is used on cryps in the game +- Costs increase as more of an item is used on constructs in the game - The cost increases by the base cost for every 6 allocations of base item -- Allocation is based on all cryps in the game +- Allocation is based on all constructs in the game ### Example ### @@ -33,15 +33,15 @@ Round #1 All costs are base costs # Player #1 and Player #2 (They both bought the same things) -Cryp #1 Strike (Attack + RR), (2 + 1 + 1) = (4) cost -Cryp #1 Empower (Buff + RR), (2 + 1 + 1) = (4) cost -Cryp #3 Attack, 2 cost +Construct #1 Strike (Attack + RR), (2 + 1 + 1) = (4) cost +Construct #1 Empower (Buff + RR), (2 + 1 + 1) = (4) cost +Construct #3 Attack, 2 cost Total cost - 10 Round #2 -Items used on cryps include: +Items used on constructs include: Red x 8 Attack x 4 @@ -52,9 +52,9 @@ The costs of red for round #2 are now (1 + 1) = 2 If they were to buy the same skill setup it would be as follows: # Player #1 and Player #2 (They both bought the same things) -Cryp #1 Strike (Attack + RR), (2 + 2 + 2) = (6) cost -Cryp #1 Empower (Buff + RR), (2 + 2 + 2) = (6) cost -Cryp #3 Attack, 2 cost +Construct #1 Strike (Attack + RR), (2 + 2 + 2) = (6) cost +Construct #1 Empower (Buff + RR), (2 + 2 + 2) = (6) cost +Construct #3 Attack, 2 cost Total cost - 14 diff --git a/NODES.md b/NODES.md index 16042cab..076b466e 100644 --- a/NODES.md +++ b/NODES.md @@ -46,4 +46,4 @@ Rare `increased speed, increased cooldowns` - Increased stat - ??? Related Notables -# ??? Cryps need to have a minimum of X of the cryp stat to learn a skill # +# ??? Constructs need to have a minimum of X of the construct stat to learn a skill # diff --git a/README.md b/README.md index 74cb4925..96116cc9 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# Cryps ("creeps") +# Constructs ("creeps") ## Combat @@ -30,7 +30,7 @@ resolve phase: | reduction | absorption? | durations | -## Cryp Alignments +## Construct Alignments Natural Selection ================ @@ -92,7 +92,7 @@ Path to Destruction Damage & Destruction ------------------------- -cryps walking the path to destruction have forsaken themselves in order to gain ruinous power. +constructs walking the path to destruction have forsaken themselves in order to gain ruinous power. no price is too high, they gladly harm themselves and allies to amplify the destruction they wreak on everything around them specialise in magical damage dealing @@ -124,7 +124,7 @@ Universal Chaos The only constant is change. ---------------------------- -Cryps aligning themselves with the forces of chaos believe that constant change is the only truth in the universe. +Constructs aligning themselves with the forces of chaos believe that constant change is the only truth in the universe. They harness its power to manipulate physical reality as well as control and disrupt the flow of battle. They blend between physical and astral forms, constantly shifting throughout time and space. diff --git a/ROADMAP.md b/ROADMAP.md index 2f0608eb..7f9ff085 100644 --- a/ROADMAP.md +++ b/ROADMAP.md @@ -1,7 +1,7 @@ ### Road Map ### -# NOW Phase 1 (Dev -> Alpha) +# NOW Phase 1 (Dev -> Alpha) Form company structure Brainstorm Names? @@ -22,7 +22,7 @@ Combat animations Make in game shop Payment processors / CC etc Handler for game purchases - MTX - Cryp Avatars + MTX - Construct Avatars MTX - Skill anims Setup company bank accounts @@ -32,7 +32,7 @@ Setup company bank accounts Player Events e.g. chatwheel Matchmaking + ELO / Leaderboard -Game skill private fields +Game skill private fields Refine artwork, icons, scaling etc Music @@ -41,4 +41,23 @@ Marketing materials Videos Twitch Advertisments? - Information \ No newline at end of file + Information + + + +# china shit +You need to read the details more carefully. Playsaurus messed up: + +1. They launched in China without registering a trademark + +2. A competitor registered the trademark after 3 months of their launch + +3. They continued to sell for 4 years under a name trademarked by another company, making $73,000+ yearly from that one country + +Now, they complain about it on Reddit, even though China is a 'First to File' company. + +The fault lies entirely with Playsaurus, nothing illegal occurred here. + +https://www.trademarknow.com/blog/first-to-file-versus-first... + +This situation could have occurred in many other countries - the difference is probably that the competitor is content to just sell in China, under a Chinese name, whereas products sold anywhere else would need to use the English name. \ No newline at end of file diff --git a/SPECS.md b/SPECS.md index 543247df..cd8d089f 100644 --- a/SPECS.md +++ b/SPECS.md @@ -4,16 +4,16 @@ Numbers are placeholder `Specs get a bonus dependent on the total of Red / Green / Blue in player skills & specs` # Example to meet 5 red gem bonus from skills only -In your player Cryp #1 has `Strike`, Cryp #2 has `Slay` and `Heal`, Cryp #3 has `Snare` +In your player Construct #1 has `Strike`, Construct #2 has `Slay` and `Heal`, Construct #3 has `Snare` - RR skill `Strike` contributes 2 red gems to the total red gems (2 total) - RG skill `Slay` contributes 1 red gem to the total red gems (3 total) - GG skill `Heal` contirubtes 0 red gems to the total red gems (3 total) - RR skill `Snare` contirubtes 2 red gems to the total red gems (5 total) -# Advanced specs also require a minimum number of Red / Green / Blue gems on the cryp to take effect +# Advanced specs also require a minimum number of Red / Green / Blue gems on the construct to take effect - Tier 1 Basic specs (Damage / Health / Defense) will have no requirements - Advanced specs will require a certain threshold of red / green / blue gems to be enabled - - Provided spec requirements are met, all specs will add gems to the cryp + - Provided spec requirements are met, all specs will add gems to the construct # Starting from scratch with a vbox @@ -26,9 +26,9 @@ In your player Cryp #1 has `Strike`, Cryp #2 has `Slay` and `Heal`, Cryp #3 has Combine 2 Red + 'Attack' -> Strike Combine 2 Red + 'Basic Damage Spec' -> Red Damage - Cryp #1 -> Give Strike & Red Damage Spec -> Strike + 1 x Red Damage Spec - Cryp #2 -> Give Attack -> Attack - Cryp #3 -> Give Stun -> Stun + Construct #1 -> Give Strike & Red Damage Spec -> Strike + 1 x Red Damage Spec + Construct #2 -> Give Attack -> Attack + Construct #3 -> Give Stun -> Stun Player Total (4 Red + 2 Basic gems) @@ -37,17 +37,17 @@ In your player Cryp #1 has `Strike`, Cryp #2 has `Slay` and `Heal`, Cryp #3 has - Buy 2 reds & 2 green & 2 blue (all available colour items) - Buy 2 Basic Damage Spec (item) - - Cryp #2 Unequip Attack + - Construct #2 Unequip Attack - Combine 2 Green + 'Attack' -> Heal - - Cryp #3 Unequip Stun + - Construct #3 Unequip Stun - Combine 2 Blue + 'Stun' -> Ruin - Combine 2 Red + 'Basic Damage Spec' -> Red Damage - Cryp #1 -> Give Red Damage items -> Strike + 2 x Red Damage Spec (6R) - Cryp #2 -> Give Heal item -> Heal (2G) - Cryp #3 -> Give Ruin item -> Ruin (2B) + Construct #1 -> Give Red Damage items -> Strike + 2 x Red Damage Spec (6R) + Construct #2 -> Give Heal item -> Heal (2G) + Construct #3 -> Give Ruin item -> Ruin (2B) ## Round 3 @@ -58,9 +58,9 @@ In your player Cryp #1 has `Strike`, Cryp #2 has `Slay` and `Heal`, Cryp #3 has - Combine 2 Red + 'Stun' -> Strangle - Combine 2 Red + 'Block' -> Parry - Cryp #1 -> Give 'Stun' & 'Strangle' -> Strike, Stun, Strangle + 2 x Red Damage Spec (10R) - Cryp #2 -> 'No change' -> Heal (2G) - Cryp #3 -> Give Attack item & 2 Basic Damage Spec -> Attack + Ruin + 2 x Basic Damage Spec (2B) + Construct #1 -> Give 'Stun' & 'Strangle' -> Strike, Stun, Strangle + 2 x Red Damage Spec (10R) + Construct #2 -> 'No change' -> Heal (2G) + Construct #3 -> Give Attack item & 2 Basic Damage Spec -> Attack + Ruin + 2 x Basic Damage Spec (2B) ## Round 4 @@ -70,18 +70,18 @@ In your player Cryp #1 has `Strike`, Cryp #2 has `Slay` and `Heal`, Cryp #3 has - Combine 2 Red + 'Attack' -> Strike - Combine 2 Red + 'Buff' -> Empower - - Cryp #1 Unequip 2 x Red Damage spec, Equip Empower -> Strike, Stun, Strangle, Empower (8R) + - Construct #1 Unequip 2 x Red Damage spec, Equip Empower -> Strike, Stun, Strangle, Empower (8R) - Combine 'Strike' + 2 x Red Damage spec -> 'Increased Strike Damage spec' - ### Note 'Increased Strike Damage spec' requires 8R on the cryp + ### Note 'Increased Strike Damage spec' requires 8R on the construct - Cryp #1 Equip Increased Strike Damage spec -> Strike, Stun, Strangle, Empower + Increased Strike Damage Spec (14R) - Cryp #2 -> 'No change' -> Heal - Cryp #3 -> 'No change' -> Attack + Ruin + 2 x Basic Damage Spec + Construct #1 Equip Increased Strike Damage spec -> Strike, Stun, Strangle, Empower + Increased Strike Damage Spec (14R) + Construct #2 -> 'No change' -> Heal + Construct #3 -> 'No change' -> Attack + Ruin + 2 x Basic Damage Spec ## Round 5 - We already lost cause we went all in on 1 red cryp like a noob + We already lost cause we went all in on 1 red construct like a noob ### Generic Specs @@ -96,7 +96,7 @@ Maximum 35% inc hp Maximum 50% inc speed # Basic Class Spec -`Base` -> +2 red, +2 green +2 blue gems on cryp +`Base` -> +2 red, +2 green +2 blue gems on construct # Basic Duration ### Increased Damage Combos ### @@ -182,32 +182,32 @@ Maximum +35% inc blue shield and 35% inc red shield ## Upgraded Attack Spec Combos # Increased Strike Damage (Combine Strike + Red Damage Spec x 2) -Cryp Requires `8 red gems` +Construct Requires `8 red gems` Adds `6 red gems` `Base` -> 15% increased strike damage `Player Bonus` 15 red gems -> +15% // 20 red gems -> +20% // 30 red gems -> +30% Maximum 80% increased strike damage # Improved Heal (Combine Heal + Healing Spec x 2) -Cryp Requires `8 green gems` +Construct Requires `8 green gems` `Base` -> 15% increased heal healing `Player Bonus` 15 green gems -> +15% // 20 green gems -> +20% // 30 green gems -> +30% Maximum 80% increased heal healing # Increased Blast Damage (Combine Blast + Blue Spec x 2) -Cryp Requires `8 blue gems` +Construct Requires `8 blue gems` `Base` -> 15% increased blast damage `Player Bonus` 15 blue gems -> +15% // 20 blue gems -> +20% // 30 blue gems -> +30% Maximum 80% increased blast damage # Increased Slay Damage (Combine Slay + Red Damage Spec + Healing Spec) -Cryp Requires `4 red 4 green gems` +Construct Requires `4 red 4 green gems` `Base` -> 15% increased slay damage `Player Bonus` (8R + 8G) gems -> +15% // (10R + 10G) gems -> +20% // (15R + 15G) gems -> +30% Maximum 80% increased slay damage # Increased Banish Damage (Combine Slay + Red Damage Spec + Blue Damage Spec) -Cryp Requires `4 red 4 blue gems` +Construct Requires `4 red 4 blue gems` `Base` -> 15% increased slay damage `Player Bonus` (8R + 8B) gems -> +15% // (10R + 10B) gems -> +20% // (15R + 15B) gems -> +30% Maximum 80% increased banish damage diff --git a/WORKLOG.md b/WORKLOG.md index 3204dd55..5f442b7e 100644 --- a/WORKLOG.md +++ b/WORKLOG.md @@ -24,8 +24,8 @@ Tidy edges on game UI blue + defensive green - purify - - 1 effect from all cryps at level 2 - - removes all effects from all cryps at l3 + - 1 effect from all constructs at level 2 + - removes all effects from all constructs at l3 - invert - fx for buffs when applied to enemies @@ -102,7 +102,7 @@ push events $$$ * Items * Colour scheme - * number of cryps + * number of constructs * Highlight (dota) colour * fx colours + styles diff --git a/client/assets/styles/game.css b/client/assets/styles/game.css index db7391a4..70f8b403 100644 --- a/client/assets/styles/game.css +++ b/client/assets/styles/game.css @@ -36,7 +36,7 @@ } -.opponent .game-cryp { +.opponent .game-construct { align-items: flex-start; grid-template-rows: min-content min-content min-content 2fr; grid-template-columns: 1fr 1fr; @@ -47,12 +47,12 @@ "avatar target"; } -.opponent .game-cryp .name { +.opponent .game-construct .name { margin-bottom: 0; margin-top: 0.25em; } -.game-cryp { +.game-construct { display: grid; /*justify-items: center;*/ @@ -74,7 +74,7 @@ transition-timing-function: ease; } -.game-cryp .targeting { +.game-construct .targeting { grid-area: target; display: flex; flex-flow: column; @@ -84,40 +84,36 @@ white-space: nowrap; } -.game-cryp .img { +.game-construct .img { grid-area: avatar; } -.game-cryp .name { +.game-construct .name { width: 100%; margin-bottom: 0.25em; text-align: center; grid-area: name; } -.game-cryp .stats { +.game-construct .stats { grid-area: stats; display: flex; flex-flow: row; } -.game-cryp figure { +.game-construct figure { padding: 0 0.5em; display: flex; flex-flow: column; } -.game-cryp figcaption { +.game-construct figcaption { white-space: nowrap; font-size: 100%; } @media (max-width: 1500px) { - .game { - font-size: 12pt; - } - - .game-cryp figure { + .game-construct figure { padding: 0 0.25em; } @@ -127,7 +123,7 @@ } */} -.game-cryp .skills { +.game-construct .skills { grid-area: skills; display: flex; flex-flow: column-reverse; @@ -135,13 +131,13 @@ } /*@media (max-width: 1000px) { - .game-cryp .skills { + .game-construct .skills { flex-flow: column; } } */ -.game-cryp .effects { +.game-construct .effects { grid-area: effects; font-size: 1.5em; white-space: nowrap; @@ -157,7 +153,7 @@ margin-right: 0.5em; } -.game-cryp button { +.game-construct button { color: #888; flex: 1 1 100%; padding: 0; @@ -165,36 +161,35 @@ border-width: 0px; } -.game-cryp button.active { +.game-construct button.active { color: whitesmoke; } -.game-cryp button[disabled], .game-cryp button[disabled]:hover { +.game-construct button[disabled], .game-construct button[disabled]:hover { color: #333333; - font-size: 14pt; text-decoration: line-through } -.game-cryp button:hover { +.game-construct button:hover { color: whitesmoke; } -.game-cryp.ko { +.game-construct.ko { animation: none; opacity: 0.35; filter: grayscale(100%); } -.game-cryp.ko button:hover { +.game-construct.ko button:hover { color: #333; } -.game-cryp.unfocus { +.game-construct.unfocus { opacity: 0.65; filter: blur(5px); } -.game-cryp.unfocus.ko { +.game-construct.unfocus.ko { filter: blur(5px) grayscale(100%); } @@ -207,18 +202,18 @@ left: 50%; } -CRYP DAMAGE +CONSTRUCT DAMAGE -.game-cryp.active-skill { +.game-construct.active-skill { filter: drop-shadow(0 0 0.2em silver); /*border-color: silver;*/ } -.game-cryp.red-damage { +.game-construct.red-damage { filter: drop-shadow(0 0 0.2em red); color: red; - /*ensure cryp doesn't get opacity lowered because of being KO before the KO animation*/ + /*ensure construct doesn't get opacity lowered because of being KO before the KO animation*/ opacity: 1; /*border-color: red;*/ @@ -237,7 +232,7 @@ CRYP DAMAGE /*border-top: 1px solid red;*/ } -.game-cryp.blue-damage { +.game-construct.blue-damage { filter: drop-shadow(0 0 0.2em blue); color: blue; opacity: 1; @@ -257,7 +252,7 @@ CRYP DAMAGE /*border-top: 1px solid blue;*/ } -.game-cryp.green-damage { +.game-construct.green-damage { filter: drop-shadow(0 0 0.2em green); color: green; opacity: 1; @@ -277,7 +272,7 @@ CRYP DAMAGE /*border-top: 1px solid green;*/ } -.game-cryp.purple-damage { +.game-construct.purple-damage { filter: drop-shadow(0 0 0.2em purple); color: purple; border-color: purple; diff --git a/client/assets/styles/instance.css b/client/assets/styles/instance.css index 54e1e149..7692b6ab 100644 --- a/client/assets/styles/instance.css +++ b/client/assets/styles/instance.css @@ -11,7 +11,7 @@ "top top info" "vbox vbox info" "equip equip info" - "cryps cryps info"; + "constructs constructs info"; } @media (max-width: 1920px) { @@ -22,6 +22,10 @@ .instance .info table td svg { height: 50%; } + + .instance svg { + height: 1.5em; + } } .instance .top { @@ -29,7 +33,7 @@ } .instance .scoreboard { - grid-area: cryps; + grid-area: constructs; } .instance-ui-btn { @@ -56,8 +60,8 @@ margin-top: 1.5em; } -.instance .cryps { - grid-area: cryps; +.instance .constructs { + grid-area: constructs; } .instance .equip { @@ -144,16 +148,16 @@ cursor: pointer; } -/* CRYP LIST */ +/* CONSTRUCT LIST */ -.cryp-list { - grid-area: cryps; +.construct-list { + grid-area: constructs; display: grid; grid-template-columns: 1fr 1fr 1fr; } -.instance-cryp, .instance-cryp-active { +.instance-construct, .instance-construct-active { display: grid; grid-template-rows: min-content min-content min-content 1fr min-content; grid-template-areas: @@ -173,17 +177,17 @@ transition-timing-function: ease; */} -.instance-cryp:first-child { +.instance-construct:first-child, .instance-construct-active:first-child { margin-left: 0; border-left-width: 1px; } -.cryp-list .name { +.construct-list .name { grid-area: name; margin-bottom: 0.5em; } -.cryp-list .avatar { +.construct-list .avatar { grid-area: avatar; object-fit: contain; background-size: contain; @@ -192,28 +196,28 @@ pointer-events: none; } -.cryp-list .name { +.construct-list .name { text-align: center; } -.cryp-list .avatar figure { +.construct-list .avatar figure { margin: 0; height: 80%; text-align: center; box-sizing: border-box; } -.cryp-list .avatar figcaption { +.construct-list .avatar figcaption { font-size: 90%; } -.cryp-list .skills { +.construct-list .skills { grid-area: skills; display: flex; border-width: 0px; } -.cryp-list .skills button { +.construct-list .skills button { flex: 1; border-width: 0px; } @@ -232,7 +236,7 @@ } } */ -.cryp-list .specs { +.construct-list .specs { margin-top: 1em; grid-area: specs; display: flex; @@ -241,18 +245,18 @@ border-width: 0px; } -.cryp-list .specs figure { +.construct-list .specs figure { flex: 1; border: 0; align-items: center; text-align: center; } -.cryp-list .specs figcaption { +.construct-list .specs figcaption { font-size: 75%; } -.cryp-list .stats { +.construct-list .stats { grid-area: stats; display: grid; grid-template-rows: 1fr 3fr; @@ -263,11 +267,11 @@ border-width: 0px; } -.cryp-list .stats figcaption { +.construct-list .stats figcaption { font-size: 75%; } -.cryp-list .stats .icons { +.construct-list .stats .icons { grid-area: st; display: flex; flex-flow: row; @@ -285,25 +289,25 @@ fill: none; } -.cryp-list .stat-icon { +.construct-list .stat-icon { width: 100%; } -.cryp-list .stats .damage-label { +.construct-list .stats .damage-label { grid-area: dl; display: flex; justify-content: center; color: #666; } -.cryp-list .stats .speed-label { +.construct-list .stats .speed-label { grid-area: sl; display: flex; justify-content: center; color: #666; } -.cryp-list .stats .life-label { +.construct-list .stats .life-label { grid-area: ll; display: flex; justify-content: center; diff --git a/client/assets/styles/instance.mobile.css b/client/assets/styles/instance.mobile.css index 0a747e94..333a7fbe 100644 --- a/client/assets/styles/instance.mobile.css +++ b/client/assets/styles/instance.mobile.css @@ -1,20 +1,20 @@ @media (max-height: 800px), (max-width: 1000px) { .instance { display: grid; - grid-template-columns: 100%; - grid-template-rows: repeat(4, min-content); + grid-template-columns: 1fr; + grid-template-rows: min-content, min-content, min-content, 1fr; grid-template-areas: "top" "controls" - "first" - "second" + "vbox" + "constructs" } /* Default view */ .instance .equip { display: none; } .instance .info { display: none; } - .instance .cryp-list { display: none; } + .instance .construct-list { display: none; } .vbox { - grid-area: first; + grid-area: vbox; display: grid; grid-template-rows: min-content min-content min-content; grid-template-columns: 1fr; @@ -31,13 +31,13 @@ .vbox-combiner { margin-left: 0; } - /* Toggled view (cryps)*/ + /* Toggled view (constructs)*/ #toggle-vbox-label { text-align: center; border: 2px solid #555; } #toggle-vbox-label:after{ - content: "Cryps"; + content: "Constructs"; } #toggle-vbox:checked ~ #toggle-vbox-label:after{ @@ -47,22 +47,21 @@ #toggle-vbox:checked ~ .vbox { display: none; } #toggle-vbox:checked ~ .equip { display: initial; - grid-area: first; + grid-area: vbox; } #toggle-vbox:checked ~ .highlight { display: initial; } - #toggle-vbox:checked ~ .cryp-list { - grid-area: second; - display: flex; + #toggle-vbox:checked ~ .construct-list { + grid-area: constructs; + display: grid; justify-content: center; - flex-flow: row wrap; - flex: 1; - width: 100%; - } + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr 1fr; + } #toggle-vbox { display: none; } @@ -76,15 +75,15 @@ margin-right: 0.5em; } - .cryp-list .skills { + .construct-list .skills { flex-flow: row; align-items: stretch; } - .instance-cryp { - flex: 1; + .instance-construct { + grid-row: 2; display: grid; - grid-template-rows: min-content min-content; + grid-template-rows: min-content 1fr; grid-template-areas: "name " "avatar "; @@ -95,28 +94,25 @@ transition-delay: 0; transition-timing-function: ease; } - .instance-cryp img { - width: 35px; - } - .instance-cryp .skills { + .instance-construct .skills { display: none; } - .instance-cryp .specs { + .instance-construct .specs { display: none; } - .instance-cryp .stats { + .instance-construct .stats { display: none; } - .instance-cryp-active { - flex: 1; - order: -1; + .instance-construct-active { + grid-row: 1; + grid-column: 1 / 3; display: grid; - grid-template-rows: min-content min-content min-content min-content min-content; + grid-template-rows: min-content min-content min-content 1fr min-content; grid-template-areas: "name " "skills " @@ -133,11 +129,11 @@ transition-timing-function: ease; } - .instance-cryp-active img { + .instance-construct-active img { width: 55px; } - /* Cryp Stuff */ + /* Construct Stuff */ } \ No newline at end of file diff --git a/client/assets/styles/styles.css b/client/assets/styles/styles.css index 27c33658..9bb63d57 100644 --- a/client/assets/styles/styles.css +++ b/client/assets/styles/styles.css @@ -2,7 +2,7 @@ GLOBAL */ -html, body, #cryps { +html, body, #constructs { /*width: 100%;*/ margin: 0; @@ -61,7 +61,7 @@ figure { text-align: center; } -#cryps { +#constructs { padding: 0 2em; display: grid; grid-template-columns: 1fr 8fr; @@ -170,6 +170,11 @@ button.left:hover, button.left:focus { box-shadow: inset 0.5em 0 0 0 whitesmoke; } +a { + color: whitesmoke; + font-size: 150%; +} + svg { fill: none; stroke: whitesmoke; @@ -277,13 +282,13 @@ button[disabled] { flex-flow: column; } -#cryps input, #cryps select { +#constructs input, #constructs select { border-color: #444; background-color: #333; border-radius: 0; } -#cryps input:focus { +#constructs input:focus { border-color: whitesmoke; } @@ -349,7 +354,7 @@ header { MENU */ -.menu-cryps { +.menu-constructs { display: grid; grid-template-rows: min-content min-content; @@ -358,14 +363,14 @@ header { "list"; } -.menu-cryps .list { +.menu-constructs .list { grid-area: list; display: grid; grid-template-columns: repeat(3, 1fr); } -.menu-cryp-ctr { +.menu-construct-ctr { /*flex: 0 0 30%;*/ display: flex; @@ -374,7 +379,7 @@ header { justify-content: center; } -.spawn-btn .menu-cryp { +.spawn-btn .menu-construct { border: 1px solid #333; color: #333; display: flex; @@ -399,7 +404,7 @@ header { opacity: 0 } -.menu-cryp { +.menu-construct { height: 100%; margin: 0.5em; box-sizing: border-box; @@ -512,7 +517,7 @@ main .top { } @media (max-height: 900px), (max-width: 1500px) { - #cryps { + #constructs { font-size: 75%; } diff --git a/client/assets/styles/styles.mobile.css b/client/assets/styles/styles.mobile.css index 39707849..17323160 100644 --- a/client/assets/styles/styles.mobile.css +++ b/client/assets/styles/styles.mobile.css @@ -1,6 +1,6 @@ @media (max-height: 800px), (max-width: 1000px) { - #cryps { - font-size: 12pt; + #constructs { + font-size: 8pt; padding: 0; grid-template-columns: min-content 1fr; grid-template-rows: min-content 1fr; @@ -9,6 +9,10 @@ "main main"; } + button { + font-size: 8pt; + } + table td { height: 2.5em; } @@ -27,15 +31,8 @@ -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; + } - } -/* main { - -webkit-transition: all 0.5s ease-in-out; - -moz-transition: all 0.5s ease-in-out; - -o-transition: all 0.5s ease-in-out; - transition: all 0.5s ease-in-out; - } -*/ #toggle-nav { display: none; } #toggle-nav-label { diff --git a/client/index.html b/client/index.html index 58b3d1d7..f2a78170 100644 --- a/client/index.html +++ b/client/index.html @@ -1,12 +1,12 @@
-