diff --git a/index.html b/index.html index aac6e10..0e4e193 100644 --- a/index.html +++ b/index.html @@ -584,7 +584,7 @@
This project assesses the effectiveness of code review for Ethereum smart contracts across major projects like Uniswap and Aave. - Whihch represent some of the most widely used protocols in the blockchain ecosystem, + Which represent some of the most widely used protocols in the blockchain ecosystem, where security vulnerabilities can lead to significant financial losses. Using Git for version control and Slither for static analysis, vulnerabilities such as reentrancy, unchecked transfers, and zero-address issues were identified. diff --git a/styles.css b/styles.css index ad8c901..d1a6fc8 100644 --- a/styles.css +++ b/styles.css @@ -83,6 +83,8 @@ section { width: 80%; /* Set the width to 80% */ margin: 0 auto; /* Add auto margins to horizontally center the section */ padding: 20px 0; /* Add vertical padding */ + transform: translateZ(0); + will-change: transform; } section ul { @@ -161,6 +163,8 @@ section ul li { position: relative; min-height: 450px; transition: all 0.3s ease-in-out; + transform: translateZ(0); + will-change: transform; } .about-content:hover { @@ -392,8 +396,11 @@ section ul li { display: flex; flex-direction: column; position: relative; + transform: translateZ(0); + will-change: transform; } + .experience-item:hover { box-shadow: 0 0 10px rgba(0, 128, 0, 0.3); transform: scale(1.01); @@ -481,12 +488,16 @@ section ul li { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); margin-bottom: 20px; /* Space below each card */ transition: all 0.3s ease; + position: relative; border: 0px; + transform: translateZ(0); + will-change: transform; } + #projects .list-group-item:hover { box-shadow: 0 0 10px rgba(0, 128, 0, 0.3); - transform: scale(1.01); + transform: scale(1.01) translateZ(0); z-index: 1; } @@ -523,6 +534,8 @@ section ul li { /* Papers Section */ #papers { position: relative; + transform: translateZ(0); + will-change: transform; } .paper { @@ -534,15 +547,16 @@ section ul li { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; - padding: 25px; - margin-bottom: 10px; + padding: 20px; justify-content: center; text-align: center; + transform: translateZ(0); + will-change: transform; } .paper:hover { box-shadow: 0 0 20px rgba(0, 128, 0, 0.5); - transform: scale(1.01); + transform: scale(1.01) translateZ(0); z-index: 1; } @@ -558,14 +572,21 @@ section ul li { grid-template-rows: repeat(2, 1fr); /* 2 rows */ gap: 20px; /* Adjust as needed */ justify-content: space-between; + transform: translateZ(0); + will-change: transform; + transition: all 0.3s ease; } .paper-container { display: flex; gap: 10px; justify-content: center; + transform: translateZ(0); + will-change: transform; + transition: all 0.3s ease; } + .paper-icons { display: flex; font-size: 25px;