├── .github └── workflows │ ├── azure-static-web-apps-orange-forest-0bc436210.yml │ └── azure-static-web-apps-orange-stone-0b481f210.yml ├── About.html ├── CodeOfConduct.md ├── LICENSE ├── README.md ├── addABook.html ├── index.html ├── js └── main.js ├── netlify.toml ├── public ├── BooksThumb │ ├── CB-ALGO1.png │ ├── CB-ALGO2.png │ ├── CB-C++.png │ ├── CB-C.png │ ├── CB-CN.png │ ├── CB-Coding Interview.jpg │ ├── CB-DS.png │ ├── CB-JAVA.png │ ├── CB-OS.png │ └── CB-PYTHON.png ├── codingbooksgif.gif ├── favicon.ico └── img │ ├── code-of-conduct.jpg │ ├── github.png │ ├── index.png │ ├── logo.png │ ├── pul-request.png │ └── vector.png └── style └── styles.css /.github/workflows/azure-static-web-apps-orange-forest-0bc436210.yml: -------------------------------------------------------------------------------- 1 | name: Azure Static Web Apps CI/CD 2 | 3 | on: 4 | push: 5 | branches: 6 | - master 7 | pull_request: 8 | types: [opened, synchronize, reopened, closed] 9 | branches: 10 | - master 11 | 12 | jobs: 13 | build_and_deploy_job: 14 | if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed') 15 | runs-on: ubuntu-latest 16 | name: Build and Deploy Job 17 | steps: 18 | - uses: actions/checkout@v2 19 | with: 20 | submodules: true 21 | - name: Build And Deploy 22 | id: builddeploy 23 | uses: Azure/static-web-apps-deploy@v1 24 | with: 25 | azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_ORANGE_FOREST_0BC436210 }} 26 | repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments) 27 | action: "upload" 28 | ###### Repository/Build Configurations - These values can be configured to match your app requirements. ###### 29 | # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig 30 | app_location: "/" # App source code path 31 | api_location: "" # Api source code path - optional 32 | output_location: "" # Built app content directory - optional 33 | ###### End of Repository/Build Configurations ###### 34 | 35 | close_pull_request_job: 36 | if: github.event_name == 'pull_request' && github.event.action == 'closed' 37 | runs-on: ubuntu-latest 38 | name: Close Pull Request Job 39 | steps: 40 | - name: Close Pull Request 41 | id: closepullrequest 42 | uses: Azure/static-web-apps-deploy@v1 43 | with: 44 | azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_ORANGE_FOREST_0BC436210 }} 45 | action: "close" 46 | -------------------------------------------------------------------------------- /.github/workflows/azure-static-web-apps-orange-stone-0b481f210.yml: -------------------------------------------------------------------------------- 1 | name: Azure Static Web Apps CI/CD 2 | 3 | on: 4 | push: 5 | branches: 6 | - master 7 | pull_request: 8 | types: [opened, synchronize, reopened, closed] 9 | branches: 10 | - master 11 | 12 | jobs: 13 | build_and_deploy_job: 14 | if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed') 15 | runs-on: ubuntu-latest 16 | name: Build and Deploy Job 17 | steps: 18 | - uses: actions/checkout@v2 19 | with: 20 | submodules: true 21 | - name: Build And Deploy 22 | id: builddeploy 23 | uses: Azure/static-web-apps-deploy@v1 24 | with: 25 | azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_ORANGE_STONE_0B481F210 }} 26 | repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments) 27 | action: "upload" 28 | ###### Repository/Build Configurations - These values can be configured to match your app requirements. ###### 29 | # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig 30 | app_location: "/" # App source code path 31 | api_location: "" # Api source code path - optional 32 | output_location: "" # Built app content directory - optional 33 | ###### End of Repository/Build Configurations ###### 34 | 35 | close_pull_request_job: 36 | if: github.event_name == 'pull_request' && github.event.action == 'closed' 37 | runs-on: ubuntu-latest 38 | name: Close Pull Request Job 39 | steps: 40 | - name: Close Pull Request 41 | id: closepullrequest 42 | uses: Azure/static-web-apps-deploy@v1 43 | with: 44 | azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_ORANGE_STONE_0B481F210 }} 45 | action: "close" 46 | -------------------------------------------------------------------------------- /About.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Coding Books 8 | 9 | 10 | 14 | 15 | 19 | 20 | 24 | 66 | About 67 | 68 | 69 |
70 | 128 |
129 |
130 | 131 | 132 | -------------------------------------------------------------------------------- /CodeOfConduct.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | In the interest of fostering an open and welcoming environment, we as 6 | contributors and maintainers pledge to making participation in our project and 7 | our community a harassment-free experience for everyone, regardless of age, body 8 | size, disability, ethnicity, gender identity and expression, level of experience, 9 | education, socio-economic status, nationality, personal appearance, race, 10 | religion, or sexual identity and orientation. 11 | 12 | ## Our Standards 13 | 14 | Examples of behavior that contributes to creating a positive environment 15 | include: 16 | 17 | * Using welcoming and inclusive language 18 | * Being respectful of differing viewpoints and experiences 19 | * Gracefully accepting constructive criticism 20 | * Focusing on what is best for the community 21 | * Showing empathy towards other community members 22 | 23 | Examples of unacceptable behavior by participants include: 24 | 25 | * The use of sexualized language or imagery and unwelcome sexual attention or 26 | advances 27 | * Trolling, insulting/derogatory comments, and personal or political attacks 28 | * Public or private harassment 29 | * Publishing others' private information, such as a physical or electronic 30 | address, without explicit permission 31 | * Other conduct which could reasonably be considered inappropriate in a 32 | professional setting 33 | 34 | ## Our Responsibilities 35 | 36 | Project maintainers are responsible for clarifying the standards of acceptable 37 | behavior and are expected to take appropriate and fair corrective action in 38 | response to any instances of unacceptable behavior. 39 | 40 | Project maintainers have the right and responsibility to remove, edit, or 41 | reject comments, commits, code, wiki edits, issues, and other contributions 42 | that are not aligned to this Code of Conduct, or to ban temporarily or 43 | permanently any contributor for other behaviors that they deem inappropriate, 44 | threatening, offensive, or harmful. 45 | 46 | ## Scope 47 | 48 | This Code of Conduct applies both within project spaces and in public spaces 49 | when an individual is representing the project or its community. Examples of 50 | representing a project or community include using an official project e-mail 51 | address, posting via an official social media account, or acting as an appointed 52 | representative at an online or offline event. Representation of a project may be 53 | further defined and clarified by project maintainers. 54 | 55 | ## Enforcement 56 | 57 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 58 | reported by contacting the project team at {{ email }}. All 59 | complaints will be reviewed and investigated and will result in a response that 60 | is deemed necessary and appropriate to the circumstances. The project team is 61 | obligated to maintain confidentiality with regard to the reporter of an incident. 62 | Further details of specific enforcement policies may be posted separately. 63 | 64 | Project maintainers who do not follow or enforce the Code of Conduct in good 65 | faith may face temporary or permanent repercussions as determined by other 66 | members of the project's leadership. 67 | 68 | ## Attribution 69 | 70 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, 71 | available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html 72 | 73 | [homepage]: https://www.contributor-covenant.org 74 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Mohit Jaisal 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![image](https://user-images.githubusercontent.com/23385605/137148708-f5783b73-1465-4761-8375-93e63790ec0b.png) 2 | 3 |
4 |
5 |

