minor fixes, UI - gradient

YunaAnn · YunaAnn · commit 6cd12208e3ea · 2020-10-22T22:53:28.000+02:00
diff --git a/README.md b/README.md
@@ -1,5 +1,10 @@
 # JavaScriptAlgorythms
 
+- JavaScript
+- CSS 3
+- HTML 5
+- Bootstrap
+
 1. Name Swap
      - EXAMPLE:
          1. 'Doe Jane' -> 'Jane Doe'
diff --git a/css/main.css b/css/main.css
@@ -28,9 +28,11 @@ strong
 /*-----------------------------------------*/
 .blue-container
 {
-    background-color: #17A2B8;
+    background: rgb(52,82,96);
+    background: linear-gradient(90deg, rgba(52,82,96,0.9724264705882353) 0%, rgba(47,116,146,1) 24%, rgba(47,116,146,1) 42%, rgba(23,162,184,1) 71%, rgba(29,177,200,1) 100%);
     color: #e2e2e2;
     padding: 3rem 0 3rem 0;
+    margin-bottom:1rem;
 }
 
 .algorithms
diff --git a/index.html b/index.html
@@ -29,14 +29,12 @@ <h1 class="display-4"> JavaScript Algorithms </h1>
             <div class="algorithms">
                 <div class="row">
                     <div class="col-4">
-
                         <div class="example">
                             <h1 class="display-4"> Name Swap </h1>
                             <h3 class="lead"> EXAMPLE </h3>
                             <h6> Doe Jane -> Jane Doe </h6>
                             <h6> Nowak Jan -> Jan Nowak </h6>
                         </div>
-
                         <div class="row">
                             <div class="col-8">
                                 <input class="form-control form-control-lg" type="text" id="nameSwap" name="nameswap">
@@ -45,23 +43,16 @@ <h6> Nowak Jan -> Jan Nowak </h6>
                                 <button onclick="nameSwap()" class="btn btn-dark btn-lg"> Swap! </button>
                             </div>
                         </div>
-
                         <p class="lead"> RESULT </p>
                         <strong id="swapNameResult"> ------------ </strong>
-
-
                     </div>    
-                    
-
                     <div class="col-8">
-
                         <div class="example">
                             <h1 class="display-4"> Palindrome </h1>
                             <h3 class="lead"> EXAMPLE PALIDROMES </h3>
                             <h6> Never odd or even </h6>
                             <h6> Do geese see God? </h6>
                         </div>
-
                         <div class="row">
                             <div class="col-8">
                                 <input class="form-control form-control-lg" type="text" id="palindrome" name="palindrome">
@@ -70,18 +61,15 @@ <h6> Do geese see God? </h6>
                                 <button onclick="palindrome()" class="btn btn-dark btn-lg"> Is palindrome? </button>
                             </div>
                         </div>
-
                         <p class="lead"> RESULT (true/false) </p>
                         <strong id="palindromeResult"> ------------ </strong>
-
                     </div>     
-
-            
                 </div>
             </div>
         </div>
     </div>    
 
+
     <!--JS-->
     <script src="algorithms.js"></script>
 

Original file line number	Diff line number	Diff line change
`@@ -28,9 +28,11 @@ strong`
`28`	`28`	`/-----------------------------------------/`
`29`	`29`	`.blue-container`
`30`	`30`	`{`
`31`		`- background-color: #17A2B8;`
	`31`	`+ background: rgb(52,82,96);`
	`32`	`+ background: linear-gradient(90deg, rgba(52,82,96,0.9724264705882353) 0%, rgba(47,116,146,1) 24%, rgba(47,116,146,1) 42%, rgba(23,162,184,1) 71%, rgba(29,177,200,1) 100%);`
`32`	`33`	`color: #e2e2e2;`
`33`	`34`	`padding: 3rem 0 3rem 0;`
	`35`	`+ margin-bottom:1rem;`
`34`	`36`	`}`
`35`	`37`
`36`	`38`	`.algorithms`