diff --git a/README.md b/README.md index 8f805c8..ecdbac9 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# ωEngine v0.2.3 +# ωEngine v1.0.0 ### A engine made from Ω-Lλγers built for making mods #### Ω-Lλγers (the original) by VeproGames #### Play the engine now diff --git a/css/fonts/ubuntu.css b/css/fonts/ubuntu.css new file mode 100644 index 0000000..cc9b57c --- /dev/null +++ b/css/fonts/ubuntu.css @@ -0,0 +1,8 @@ +@font-face{ + font-family: ubuntu-font; + src: url('../../fonts/ubuntu.ttf'); +} + +:root{ + --primary-font: ubuntu-font +} diff --git a/css/main.css b/css/main.css index 85c379b..8be1072 100644 --- a/css/main.css +++ b/css/main.css @@ -78,18 +78,49 @@ header nav{ header nav div{ display: flex; - justify-content: left; - padding: 0.5rem 2rem; -} - -header nav div:first-child{ justify-content: space-between; + padding: 0.5rem 2rem; } header nav button{ padding: 0.2em; - margin-right: 2rem; font-size: 110%; + max-width: 170px; + width: 20vw; +} + +header nav button:hover{ + transform: scale(1.3) +} + +#automatorButton { + background-image: linear-gradient(125deg, #ff5e00 , #ffc800); + color: white; + border: 0; +} + +#volatilityButton { + background-image: linear-gradient(90deg, #ff8100, #ffc800, #ff8100); + color: white; + border: 0; +} + +#alephButton { + background-image: radial-gradient(#00ff5a, #00a905); + color: white; + border: 0; +} + +#restackButton { + background-image: linear-gradient(90deg, #61b8ff, #ff64a0, #d5ff55); + color: white; + border: 0; +} + +#debugButton { + background-color: #f0f; + color: white; + border: 0; } .omega{ @@ -126,6 +157,7 @@ img.inline{ color: var(--color-contrast); transform: translateY(10%); fill: var(--color-contrast); + filter: invert(); } .flipped-v{ @@ -215,6 +247,7 @@ div.layer-navigation button{ div.layer-navigation button:hover{ background-color: var(--color-hover-strong); + transform: scale(1) } div.layer-navigation button .ordinal{ @@ -241,11 +274,12 @@ button{ padding: 2px 4px; border: 1px solid var(--color-primary); - transition: background-color 500ms, filter 250ms; + transition: background-color 500ms, filter 250ms, transform 500ms; } button:hover:not(:disabled){ background-color: var(--color-hover); + transform: scale(1.02) } button:active:not(:disabled){ @@ -713,6 +747,12 @@ p.resource-display > span:first-child{ user-select: all; } +input#layerID { + background-color: var(--background-body); + border: 1px solid var(--color-primary); + color: var(--color-contrast); +} + .settings .credits{ padding: 1rem; text-align: center; @@ -844,4 +884,4 @@ footer p{ .expandable-leave-active{ animation: expand 250ms reverse !important; -} \ No newline at end of file +} diff --git a/css/themes/darkalt.css b/css/themes/darkalt.css new file mode 100644 index 0000000..0d7f0bd --- /dev/null +++ b/css/themes/darkalt.css @@ -0,0 +1,14 @@ +:root{ + --background-body: #202020; + --background-header: #202020; + --color-base: #282828; + --color-primary: #800080; + --color-hover: #303030; + --color-hover-strong: #404040; + --color-contrast: #bebebe; + --color-success: #004203; + --button-dark: #0a0a0a; + --notification--error: #C5431F; + --notification--success: #08a019; + --notification--special: #69861b; +} diff --git a/css/themes/light.css b/css/themes/light.css new file mode 100644 index 0000000..a7ffa25 --- /dev/null +++ b/css/themes/light.css @@ -0,0 +1,14 @@ +:root { + --background-body: #644d00; + --background-header: #c99a00; + --color-base: #ffc400; + --color-primary: #fff; + --color-hover: #ffd23e; + --color-hover-strong: #ffdf77; + --color-contrast: #fff; + --color-success: #00c109; + --button-dark: #483900; + --notification--error: #ff5e00; + --notification--success: #60ff30; + --notification--special: #ffd900; +} diff --git a/fonts/ubuntu.ttf b/fonts/ubuntu.ttf new file mode 100644 index 0000000..7340a40 Binary files /dev/null and b/fonts/ubuntu.ttf differ diff --git a/images/information-circle.png b/images/information-circle.png deleted file mode 100644 index d9f1e43..0000000 Binary files a/images/information-circle.png and /dev/null differ diff --git a/images/layercoin.png b/images/layercoin.png deleted file mode 100644 index 0a13e47..0000000 Binary files a/images/layercoin.png and /dev/null differ diff --git a/images/layers.png b/images/layers.png deleted file mode 100644 index dd71212..0000000 Binary files a/images/layers.png and /dev/null differ diff --git a/images/layers.svg b/images/layers.svg new file mode 100644 index 0000000..9c417ea --- /dev/null +++ b/images/layers.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index 306457a..f1640b5 100644 --- a/index.html +++ b/index.html @@ -29,20 +29,20 @@