6 | 7 |

8 | 9 | HTML 5 10 | CSS 3 11 | JavaScript 12 |
13 | Github Contributors 14 | Github issues open 15 | Github code size 16 | Demo badge 17 |
18 | 19 | 20 | 21 | 22 | # About The Project 23 | 24 | ![codingbooksgif](https://user-images.githubusercontent.com/76783608/193575044-4c7b98a8-af17-41f0-bd8e-b112fe1aa6d7.gif) 25 | 26 | 27 |
28 | As you begin your path on becoming a coding specialist it is always pleasant to find good sources of information. Many computer languages might be tricky to learn at the beginning so you need reliable references to double-check your mistakes and learn how to not make them again. This project has a vast range of programming books which you can read online or download locally. 29 | 30 |

Website Demo link

31 | 32 | 33 | 34 | 35 | ## Getting Started 36 | 37 | This is an example of how you can set up this project locally. 38 | To get a local copy up and running follow these simple example steps. 39 | 40 | ### Installation 41 | 42 | 1. Fork this repository 43 | ![137146860-8eeed4d3-9a26-49bb-8176-409e0f575d19](https://user-images.githubusercontent.com/76783608/193569677-6a779b8b-c33b-4445-85b6-a0bbaf95a8a3.png) 44 | 45 | 46 | 47 | 48 | 2. Clone the repo 49 | 50 | ```sh 51 | git clone https://github.com/mohitjaisal/CodingBooks.git 52 | ``` 53 | 54 | 3. Run index.html 55 | Screenshot 2022-10-03 at 5 19 15 PM 56 | 57 | 58 | # Contributing Guidelines 🏗 59 | Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**. 60 | 61 | 62 | #### Steps for contribution 63 | 64 | 1. Fork the repo 65 | 66 | 2. Clone the forked repo into your local machine
67 | ``` bash 68 | $ git clone https://github.com/your_username/CodingBooks.git 69 | ``` 70 | 71 | 3. cd to the repo 72 | ```bash 73 | $ cd CodingBooks 74 | ``` 75 | 76 | 4. Create a branchz 77 | ```bash 78 | $ git checkout -b mybranch 79 | ``` 80 | 81 | 5. Open the repo code using any IDE/text-editors 82 | 83 | 84 | 6. Do changes or add the specific feature you are looking in the desired package. 85 | 86 | 7. Add, Commit and Push the changes to your forked repo 87 | ``` bash 88 | $ git add . 89 | 90 | $ git commit -m "your commit message" 91 | 92 | $ git push origin mybranch 93 | ``` 94 | 95 | 8. Create a pull request from `mybranch` of your forked repo to `main` branch of this(upstream) repo. 96 | 97 | # Code of Conduct 📜 98 | 99 | To maintain a safe and inclusive space for everyone, to learn and grow, contributors are advised to follow the Code of Conduct and also go through Guidelines for Contributing at least once. 100 | ![code-of-conduct-2](https://user-images.githubusercontent.com/76783608/193582793-0ecf3408-06f2-4874-958c-514c31fb77b3.jpg) 101 | 102 | -------------------------------------------------------------------------------- /addABook.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Coding Books 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 41 |
42 |
43 |
44 |
45 |
46 |
Drive link here :
47 |
add your book to google drive and make sure its public.
48 | 49 |
50 |
51 |
Book cover page :
52 | 53 |
54 |
55 |
What type of book is this?
56 | 57 | 58 |
59 |
60 | 61 |
62 | 63 |
64 |
65 |
66 | 67 |
"> 68 |
69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Coding Books 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 67 |
68 | 69 | 87 |

