diff --git a/Algorithm/Bubble.html b/Algorithm/Bubble.html index e5a9c80..7793624 100644 --- a/Algorithm/Bubble.html +++ b/Algorithm/Bubble.html @@ -7,10 +7,9 @@ - - - - + + + Bubble Sort @@ -47,75 +46,51 @@ --> -
@@ -124,7 +99,8 @@

Bubble Sort

- Comb Sort is an improvement over Bubble Sort. It works by eliminating turtles, or small values near the end of the list, since in a bubble sort, these slow down the sorting process significantly. The basic idea is to compare elements with a certain gap between them, and then progressively reduce the gap while keeping the elements compared and swapped as necessary.

+ +Bubble Sort is a straightforward comparison-based sorting algorithm. It works by repeatedly stepping through the list of elements to be sorted, comparing each pair of adjacent items, and swapping them if they are in the wrong order. This process is repeated for each pair of adjacent elements until the entire list becomes sorted.


Algorithm:

@@ -177,17 +153,17 @@

Bubble Sort Visualizer

-
- - - + + - - - - - + + + + +
@@ -315,7 +291,7 @@
Subscribe to our newsletter
- + Visual Sort
@@ -327,31 +303,31 @@
Subscribe to our newsletter
Home
About
Support
Legal
@@ -377,5 +353,9 @@
Legal
+ + + + diff --git a/Algorithm/CombSort.html b/Algorithm/CombSort.html index 2405094..3181c93 100644 --- a/Algorithm/CombSort.html +++ b/Algorithm/CombSort.html @@ -6,28 +6,34 @@ + + + Comb Sort -
@@ -140,17 +119,17 @@

Comb Sort Visualizer

-
- - - + + - - - - - + + + + +
@@ -317,7 +296,7 @@
Subscribe to our newsletter
- + Visual Sort
@@ -329,31 +308,31 @@
Subscribe to our newsletter
Home
About
Support
Legal
diff --git a/Algorithm/Heapsort.html b/Algorithm/Heapsort.html index 449a77a..b03ec64 100644 --- a/Algorithm/Heapsort.html +++ b/Algorithm/Heapsort.html @@ -6,28 +6,34 @@ + + + Heap Sort -
@@ -140,17 +119,17 @@

Heap Sort Visualizer

-
- - - + + - - - - - + + + + +
@@ -361,7 +340,7 @@
Subscribe to our newsletter
- + Visual Sort
@@ -373,31 +352,31 @@
Subscribe to our newsletter
Home
About
Support
Legal
diff --git a/Algorithm/Insertionsort.html b/Algorithm/Insertionsort.html index a3b0b59..4ff38fb 100644 --- a/Algorithm/Insertionsort.html +++ b/Algorithm/Insertionsort.html @@ -6,28 +6,34 @@ + + + Insertion Sort -
@@ -139,17 +119,17 @@

Insertion Sort Visualizer

-
- - - + + - - - - - + + + + +
@@ -286,7 +266,7 @@
Subscribe to our newsletter
- + Visual Sort
@@ -298,31 +278,31 @@
Subscribe to our newsletter
Home
About
Support
Legal
diff --git a/Algorithm/Mergesort.html b/Algorithm/Mergesort.html index 0fa91ba..9aad927 100644 --- a/Algorithm/Mergesort.html +++ b/Algorithm/Mergesort.html @@ -6,28 +6,34 @@ + + + Merge Sort -
@@ -140,17 +119,17 @@

Merge Sort Visualizer

-
- - - + + - - - - - + + + + +
@@ -371,7 +350,7 @@
Subscribe to our newsletter
- + Visual Sort
@@ -383,31 +362,31 @@
Subscribe to our newsletter
Home
About
Support
Legal
diff --git a/Algorithm/Quicksort.html b/Algorithm/Quicksort.html index 4ff01a7..37d8f58 100644 --- a/Algorithm/Quicksort.html +++ b/Algorithm/Quicksort.html @@ -6,28 +6,34 @@ + + + Quick Sort -
@@ -140,17 +119,17 @@

Quick Sort Visualizer

