diff --git a/css/style.css b/css/style.css index f89b5a5..9d9c916 100644 --- a/css/style.css +++ b/css/style.css @@ -1,80 +1,90 @@ body { - font-family: Montserrat, Helvetica Neue, sans-serif; - line-height: 2em; - box-sizing: border-box; - color: #333333b3; - /* background: linear-gradient(to bottom right, #ffded1 0%,#ffded1 50%,#ffc5af 50%,#ffc5af 100%); */ - background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%); + font-family: Montserrat, Helvetica Neue, sans-serif; + line-height: 2em; + box-sizing: border-box; + color: #333333b3; + /* background: linear-gradient(to bottom right, #ffded1 0%,#ffded1 50%,#ffc5af 50%,#ffc5af 100%); */ + background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%); } -html, body { - height: 100%; - margin: 0; +html, +body { + height: 100%; + margin: 0; } a { - text-decoration: none; - color: #1b6568; - transition-duration: 100ms; + text-decoration: none; + color: white; + transition-duration: 100ms; } + .github { - float: right; - fill: #445978; - padding-top: 5px; + float: right; + fill: #445978; + padding-top: 5px; } p { - font-family: 'Roboto'; - font-weight: 300; - font-size: 23px; - text-align: center; + font-family: 'Roboto'; + font-weight: 300; + font-size: 23px; + text-align: center; } .name { - font-size: 32px; - text-transform: uppercase; - display: inline; + font-size: 32px; + text-transform: uppercase; + display: inline; } .container { - margin: 0 auto; - width: 700px; - padding: 50px 0; + margin: 0 auto; + width: 700px; + padding: 50px 0; } .container header { - padding: 12px; - line-height: normal; - text-align: center; - border: 4px solid #445978; - color: #445978; + padding: 12px; + line-height: normal; + text-align: center; + border: 4px solid #445978; + color: #445978; } main { - padding: 1em; + padding: 1em; } + main::after { - content: '\2A55\2A55\2A55\2A55'; - position: relative; - top: 40px; - left: 300px; - color: #445978; - font-size: 44px; + content: '\2A55\2A55\2A55\2A55'; + position: relative; + top: 40px; + left: 300px; + color: #445978; + font-size: 44px; } div.grid { - text-align: center; - display: grid; - grid-template-columns: 1fr 1fr 1fr 1fr; + text-align: center; + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; } -div.grid-item { - margin-bottom: 20px; - margin-top: 10px; +.language-name:hover { + border-bottom: 3px solid #1b6568; + transition-duration: 100ms; } -.language-name:hover{ - border-bottom: 3px solid #1b6568; - transition-duration: 100ms; +div.grid-item { + background-color: #445978; + border: none; + padding: 2vh 1vw; + text-align: center; + opacity: 0.5; + transition: 0.5s; } +div.grid-item:hover { + opacity: 1; +} \ No newline at end of file diff --git a/index.html b/index.html index f5dad46..0bb3922 100644 --- a/index.html +++ b/index.html @@ -1,41 +1,68 @@ - + + The Algorithms - - + + +
-
-

The Algorithms

- - - -
-
-
-

We are an open source community established to help people find all the algorithms and data structures for every popular language at a single place.

-
-

Explore Algorithms Implementation in the following Programming Languages

-
-
C-Plus-Plus Logo
C++
-
C Logo
C
-
Python Logo
Python
-
Java Logo
Java
-
Scala Logo
Scala
-
C-Sharp Logo
C#
-
Rust Logo
Rust
-
JavaScript Logo
JavaScript
-
Go Logo
Go
-
R Logo
R
-
Ruby Logo
Ruby
-
MATLAB/Octave Logo
MATLAB/
Octave
-
-
- +
+

The Algorithms

+ + + +
+
+
+

We are an open source community established to help people find all the algorithms and data structures for every popular language at a single place.

+
+

Explore Algorithms Implementation in the following Programming Languages

+
+
+ C-Plus-Plus Logo
C++ +
+
+ C Logo
C +
+
+ Python Logo
Python +
+
+ Java Logo
Java +
+
+ Scala Logo
Scala +
+
+ C-Sharp Logo
C# +
+
+ Rust Logo
Rust +
+
+ JavaScript Logo
JavaScript +
+
+ Go Logo
Go +
+
+ R Logo
R +
+
+ Ruby Logo
Ruby +
+
+ MATLAB/Octave Logo
MATLAB/
Octave +
+
+
+
- - + + + \ No newline at end of file