diff --git a/main.js b/main.js
index 9ffd660..4532ead 100644
--- a/main.js
+++ b/main.js
@@ -24,11 +24,6 @@ const animalImage = {
Dead: `./img/dead/${chosenAnimal}.png`,
Gone: `./img/gone/${chosenAnimal}.png`
}
-
- ////Spring: {},
- ////Summer: {},
- ////Fall: {},
- ////Winter: {},
}
let attributes = {
@@ -122,10 +117,10 @@ function toCPercen(varr){
}
function display(){
- Dage.innerHTML = (attributes.Age.value);
- Djoy.innerHTML = toCPercen(attributes.Joy);
- Dfood.innerHTML = toCPercen(attributes.Hunger);
- Dclean.innerHTML = toCPercen(attributes.Clean);
+ Dage.innerHTML = (attributes.Age.value);
+ Djoy.innerHTML = toCPercen(attributes.Joy);
+ Dfood.innerHTML = toCPercen(attributes.Hunger);
+ Dclean.innerHTML = toCPercen(attributes.Clean);
Dhealth.innerHTML = toCPercen(attributes.Hp);
if(attributes.Age.value<=6){
@@ -137,7 +132,7 @@ function display(){
}else if(attributes.Age.value<60){
NameC.innerHTML = `Adult`;
Aimg.src = animalImage.animal.Normal.age[2];
- }else if(attributes.Age.value<100){
+ }else if(attributes.Age.value
(attributes.Hunger.max/100)* 70 && //? Hunger heal
attributes.Joy.value > (attributes.Joy.max/100)* 80 && //? Joy heal
diff --git a/style.css b/style.css
index bc75950..1245303 100644
--- a/style.css
+++ b/style.css
@@ -136,4 +136,49 @@ span p{
main{
border-radius: 0;
}
+}
+
+#blurs{
+ z-index: 68;
+
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+
+ width: 100%;
+ height: 100%;
+
+ backdrop-filter: blur(10px);
+}
+
+#chui{
+ z-index: 69;
+
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+
+ width: 400px;
+ height: 400px;
+
+ padding: 1.5rem;
+
+ border: none;
+ border-radius: 1.5rem;
+ background-color: #333333dd;
+ color: #fff;
+
+ transition: .5s;
+ overflow: hidden;
+}
+
+#chui::backdrop{
+ content: '';
+ position: absolute;
+ background: #3c3;
+ width: 200px;
+ height: 300px;
+ border: red 2px solid;
}
\ No newline at end of file
