Hot fix

master-diet · Dec 5, 2020 · 9ef96c6 · 9ef96c6
1 parent 93be45b
commit 9ef96c6
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 17 deletions.
diff --git a/src/common/AppHeader.js b/src/common/AppHeader.js
@@ -12,6 +12,12 @@ class AppHeader extends Component {
       $('#mainListDiv').toggleClass('show_list')
       $('#mainListDiv').fadeIn()
     })
+    $('.navliker').click(function () {
+      $('.navTrigger').toggleClass('active')
+      $('#mainNav').toggleClass('mobileNav')
+      $('#mainListDiv').toggleClass('show_list')
+      $('#mainListDiv').fadeIn()
+    })
     $(window).scroll(function () {
       if ($(document).scrollTop() > 50) {
         $('.nav').addClass('affix')
@@ -31,10 +37,10 @@ class AppHeader extends Component {
           <div id='mainListDiv' className='main_list'>
             {this.props.authenticated ? (!window.location.href.includes('startForm') ? (
               <ul className='navlinks'>
-                <li><NavLink to='/diary'>Diary</NavLink></li>
-                <li><NavLink to='/profile'>Profile</NavLink></li>
-                <li><NavLink to='/achievements'>Achievements</NavLink></li>
-                <li><NavLink to='/statistics'>Statistics</NavLink></li>
+                <li><NavLink className='navliker' to='/diary'>Diary</NavLink></li>
+                <li><NavLink className='navliker' to='/profile'>Profile</NavLink></li>
+                <li><NavLink className='navliker' to='/achievements'>Achievements</NavLink></li>
+                <li><NavLink className='navliker' to='/statistics'>Statistics</NavLink></li>
                 <li>
                   <a onClick={this.props.onLogout}>Logout</a>
                 </li>
@@ -45,7 +51,7 @@ class AppHeader extends Component {
             ) : (
               <ul className='navlinks'>
                 <li>
-                  <NavLink to='/login'>Login/SignUp</NavLink>
+                  <NavLink className='navliker' to='/login'>Login/SignUp</NavLink>
                 </li>
               </ul>
             )}

diff --git a/src/diary/Diary.css b/src/diary/Diary.css
@@ -108,7 +108,7 @@
 }
 
 .bottom_diary_background {
-    background-image: url(../img/background/bottom_diary_background.jpg);
+    background-image: url(https://phoode.com/blog/wp-content/uploads/2019/01/Julia-Sent-Scalped-Spanish-Pomegranates-from-Jewish-market.png);
 }
 
 .top_diary_background {

diff --git a/src/start/Start.css b/src/start/Start.css
@@ -47,7 +47,7 @@ h1 + p {
     --rY: 0;
     --bX: 50%;
     --bY: 80%;
-    filter: contrast(1.4);
+    filter: contrast(0.8);
     background: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)),
     url("https://libreshot.com/wp-content/uploads/2018/02/diet-concept.jpg");
     background-size: 60rem auto;
@@ -60,7 +60,7 @@ h1 + p {
     --rY: 0;
     --bX: 30%;
     --bY: 70%;
-    filter: contrast(1.4);
+    filter: contrast(0.8);
     background: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)),
     url("https://p1.pxfuel.com/preview/404/93/175/racism-pawn-scales-chess.jpg");
     background-size: 60rem auto;
@@ -73,7 +73,7 @@ h1 + p {
     --rY: 0;
     --bX: 70%;
     --bY: 70%;
-    filter: contrast(0.8);
+    filter: contrast(0.7);
     background: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)),
     url("https://media.istockphoto.com/photos/birthday-cake-decorated-with-colorful-sprinkles-and-ten-candles-picture-id1136810581?k=6&m=1136810581&s=612x612&w=0&h=KJsbjGoy1eR4Zmh5isHg3SmFU5trNMfLJwKPhjE5wII=");
     background-size: 60rem auto;
@@ -86,7 +86,7 @@ h1 + p {
     --rY: 0;
     --bX: 70%;
     --bY: 70%;
-    filter: contrast(1.4);
+    filter: contrast(0.8);
     background: linear-gradient(hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, .1)),
     url("https://images.unsplash.com/photo-1545693315-85b6be26a3d6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80");
     background-size: 60rem auto;
@@ -99,7 +99,7 @@ h1 + p {
     --rY: 0;
     --bX: 40%;
     --bY: 70%;
-    filter: contrast(1);
+    filter: contrast(0.8);
     background: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)),
     url("https://p0.pikist.com/photos/82/519/person-silhouette-sunset-rock-boulder-peak-success-dom-silence.jpg");
     background-size: 60rem auto;
@@ -112,7 +112,7 @@ h1 + p {
     --rY: 0;
     --bX: 40%;
     --bY: 70%;
-    filter: contrast(1);
+    filter: contrast(0.8);
     background: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)),
     url("https://p1.pxfuel.com/preview/734/50/355/table-cover-plaid-red.jpg");
     background-size: 60rem auto;
@@ -125,7 +125,7 @@ h1 + p {
     --rY: 0;
     --bX: 60%;
     --bY: 70%;
-    filter: contrast(1.4);
+    filter: contrast(0.8);
     background: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)),
     url("https://i2.pickpik.com/photos/821/986/504/golf-golf-ball-grass-green-preview.jpg");
     background-size: 60rem auto;
@@ -138,7 +138,7 @@ h1 + p {
     --rY: 0;
     --bX: 60%;
     --bY: 53%;
-    filter: contrast(1.4);
+    filter: contrast(0.8);
     background: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)),
     url("https://www.sixstarpro.com/wp-content/uploads/background-gym-tablet.jpg");
     background-size: 66rem auto;
@@ -150,7 +150,7 @@ h1 + p {
     --rY: 0;
     --bX: 0%;
     --bY: 50%;
-    filter: contrast(1.4);
+    filter: contrast(0.8);
     background: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)),
     url("https://img.etimg.com/thumb/msid-75176755,width-640,resizemode-4,imgsize-612672/effect-of-coronavirus-on-food.jpg");
     background-size: 60rem auto;
@@ -370,8 +370,7 @@ h1 + p {
 
 }
 .shade{
-    background-color: #000000;
-    opacity: 0.5;
+    background-color: rgba(0, 0, 0, 0.5);
 }
 .active-header{