diff --git a/library.css b/library.css index f4692cfc..b22333b7 100644 --- a/library.css +++ b/library.css @@ -11,35 +11,66 @@ section#content { } .filter { + font-size:larger; margin-bottom: 20px; text-align: center; } - + .filter select{ + font-size: large; + color: white; + border: 2px solid black; + border-radius: none; + background-color: #455369; + } + .filter option{ + font-size: large; + background-color: rgb(43, 58, 58); + } #bookList { display: flex; justify-content: center; flex-wrap: wrap; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - grid-gap: 20px; + /* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + grid-gap: 20px; */ + margin: 0 auto; + width: 90%; + gap: 20px; } - #bookList div { - border: 2px solid #ccc; + #bookList .book-card { + border: 1px solid #cccccc9f; padding: 10px 15px; border-radius: 10px; - box-shadow: 2px 3px 2px gray; width: 20%; + /* height: 100%; */ margin: 15px; + transition : transform 0.3s ease-in; } - - #bookList div:hover{ - box-shadow: 4px 6px 4px 4px gray; + #bookList .book-card .book-name{ + font-weight: 700; + color: rgb(200, 255, 0); + } + #bookList .book-card .author{ + color: rgb(0, 183, 255); + } + #bookList .book-card .category{ + color: rgb(0, 255, 174); + } + #bookList .book-card:hover{ + background-color: black; + filter: drop-shadow(5px 5px 5px #000); + transform: scale(1.1); } - #bookList div img { + #bookList .book-card img { /* width: 183px; */ - height: 276px; + /* height: 276px; */ + height: 70%; width:100%; + object-fit:fill + } + .checked { + color: orange; } #branch{ @@ -79,4 +110,4 @@ section#content { #bookList div{ width:80%; } - } \ No newline at end of file + } diff --git a/library.html b/library.html index 4b1aa9f6..1f8647f4 100644 --- a/library.html +++ b/library.html @@ -18,6 +18,7 @@ + @@ -35,7 +36,6 @@
  • Placements
  • Contacts
  • Syllabus
    • -
  • Events
  • @@ -95,170 +95,413 @@

    LIBRARY 🕮

    Books in Inventory

    -
    +
    Book 1 -

    Data Structures
    using C

    -

    Author: Author 1

    -

    Category: Category 1

    +

    Data Structures
    using C

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 2 -

    Java Programming

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Java Programming

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 13 -

    OOPS with C++

    -

    Author: Author 2

    -

    Category: Category 2

    +

    OOPS with C++

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 14 -

    Intro to Algorithms

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Intro to Algorithms

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 15 -

    Database System Concepts

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Database System Concepts

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 16 -

    Data Mining. Concepts and Techniques

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Data Mining. Concepts and Techniques

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 17 -

    Theory-of-Computation

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Theory-of-Computation

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 18 -

    Machine Learning

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Machine Learning

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    +
    Book 19 -

    Systems Analysis & Design

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Systems Analysis & Design

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 20 -

    Computer Networks

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Computer Networks

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 3 -

    Railway Bridges and
    Tunnels

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Railway Bridges and
    Tunnels

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 4 -

    Strengths of
    Materials

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Strengths of
    Materials

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 5 -

    Engineering Geology

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Engineering Geology

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 6 -

    Electronic
    instrumentation
    and Measurements

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Electronic
    instrumentation
    and Measurements

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 7 -

    Network Analysis

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Network Analysis

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 22 -

    An Introduction to Microprocessor 8085

    -

    Author: Author 2

    -

    Category: Category 2

    +

    An Introduction to Microprocessor 8085

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 23 -

    Advanced Microprocessors and Peripherals

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Advanced Microprocessors and Peripherals

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 8 -

    Manufacturing
    Processes

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Manufacturing
    Processes

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 9 -

    An Introduction To
    Thermodynamics

    -

    Author: Author 2

    -

    Category: Category 2

    +

    An Introduction To
    Thermodynamics

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 10 -

    Machine Drawing

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Machine Drawing

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 21 -

    Applied Thermodynamics

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Applied Thermodynamics

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 11 -

    Object Oriented
    Programming
    Methodology

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Object Oriented
    Programming
    Methodology

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 12 -

    Electric Circuits and
    Electronics Devices

    -

    Author: Author 2

    -

    Category: Category 2

    +

    Electric Circuits and
    Electronics Devices

    +

    Author: Author 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 12 -

    Digital logic and
    Compiler Design

    +

    Digital logic and
    Compiler Design

    Author: Moris Mano

    -

    Category: Category 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 12 -

    Discreat
    Mathamatics

    +

    Discreat
    Mathamatics

    Author: Moris Mano

    -

    Category: Category 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 12 -

    Graph
    Theory

    +

    Graph
    Theory

    Author: Moris Mano

    -

    Category: Category 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    -
    + +
    Book 12 -

    Higher Engineering
    Mathamatics

    +

    Higher Engineering
    Mathamatics

    Author: Moris Mano

    -

    Category: Category 2

    +

    Category: Category 2

    +
    + Rating: + + + + + +
    + +
    diff --git a/style.css b/style.css index d4458715..7243007f 100644 --- a/style.css +++ b/style.css @@ -188,6 +188,39 @@ p { margin-bottom: 33px; font-size: 1.3rem; } +.col-3 .btn{ + position: absolute; + left: 38%; + bottom: 5%; + border-radius: 0; + /* border-radius: 5px; */ + font-weight: 400; +} +.col-3 .btn:hover{ + transform: scaleX(1.05); + /*border: 1px solid #ff523b; + background-color: white; + color: #ff523b; + box-shadow: 1px 1px 5px#ff523b;*/ +} +.col-3 .btn::before{ + content:""; + /* border-radius: 5px; */ + position: absolute; + top:0; + bottom:0; + left:0; + right:0; + background-color: #29a423; + transform: scaleX(0); + transform-origin: 0; + transition: 0.4s ease-in; + z-index: -3; +} +.col-3 .btn:hover::before{ + content:""; + transform: scaleX(1); +} .btn:hover { background: #29a423; @@ -212,12 +245,14 @@ p { margin-bottom: 30px; margin-left: auto; margin-right: auto; + transition: 1s ease-in; } .col-3 img { width: 100%; } + .small-container { max-width: 1200px; margin: auto; @@ -265,8 +300,6 @@ p { } footer { - padding: 0; - margin: 0; width: 100%; bottom: 0; background: #192734; @@ -493,16 +526,26 @@ form input { text-align: center; font-size: 13px; padding: 1rem 1rem; - transition: .5s ease; - background-color: #a6b6bb; + width: 100%; + background-color: #242423; opacity: 0; overflow: hidden; - ; + transition: 0.4s ease-in; + color: white; } .col-3:hover .dis { opacity: 1; } +.col-3 img{ + filter:grayscale(0.3); +} +.col-3:hover img{ + border: 1px solid #ffffff98; + filter: brightness(1.2); + transform: scale(1.1); + +} #pic { display: flex; @@ -823,16 +866,17 @@ label[for="project-link"] i { } .project-card-container { - display: inline-block; + display: flex; justify-content: center; - margin-top: 30px !important; + flex-wrap: wrap; + margin: auto; } .project-card { - padding: 1.25rem 3rem; + padding: 1rem 1.25rem; box-shadow: 0px 0px 10px 0px hsla(0, 0%, 0%, 0.2); - width: 600px; - margin: 3rem; + max-width: 20rem; + margin: 1rem; border-radius: 1rem; } @@ -860,9 +904,12 @@ body.dark-mode .project-card { } .project-card-link a { - display: inline-block; - align-items: left; - color: #087cba + display: flex; + align-items: center; +} + +.project-card-link a { + color: #04669A } .project-card-link i {