-
- - - + + - - - - - + + + + +
@@ -329,7 +308,7 @@
Subscribe to our newsletter
- + Visual Sort
@@ -341,31 +320,31 @@
Subscribe to our newsletter
Home
About
Support
Legal
diff --git a/Algorithm/Radixsort.html b/Algorithm/Radixsort.html index d8e01d8..0e23dc0 100644 --- a/Algorithm/Radixsort.html +++ b/Algorithm/Radixsort.html @@ -5,29 +5,35 @@ - + + + + Radix Sort -
@@ -136,21 +115,21 @@

Algorithm:

-

Selection Sort Visualizer

+

Radix Sort Visualizer

-
- - - + + - - - - - + + + + +
@@ -361,7 +340,7 @@
Subscribe to our newsletter
- + Visual Sort
@@ -373,31 +352,31 @@
Subscribe to our newsletter
Home
About
Support
Legal
diff --git a/Algorithm/Selectionsort.html b/Algorithm/Selectionsort.html index 817adb2..339d836 100644 --- a/Algorithm/Selectionsort.html +++ b/Algorithm/Selectionsort.html @@ -6,28 +6,34 @@ + + + Selection Sort -
@@ -140,17 +119,17 @@

Selection Sort Visualizer

-
- - - + + - - - - - + + + + +
@@ -288,7 +267,7 @@
Subscribe to our newsletter
- + Visual Sort
@@ -300,31 +279,31 @@
Subscribe to our newsletter
Home
About
Support
Legal
diff --git a/Algorithm/bubbles.css b/Algorithm/bubbles.css index 49c2863..dbba56c 100644 --- a/Algorithm/bubbles.css +++ b/Algorithm/bubbles.css @@ -370,6 +370,9 @@ button:hover { /* Responsive Design */ @media (max-width: 768px) { + .sort-visualizer { + height: 300px; +} .complexity-container { flex-direction: column; } @@ -412,6 +415,18 @@ button:hover { .sh { height: 300px; } + .navbar-toggler { + background-color: rgb(202, 111, 202); + color: black; + } + + .navbar-collapse { + text-align: center; + } + + .nav-link { + padding: 0.5rem 0; + } } @media (max-width: 480px) { @@ -1191,3 +1206,26 @@ footer .nav-link:hover { padding: 10px; border-radius: 50%; } */ +@media (max-width: 576px) { + #visualization { + width: 100%; + height: auto; + } + + #buttons { + flex-direction: column; + } + + .mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; + } + + .mb-2 { + margin-bottom: 0.5rem !important; + } + + .mb-md-0 { + margin-bottom: 0 !important; + } +} \ No newline at end of file diff --git a/Algorithm/radix.css b/Algorithm/radix.css index 350de75..25f30d0 100644 --- a/Algorithm/radix.css +++ b/Algorithm/radix.css @@ -1218,3 +1218,26 @@ footer .nav-link:hover { max-height: 150px; } } +@media (max-width: 576px) { + #visualization { + width: 100%; + height: auto; + } + + #buttons { + flex-direction: column; + } + + .mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; + } + + .mb-2 { + margin-bottom: 0.5rem !important; + } + + .mb-md-0 { + margin-bottom: 0 !important; + } +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 5a00bd0..20f1f72 100644 --- a/css/style.css +++ b/css/style.css @@ -1933,3 +1933,15 @@ body { .chatbot-button:focus .tooltip-text { opacity: 1; } +.custom-figure { + width: 340px; + height: 190px; + margin: 0; + overflow: hidden; /* Optional: To ensure the image does not overflow the figure */ +} + +.custom-figure img { + width: 100%; + height: 100%; + object-fit: cover; /* This will make sure the image covers the whole figure area */ +} \ No newline at end of file diff --git a/index.html b/index.html index c7ac955..affb452 100644 --- a/index.html +++ b/index.html @@ -296,24 +296,9 @@ Home -
  • - - -
    • +
  • + Sorting Visualizers +
    • @@ -433,12 +418,14 @@

    Bubble Sort

    -
    - Image +
    + + Image +

    Radix Sort

    -

    Radix Sort is a non-comparative sorting algorithm that sorts numbers by processing individual digits.

    +

    Radix Sort is a non-comparative sorting algorithm that sorts numbers by processing individual digits. Radix Sort can handle large numbers of elements efficiently when the number of digits

    @@ -1144,9 +1131,9 @@
    Subscribe to our newsletter
    Home
    @@ -1154,8 +1141,8 @@
    Home
    About
    @@ -1163,7 +1150,7 @@
    About
    Support