88 |
89 |

Coding Interview Books

90 |
91 | 92 | 93 | Book cover of Data Structures and Algorithms Made Easy 94 | 99 | 100 | 101 | 102 | Book cover of Cracking the Coding Interview 104 | 108 | 109 | 110 | Book cover of Operating System Concepts 111 | 115 | 116 | 117 | Book Cover of Computer Networking 118 | 122 | 123 | 124 | Book Cover of Introduction to Algorithms 125 | 129 | 130 | 131 | 132 | Algorithms 133 | 137 | 138 | 139 |
140 |

Coding Language Books

141 |
142 | 143 | 144 | Book Cover of C for Dummies 145 | 149 | 150 | 151 | Book Cover of C++ for Dummies 152 | 156 | 157 | 158 | Book Cover of Java All In One for Dummies 159 | 163 | 164 | 165 | Book Cover of Python All In One for Dummies 166 | 170 | 171 | 172 |
173 | 174 | 184 | 185 | 186 | 187 | 188 | -------------------------------------------------------------------------------- /js/main.js: -------------------------------------------------------------------------------- 1 | // Menu Show 2 | function showMenu(toggleId, navId) { 3 | const toggle = document.getElementById(toggleId), 4 | nav = document.getElementById(navId); 5 | 6 | if (toggle && nav) { 7 | toggle.addEventListener("click", () => { 8 | nav.classList.toggle("show"); 9 | }); 10 | } 11 | } 12 | showMenu("nav-toggle", "nav-menu"); 13 | 14 | function nestedLinkHandler(link) { 15 | const interviewBooks = document.getElementById("inteview-book-container"); 16 | const codingBooks = document.getElementById("coding-books-container"); 17 | if (link === "interview") { 18 | codingBooks.style.display = "none"; 19 | interviewBooks.style.display = "block"; 20 | } else if (link === "codingLanguage") { 21 | codingBooks.style.display = "block"; 22 | interviewBooks.style.display = "none"; 23 | } else { 24 | codingBooks.style.display = "block"; 25 | interviewBooks.style.display = "block"; 26 | } 27 | } 28 | 29 | function displayCategories(e) { 30 | if (e.target.id !== "category-container") { 31 | document 32 | .getElementById("category-nested-links") 33 | .style.removeProperty("opacity"); 34 | document 35 | .getElementById("category-nested-links") 36 | .style.removeProperty("visibility"); 37 | return; 38 | } 39 | 40 | if (document.getElementById("category-nested-links").style.opacity) { 41 | document 42 | .getElementById("category-nested-links") 43 | .style.removeProperty("opacity"); 44 | document 45 | .getElementById("category-nested-links") 46 | .style.removeProperty("visibility"); 47 | } else { 48 | document.getElementById("category-nested-links").style.opacity = 1; 49 | document.getElementById("category-nested-links").style.visibility = 50 | "visible"; 51 | } 52 | } 53 | 54 | // scroll to top function 55 | function topFunction() { 56 | document.body.scrollTop = 0; 57 | document.documentElement.scrollTop = 0; 58 | } 59 | 60 | 61 | $(document).ready(function() { 62 | $(window).scroll(function() { 63 | if ($(this).scrollTop() > 20) { 64 | $('#toTopBtn').fadeIn(); 65 | } else { 66 | $('#toTopBtn').fadeOut(); 67 | } 68 | }); 69 | 70 | $('#toTopBtn').click(function() { 71 | $("html, body").animate({ 72 | scrollTop: 0 73 | }, 1000); 74 | return false; 75 | }); 76 | }); 77 | menu.onclick = () => { 78 | menu.classList.toggle('fa-times'); 79 | navbar.classList.toggle('active'); 80 | } 81 | -------------------------------------------------------------------------------- /netlify.toml: -------------------------------------------------------------------------------- 1 | 2 | [[redirects]] 3 | from = "/*" 4 | to = "/index.html" 5 | status = 200 6 | -------------------------------------------------------------------------------- /public/BooksThumb/CB-ALGO1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/BooksThumb/CB-ALGO1.png -------------------------------------------------------------------------------- /public/BooksThumb/CB-ALGO2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/BooksThumb/CB-ALGO2.png -------------------------------------------------------------------------------- /public/BooksThumb/CB-C++.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/BooksThumb/CB-C++.png -------------------------------------------------------------------------------- /public/BooksThumb/CB-C.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/BooksThumb/CB-C.png -------------------------------------------------------------------------------- /public/BooksThumb/CB-CN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/BooksThumb/CB-CN.png -------------------------------------------------------------------------------- /public/BooksThumb/CB-Coding Interview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/BooksThumb/CB-Coding Interview.jpg -------------------------------------------------------------------------------- /public/BooksThumb/CB-DS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/BooksThumb/CB-DS.png -------------------------------------------------------------------------------- /public/BooksThumb/CB-JAVA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/BooksThumb/CB-JAVA.png -------------------------------------------------------------------------------- /public/BooksThumb/CB-OS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/BooksThumb/CB-OS.png -------------------------------------------------------------------------------- /public/BooksThumb/CB-PYTHON.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/BooksThumb/CB-PYTHON.png -------------------------------------------------------------------------------- /public/codingbooksgif.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/codingbooksgif.gif -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/favicon.ico -------------------------------------------------------------------------------- /public/img/code-of-conduct.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/img/code-of-conduct.jpg -------------------------------------------------------------------------------- /public/img/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/img/github.png -------------------------------------------------------------------------------- /public/img/index.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/img/index.png -------------------------------------------------------------------------------- /public/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/img/logo.png -------------------------------------------------------------------------------- /public/img/pul-request.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/img/pul-request.png -------------------------------------------------------------------------------- /public/img/vector.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohitjaisal/CodingBooks/8f200890c32d225aa6c683fc305c29aa3c07d5ed/public/img/vector.png -------------------------------------------------------------------------------- /style/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: "Comfortaa", sans-serif; 3 | padding: 0px; 4 | background-color: #1a1a1a; 5 | } 6 | .container { 7 | width: 300px; 8 | text-align: center; 9 | } 10 | h1, 11 | h2, 12 | h3 { 13 | color: white; 14 | font-family: "Comfortaa", sans-serif; 15 | font-size: 16px; 16 | } 17 | h2 { 18 | font-size: 32px; 19 | } 20 | h3 { 21 | font-size: 24px; 22 | } 23 | 24 | a { 25 | text-decoration: none; 26 | color: white; 27 | font-family: "Comfortaa", sans-serif; 28 | } 29 | .bd-grid { 30 | max-width: 1024px; 31 | display: grid; 32 | grid-template-columns: 100%; 33 | grid-column-gap: 2rem; 34 | width: calc(100% - 2rem); 35 | margin-left: 1rem; 36 | margin-right: 1rem; 37 | } 38 | .l-header { 39 | width: 100%; 40 | position: fixed; 41 | top: 0; 42 | left: 0; 43 | z-index: 99; 44 | background-color: #2b2b2b8c; 45 | } 46 | 47 | /* nav */ 48 | .nav { 49 | height: 3rem; 50 | display: flex; 51 | justify-content: space-between; 52 | align-items: center; 53 | } 54 | 55 | #toTopBtn { 56 | position: fixed; 57 | bottom: 26px; 58 | right: 39px; 59 | z-index: 98; 60 | padding: 21px; 61 | background-color: #000000; 62 | border-radius: 25%; 63 | } 64 | 65 | .js .cd-top--fade-out { 66 | opacity: .5; 67 | } 68 | 69 | .js .cd-top--is-visible { 70 | visibility: visible; 71 | opacity: 1; 72 | } 73 | 74 | .js .cd-top { 75 | visibility: hidden; 76 | opacity: 0; 77 | transition: opacity .3s,visibility .3s,background-color .3s; 78 | } 79 | 80 | .cd-top { 81 | position: fixed; 82 | bottom: 20px; 83 | bottom: var(--cd-back-to-top-margin); 84 | right: 20px; 85 | right: var(--cd-back-to-top-margin); 86 | display: inline-block; 87 | height: 40px; 88 | height: var(--cd-back-to-top-size); 89 | width: 40px; 90 | width: var(--cd-back-to-top-size); 91 | box-shadow: 0 0 10px rgba(0,0,0,.05) !important; 92 | background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%; 93 | background-color: hsla(5,76%,62%,.8); 94 | background-color: hsla(var(--cd-color-3-h),var(--cd-color-3-s),var(--cd-color-3-l),0.8); 95 | } 96 | 97 | 98 | @media screen and (max-width: 768px) { 99 | .nav_menu { 100 | position: fixed; 101 | top: 3rem; 102 | right: -200%; 103 | width: 100%; 104 | height: 100%; 105 | padding-top: 2rem; 106 | background-color: #2b2b2b; 107 | box-shadow: -10px 0px 30px -15px rgba(2, 12, 27, 0.7); 108 | transition: 0.5s; 109 | z-index: 1; 110 | } 111 | } 112 | .nav_logo { 113 | margin-left: 1rem; 114 | display: flex; 115 | justify-content: center; 116 | align-items: center; 117 | z-index: 1; 118 | } 119 | 120 | .nav_logo_img { 121 | width: 2rem; 122 | z-index: 1; 123 | } 124 | 125 | .nav_item { 126 | margin-bottom: 2rem; 127 | list-style: none; 128 | } 129 | 130 | .nav_link { 131 | cursor: pointer; 132 | color: white; 133 | position: relative; 134 | padding: 10px 16px; 135 | background: #00000034; 136 | font-size: 15px; 137 | transition: all 1s; 138 | } 139 | .nav_link:after, .nav_link:before { 140 | content: " "; 141 | width: 10px; 142 | height: 10px; 143 | position: absolute; 144 | border: 0px solid #fff; 145 | transition: all 1s; 146 | } 147 | .nav_link:after { 148 | top: -1px; 149 | left: -1px; 150 | border-top: 2px solid rgb(255, 255, 255); 151 | border-left: 2px solid rgb(255, 255, 255); 152 | } 153 | .nav_link:before { 154 | bottom: -1px; 155 | right: -1px; 156 | border-bottom: 2px solid rgb(255, 255, 255); 157 | border-right: 2px solid rgb(255, 255, 255); 158 | } 159 | .nav_link:hover { 160 | border-top-right-radius: 0px; 161 | border-bottom-left-radius: 0px; 162 | } 163 | .nav_link:hover:before, .nav_link:hover:after { 164 | width: 100%; 165 | height: 100%; 166 | } 167 | 168 | 169 | .nav_toggle { 170 | color: white; 171 | font-size: 2rem; 172 | cursor: pointer; 173 | } 174 | 175 | /* Show menu */ 176 | .show { 177 | right: 0; 178 | left: 0; 179 | } 180 | 181 | .copyright { 182 | color: gray; 183 | } 184 | 185 | .copyright:hover { 186 | transform: scale(1.3); 187 | box-shadow: 0 4rem 5rem black; 188 | transition: all 0.4s; 189 | font-size: 1.6rem; 190 | } 191 | 192 | .poster { 193 | font-family: "Comfortaa", sans-serif; 194 | display: inline-block; 195 | height: 300px; 196 | line-height: 300px; 197 | position: relative; 198 | color: rgb(255, 255, 255); 199 | text-decoration: none; 200 | text-transform: uppercase; 201 | letter-spacing: 1px; 202 | margin: 20px; 203 | } 204 | 205 | .block1 { 206 | text-align: center; 207 | } 208 | 209 | .box1:hover .poster { 210 | transform: scale(1.2); 211 | } 212 | 213 | .box1 .poster { 214 | box-shadow: 0 4rem 5rem black; 215 | transition: all 0.5s; 216 | } 217 | .nested-links { 218 | opacity: 0; 219 | position: absolute; 220 | min-width: 200px; 221 | max-width: 200px; 222 | background-color: #000000d5; 223 | height: 0; 224 | transition: all 0.25s; 225 | font-size: 18px; 226 | } 227 | 228 | .nested-links .nested-links-item { 229 | color: white; 230 | /* width: 100%; */ 231 | } 232 | 233 | .nested-link-container { 234 | position: relative; 235 | } 236 | 237 | .nested-link-container:hover .nested-links { 238 | visibility: visible; 239 | opacity: 1; 240 | 241 | } 242 | 243 | .nested-links { 244 | color: black; 245 | cursor: pointer; 246 | height: unset; 247 | opacity: 0; 248 | visibility: hidden; 249 | transition: all 0.25s; 250 | } 251 | 252 | .nested-links-item:hover { 253 | background-color: rgb(58, 58, 58); 254 | border-top-right-radius: 0px; 255 | border-bottom-left-radius: 0px; 256 | } 257 | 258 | #inteview-book-container, #coding-books-container { 259 | margin-top: -0.8rem; 260 | margin-bottom: 6rem; 261 | } 262 | 263 | .nested-links-item { 264 | margin-top: 5px; 265 | padding: 10px; 266 | margin-left: -38px; 267 | } 268 | 269 | .nested-links > li { 270 | text-align: left; 271 | list-style-type: none; 272 | } 273 | 274 | @keyframes octocat-wave { 275 | 0%, 276 | 100% { 277 | transform: rotate(0); 278 | } 279 | 20%, 280 | 60% { 281 | transform: rotate(-25deg); 282 | } 283 | 40%, 284 | 80% { 285 | transform: rotate(10deg); 286 | } 287 | } 288 | .github-corner:hover .octo-arm { 289 | animation: octocat-wave 560ms ease-in-out; 290 | } 291 | 292 | /* Media queries */ 293 | @media screen and (min-width: 768px) { 294 | body { 295 | margin: 0; 296 | } 297 | .nav { 298 | height: 4rem; 299 | margin-right: 1rem; 300 | } 301 | .nav_list { 302 | display: flex; 303 | } 304 | .nav_item { 305 | margin-left: 1rem; 306 | margin-bottom: 0; 307 | } 308 | .nav_toggle { 309 | display: none; 310 | } 311 | } 312 | 313 | @media (max-width: 768px) { 314 | .nested-links { 315 | height: 0; 316 | position: static; 317 | width: 100%; 318 | transition: all 0.25s; 319 | margin-left: 25%; 320 | } 321 | .nested-link-container:hover { 322 | height: unset; 323 | } 324 | 325 | .nested-link-container:hover .nested-links { 326 | transition: all 0.25s; 327 | height: 130px; 328 | } 329 | .github-corner { 330 | display: none !important; 331 | } 332 | } 333 | @media screen and (min-width: 1024px) { 334 | .nav_logo { 335 | margin-left: 3rem; 336 | font-size: 1.1rem; 337 | } 338 | .nav_menu { 339 | position: absolute; 340 | width: 90%; 341 | } 342 | .nav_list { 343 | float: right; 344 | } 345 | .nav_item { 346 | padding-right: 1rem; 347 | font-size: 1.1rem; 348 | } 349 | } 350 | 351 | /* Add a Book CSS */ 352 | 353 | .mainContent { 354 | padding: 7%; 355 | display: flex; 356 | flex-direction: row; 357 | justify-content: space-around; 358 | } 359 | .leftContent { 360 | width: 50%; 361 | align-items: center; 362 | justify-content: center; 363 | display: flex; 364 | } 365 | .rightContent { 366 | width: 50%; 367 | align-items: center; 368 | justify-content: center; 369 | display: flex; 370 | } 371 | .rightContent > img { 372 | width: auto; 373 | height: 100%; 374 | } 375 | .driveLinkHere { 376 | font-size: 20px; 377 | color: white; 378 | padding: 10px; 379 | } 380 | .aboutDriveLink { 381 | color: white; 382 | opacity: 0.7; 383 | padding: 10px; 384 | } 385 | 386 | #driveLinkInput { 387 | width: 100%; 388 | background-color: #363636; 389 | padding: 12px 10px; 390 | margin: 5px 10px; 391 | border: 1px solid rgb(255, 255, 255); 392 | border-radius: 5px; 393 | display: inline-flex; 394 | box-sizing: border-box; 395 | color: rgb(185, 185, 185); 396 | width: 100%; 397 | } 398 | .coverPage { 399 | display: flex; 400 | flex-direction: row; 401 | margin: 15px 0; 402 | } 403 | .coverPageText { 404 | color: white; 405 | padding: 10px; 406 | font-size: 20px; 407 | } 408 | #coverPageFile { 409 | color: white; 410 | padding: 10px; 411 | } 412 | .bookType { 413 | display: flex; 414 | flex-direction: column; 415 | } 416 | 417 | .TypeQues { 418 | font-size: 20px; 419 | color: white; 420 | padding: 10px; 421 | } 422 | label { 423 | padding: 10px; 424 | color: white; 425 | } 426 | .addBook { 427 | padding: 20px; 428 | } 429 | .addBook > button { 430 | background-color: #c4c4c4; 431 | padding: 12px 20px; 432 | border: 1px solid rgb(255, 255, 255); 433 | border-radius: 7px; 434 | display: inline-flex; 435 | box-sizing: border-box; 436 | color: rgb(0, 0, 0); 437 | font-family: "Comfortaa", sans-serif; 438 | font-size: 20px; 439 | } 440 | .addBook > button:hover { 441 | background-color: #4b4b4b; 442 | cursor: pointer; 443 | color: white; 444 | } 445 | .coderVector { 446 | float: right; 447 | } 448 | 449 | .box1 { 450 | position: relative; 451 | z-index: 1; 452 | } 453 | .mybuttonoverlap { 454 | width: 50%; 455 | height: 3em; 456 | box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 457 | border-radius: 0.1em; 458 | cursor: pointer; 459 | position: absolute; 460 | z-index: 2; 461 | display: none; 462 | padding: 0.5em; 463 | background-color: #1a1a1a; 464 | color: #c4c4c4; 465 | left: 27%; 466 | bottom: 3em; 467 | 468 | border: none; 469 | font-weight: 500; 470 | text-transform: uppercase; 471 | transition: all 0.3s ease 0s; 472 | } 473 | .box1:hover .mybuttonoverlap { 474 | display: block; 475 | } 476 | 477 | .mybuttonoverlap:hover { 478 | background-color: #1a1a1a; 479 | color: #c4c4c4 !important; 480 | font-weight: 590 !important; 481 | letter-spacing: 0.4px; 482 | -webkit-box-shadow: 5px 5px 5px -10px rgba(0, 0, 0, 0.57); 483 | -moz-box-shadow: 5px 5px 5px -10px rgba(0, 0, 0, 0.57); 484 | transition: all 0.3s ease 0s; 485 | } 486 | 487 | @media screen and (max-width: 768px) { 488 | .box1:hover .poster { 489 | transform: scale(1); 490 | } 491 | .poster:hover { 492 | height: 350px; 493 | } 494 | .mybuttonoverlap { 495 | background-color: #030303; 496 | border-radius: 0.3em; 497 | width: 30%; 498 | position: static; 499 | margin: 35px auto; 500 | display: block; 501 | } 502 | } 503 | 504 | footer{ 505 | display: flex; 506 | justify-content: space-around; 507 | align-items: center; 508 | } 509 | 510 | .footer-github { 511 | font-size: 0.8rem; 512 | } --------------------------------------------------------------------------------